.extra_user_block{

margin-top: 5px;

margin-bottom: 15px;

}



.extra_user_block #extra_user{

margin-top: 5px;

margin-bottom: 5px;

}



.extra_user{

margin-top: 5px;

    margin-bottom: 5px;

}



.add_user_button{

display: inline-block;

    border: 0;

    background: #d51300;

    padding: 6px 16px;

    font-size: 14px;

    border: 1px solid #d51300;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

    color: #fff;

    font-weight: normal;

    transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}



.add_user_button:hover{

background: #000000;

    border: 1px solid #000000;

    transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    color: #fff;



}



.delete_user_button{

display: inline-block;

    border: 0;

    background: #d51300;

    padding: 6px 16px;

    font-size: 14px;

    border: 1px solid #d51300;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

    color: #fff;

    font-weight: normal;

    transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}



.delete_user_button:hover{

background: #000000;

    border: 1px solid #000000;

    transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    color: #fff;

}



.icon-tooltip{

color: #3C5B9B;

    cursor: pointer;

}



.course_price_old{

    color: #777777!important;

    font-size: 26px;

    font-weight: normal;

    text-decoration: line-through;

    margin-left: 6px;

	font-weight: 600;

}



.h2-passport{

font-size: 25px;

}



.h2-passport span{

    color: #d51300;

}



.h2-passport-italic{

	font-style: italic;

	font-weight: normal;

	font-size: 19px;

    font-family: "Times New Roman", Times, serif;

}



.print-button {

    color: #fff!important;

    background-color: #5cb85c;

    border-color: #4cae4c;

}

.text-area{

    padding: 10px;

	font-size: 18px;

    line-height: 25px;

}



.h2-lk-title span{

text-transform: lowercase;

}



.product-checkbox{

    text-align: center;

}



.short-description .button {

    color: white!important;

    text-decoration: underline;

}



.short-description .button:hover {

    color: white!important;

    text-decoration: none;

}



.lk-menu{

	    padding-bottom: 30px;

    display: inline-block;

	    width: 100%;

}



.lk-menu .nav{

	    margin: 0;

}



.lk-menu .nav-tabs>li>a:hover{

		    border: 1px solid;

}



.lk-menu .nav>li>a:focus, .nav>li>a:hover{

	background: #d51300;

    color: white!important;

    border: 2px solid #d51300!important;

}



.lk-menu .nav>li>.active>a:focus, .nav>li.active>a:hover{

	

	border: 2px solid #d51300!important;

}



.lk-menu .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{

		        background: #d51300;

    color: white;

	    border: 2px solid #d51300;

}



.lk-menu .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{

	

	    border: 2px solid #d51300;

		    border-bottom-color: none;

}



.lk-menu .nav-tabs.nav-justified>li>a{

	

	border: 2px solid #d51300;

}



.lk-menu .nav-pills>li>a{

	    border: 2px solid #cccccc;

		    color: black;

}



.lk-menu .nav-justified>li{

	    padding-top: 10px;

    padding-left: 5px;

	white-space: nowrap;

}



.lk-menu .nav>li>a{

	

	padding: 10px 10px;

}



.lk-menu .nav-tabs.nav-justified>li{

	    padding-left: 5px;

}



.account-login .btn-danger{

	text-decoration:none!important;

	    color: #fff;

		font-size: 14px;

    font-weight: 700;

}



.account-login .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover {

    color: #fff;

    background-color: #ac2925;

    border-color: #761c19;

	text-decoration:none;

}



.account-login .btn-warning{

	text-decoration:none!important;

	    color: #fff;

		font-size: 14px;

    font-weight: 700;

}





.account-login .btn-warning:hover {

    color: #fff;

    background-color: #d58512;

    border-color: #985f0d;

	text-decoration:none;

}



.oferta-link{

	

    text-decoration: none;

    color: #d51300;

}



.oferta-link:hover{

	

    text-decoration: underline;

    color: #d51300;

}



.lk-online-block{

	

	    border: 2px solid #99A7B6;

    padding: 10px;

    margin-top: 10px;

    display: block;

}



.ochka-days_of_week span{

	    display: block;

	    padding: 3px;

}



.ochka-time-block span{

	    display: block;

	    padding: 3px;

}



.ochka-block{

	

	    display: inline-block;

}



.ochka-time-block{

	

	 display: inline-block;

}



.jumbotron{

		background-color:transparent;

	    box-shadow: 0 15px 35px -15px #000000;

}



.jumbotron .btn{

	

	color: white;

}



.jumbotron .h1, .jumbotron h1 {

    font-size: 36px;

}



.lk-menu-right{

	

	    float: right;

}



.container .lk-main .jumbotron, .container-fluid .jumbotron{

	padding-right: 40px;

    padding-left: 40px;

	

}



.lk-main .jumbotron p {

    margin-bottom: 15px;

    font-size: 18px;

    font-weight: normal;

}



.jumbotron-h2{

	

	    padding-bottom: 15px;

}



.jumbotron-h1{

	

	    padding-bottom: 15px;

}



.jumbotron-button-block{

	

	padding-top: 15px;

}



.lk-main .jumbotron p span {

    color: #8b8b8b;

}



.jumbotron .link{

	

	color: blue;

    text-decoration: underline;

}



.jumbotron .link:hover{

	text-decoration: none;

}



.jumbotron .copy-link{

	cursor:pointer;

	    color: #d51300;

    text-decoration: none;

}



.jumbotron .copy-link:hover{

	text-decoration: underline;

}



.jumbotron-course-title a{

	

	color:black;

}



.jumbotron-course-variant{

	

	font-weight:bold;

}



.jumbotron-course-title a:hover{

	text-decoration: underline;

}



.jumbotron-course-title{

	    padding-top: 8px;

    padding-bottom: 8px;

	display:block;

}



.jumbotron-ul{

	list-style-type: none;

	    margin: 0 0 10px 5px;

	font-size: 18px;

}



.jumbotron-ul li{

	padding-top: 5px;

	

}



.jumbotron-ul .jumbotron-label{

	

	font-size: 16px;

}



.frdo_documents_block{

	    margin-bottom: 10px;

	border: 2px solid #d51300;

    padding: 5px;

}



@media (min-width: 768px){

.lk-menu .home{

	

	        width: 0.5%;

}

.lk-menu .home-mobile{

	display:none;

}

}



@media (max-width: 767px){

	.jumbotron-button-block a{

	font-size:14px;

	margin:5px;

}

.jumbotron .link{

	font-size:13px;

}



.jumbotron-h2{

	font-size: 23px;

	

}

.lk-main .jumbotron p {

    margin-bottom: 15px;

    font-size: 14px;

    font-weight: normal;

}

}



.panel-link{

	

	text-decoration:underline!important;

}



.panel-link:hover{

	

	text-decoration:none!important;

}



.btn-danger {

    color: #fff;

    background-color: #d51300;

    border-color: #d51300;

}



.lk-menu .nav-pills .lk-a-passport{

	background-color: #337ab7;

    color: white;

    border: 2px solid #337ab7;

	

}



.lk-menu .nav-pills .lk-a-passport:hover{

	    background: #d51300;

    color: white;

    border: 2px solid #d51300;

	

}



.lk-menu .nav-pills li:active .lk-a-passport{

	    background: #d51300;

    color: white;

    border: 2px solid #d51300;

	

}



.prepiska{

	color:red;

	font-size: 18px;

    margin-bottom: 20px;

    display: block;

}



.prepiska a{

	color:blue;

}



.prepiska a:hover{

	text-decoration:underline;

}



.list-unstyled-doc {

    padding-left: 0;

    list-style: none;

}



.tcontent {

    font-family: sans-serif;

	    margin: 0 0 0px 0px;

}



.documentation .list-unstyled-doc .header {

    font-size: 150%;

        margin-bottom: 2px;

    color: #ca3034;

	    line-height: 25px;

}



.documentation .list-unstyled-doc .item {

        margin-bottom: 8px;

		font-size: 150%;

		    line-height: 25px;

}



.documentation .list-unstyled-doc .header i {

    color: #a5b2b3;

    display: inline-block;

    width: 34px;

}



.documentation .list-unstyled-doc .header a:hover {

    color: #d51300;

    border-bottom: 1px solid #d51300;

}



.documentation .list-unstyled-doc .item .active {

    color: #d51300;

    border-bottom: 1px solid #d51300;

}



.documentation .list-unstyled-doc .header .active {

    color: #d51300;

    border-bottom: 1px solid #d51300;

}



.documentation .list-unstyled-doc .item a:hover {

    color: #d51300;

    border-bottom: 1px solid #d51300;

}



.panel-default>.panel-heading {

    color: #333;

    background-color: transparent;

    border-color: #ddd;

    border-top: 1px solid #e8e8e8;

}





.panel-default>.panel-heading>.collapsed>.panel-title:after {

    content: '';

    display: block;

    width: 12px;

    height: 8px;

    position: absolute;

    right: 20px;

    top: 50%;

    margin-top: -4px;

    background: url(../images/strelka.png) no-repeat center!important;

    transform: rotate(0)!important;

    transition: background .3s ease, transform .3s ease;

}



.panel-default>.panel-heading>.collapse-hidden>.panel-title:after {

	content: '';

    display: block;

    width: 12px;

    height: 8px;

    position: absolute;

    right: 20px;

    top: 50%;

    margin-top: -4px;

    background: url(../images/strelka.png) no-repeat center;

    transform: rotate(

180deg

);

transition: background .3s ease, transform .3s ease;

}



.panel-default .panel-heading .panel-title{

	

	    position: relative;

}



.otvety-link{

	    float: right;

    font-size: 20px;

}



.otvety-link a{

	        text-decoration: underline;

}



.otvety-link a:hover{

	        text-decoration: none;

}





.frdo_documents_block label{

	

	font-weight:normal;

}



.save-block1{

	

	    padding-bottom: 80px;

}



.save-block1 .form-action{

	float: right;

	

}



.save-block2{

	

	padding-top:30px;

}



.check-study-certificate-result {

    font-size: 18px;

    line-height: 25px;

}



.extra_certificate_block {

    margin-top: 5px;

    margin-bottom: 15px;

}



.extra_certificate_block #extra_certificate {

    margin-top: 5px;

    margin-bottom: 5px;

}



.extra_certificate {

    margin-top: 5px;

    margin-bottom: 5px;

}



.frdo_documents_block_success{

	border: 2px solid #5cb85c;

	

}

.address_block_success{

	border: 2px solid #5cb85c;

	

}



small {

    font-size: 85%;

    font-weight: normal;

    text-transform: none;

    color: #999999;

}



.passport-second-block{

	

	padding-top:30px;

}



.settings_passport_block{

	font-size: 25px;

    line-height: 25px;

}



.passpor-list-sort{

	

	    font-size: 16px;

    padding-bottom: 30px;

}



.passpor-list-sort .sort-item{

	text-decoration:none;

    margin-right: 5px;

    text-transform: capitalize;

}



.passpor-list-sort .sort-item:hover{

	text-decoration:none;

}



.passpor-list-sort .sort_select{

	

	    border-bottom: 1px dashed #d51300;

}



.passp-link span{

	    font-size: 30px;

		    font-weight: 500;

}



.passp-link span a{

	    cursor:pointer;

		font-size: 30px;

}



.passp-link  a{

	    font-size: 16px;

}



.input-group .form-control{
	margin-top: 0;
}



.th-20-percent{

	

	width: 20%;

}



.th-30-percent{

	

	width: 30%;

}



.passport-ul-sign-in{

	

	list-style-image: url(../images/passport-li-icon.png);

	    list-style-position: inside;

    margin: 0;

}



.passport-ul-sign-in li{

	

	    font-size: 20px;

		padding: 8px;

		    border-bottom: 2px dotted black;

			    font-weight: 300;

			

}



.passport-block-sign-in{

	

	    margin-left: auto;

    margin-right: auto;

    width: 600px;

	padding-bottom: 30px;

}



.passport-h2-sign-in{

	

	text-align: center;

    background-color: #930C00;

    color: white;

    padding: 8px;

	-webkit-clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);

    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);

	text-transform: uppercase;

}



.passport-button-block-sign-in{

	

	    margin-top: 15px;

}





.passport-button-sign-in{

	

	    width: 100%;

		color:white!important;

		    font-size: 22px;

			    background-color: #930C00;

    border-color: #930C00;

	    border-radius: 8px;

		    text-decoration: underline!important;

}





.passport-button-sign-in:hover{

	background-color: #930C00;

    border-color: #930C00;

	text-decoration: none!important;

	

}

@media only screen and (min-width: 280px) and (max-width: 678px) {

.passport-block-sign-in{

	

	    margin-left: auto;

    margin-right: auto;

    width: 100%;

}



.passport-button-sign-in{

	

	    font-size: 17px;

}

}



.show_email {

    border-bottom: dashed 2px #52aded;

	font-size: 20px;

}



.show_phone {

    border-bottom: dashed 2px #52aded;

	font-size: 20px;

}



.show_email:hover {

    text-decoration:none!important;

}



.show_phone:hover {

    text-decoration:none!important;

}



.rating-block{

	

	padding-bottom:20px;

}



.passport-button-saving-block{

	

	padding-top:35px;

}



.in_rate {

    border-bottom: dashed 2px #52aded;

	font-size: 20px;

}



.in_rate:hover {

    text-decoration:none!important;

}



#check-study-certificate-result span{

	color: #d51300;

	font-weight:bold;

}



.lk-exam-block{

	    margin-top: 10px;

	    border: 2px solid #d51300;

    padding: 10px;

	

}



/**CSS olga**/



.shop-inner h1 {font-size: 29px; margin-bottom: 30px;}



.my_txt h2 {font-size: 18px; margin-top: 12px; margin-bottom: 12px;}

.my_txt a {color: #c4161c; text-decoration:underline;}

.my_txt a:hover {color: #c4161c; text-decoration:none;} 

.my_txt ol li { line-height:1.6em;}

.my_txt h1 {font-size: 29px; margin-bottom: 30px; margin-top: -25px;}



/**CSS max**/



.training_services_block{

	

	    padding-top: 20px;

}



.training_services_block ul{

	

	text-transform: uppercase;

    font-weight: bold;

}



.training_services_block ul li a{

	

	text-decoration: none;

    color: #d51300;

}



.training_services_block ul li a:hover{

	

	text-decoration: underline;

}

.center-h1{

	

	text-align:center!important;

}

@media only screen and (min-width: 767px){

.center-h1{

	padding-left: 45px!important;

    padding-right: 45px!important;

}

}



.cifr-progress a{

	text-decoration: underline;

	    color: #d51300;

		    text-transform: uppercase;

}



.cifr-progress a:hover{

	text-decoration: none;

}



.timetable-lk{

	

	

}



.timetable-lk th{

	

	font-size: 23px;

}



.timetable-lk td a{

	

	color: #d51300;

}



.timetable-lk td a:hover{

	

	text-decoration: underline;

}



.timetable-lk .timetable-type{

	background-color: #fff9b4;

}



.timetable-lk .timetable-name{

	background-color: #fff9b4;

}



.timetable-lk .timetable-time{

	background-color: #fff9b4;

}



.timetable-lk .timetable-end{

	background-color: #e8e8e8;

}



.timetable-lk .timetable-name-test{

	background-color: #ffb971;

	

}



.timetable-lk td .btn-danger {

    color: #fff;

    background-color: #d51300;

    border-color: #d51300;

}



.lk-video-block .link{

	

	text-decoration: none;

    color: #d51300;

}



.lk-video-block .link:hover{

	

	text-decoration: underline;

}



.edu_univer{

	

	

}



.edu_univer .info-zp span{

	    font-size: 30px;

	

}



.edu_univer .info-zp strong{

	    font-size: 30px;

	

}



.modal-lg {

    max-width: 800px;

}



.checkbox-petition_send{

	

	width: 30px;

    height: 30px;

}



.send_petition-modal .modal-body {

    max-height: 500px;

    overflow-y: auto;

}



.table-content table .td-bold{

		font-weight: bold;

    font-size: 23px;

	}



@media only screen and (min-width: 720px) and (max-width: 991px) {

	.table-responsive .timetable-lk th{

		font-size:16px;

		word-break:inherit;

		white-space: normal!important;

	}

	.table-responsive .timetable-lk td{

		font-size:16px;

		word-break: break-word;

		    white-space: normal!important;

	}

	.table-responsive .timetable-lk .timetable-type-resp{

		display:none;

	}

	.table-responsive .timetable-lk .btn{

		font-size:14px;

	}

	.table-content table th{

		font-size:16px;

		word-break:inherit;

		white-space: normal!important;

		

	}

	

	.table-content table td{

		font-size:16px;

		

		    white-space: normal!important;

		

	}

	

	.table-content table td.product-name a{

		font-size:14px;

		

	}

	.table-content table .td-bold{

		font-weight: bold;

    font-size: 14px;

	}

	

	.page-order .product-name {

    font-size: 16px;

    margin-bottom: 0px;

}

}





@media only screen and (min-width: 368px) and (max-width: 719px) {

	.table-responsive .timetable-lk th{

		font-size:11px;

		word-break:inherit;

		white-space: normal!important;

	}

	.table-responsive .timetable-lk td{

		font-size:11px;

		word-break: break-word;

		    white-space: normal!important;

	}

	.table-responsive .timetable-lk .timetable-type-resp{

		display:none;

	}

	.table-responsive .timetable-lk .btn{

		font-size:11px;

		white-space: normal!important;

	}

	

	.table-content table th{

		font-size:11px;

		word-break:inherit;

		white-space: normal!important;

		padding: 5px 1px;

		

	}

	

	.table-content table td{

		font-size:11px;

		

		    white-space: normal!important;

		

	}

	

	.table-content table td.product-name a{

		font-size:11px;

		

		white-space: normal!important;

	}

	

	.table-content table .td-bold{

		font-weight: bold;

    font-size: 11px;

	}

	.page-order .product-name {

    font-size: 11px;

    margin-bottom: 0px;

}





}



.badge-success {

    color: #fff;

    background-color: #28a745;

}



.badge-danger {

    color: #fff;

    background-color: #dc3545;

}



.show-test-result-table{

	

	    font-size: 16px;

}



.timetable-lk .timetable-name-humor {

    background-color: #ff9f9f;

}





.short-description .col-md-6 ul li {font-size:15px; margin-bottom: 6px;}



.data_ol

	{font-size: 13px;

font-weight: 500;}



.modal-body-uc{

	font-size:19px;

	

}



.trainer-trainings-list{

	

	padding-top:15px;

}



.univer_data_li{

	

        font-size: 19px;

    line-height: 23px;

}



.univer_data_h2{

	font-size: 18px;

    line-height: 18px;

	font-weight:bold;

	

}



.univer_data_img{

	       margin: 5px auto 5px;

    padding-right: 5px;

    padding-left: 5px;

}



.univer_data_hr{

	

	margin-top: 10px;

    margin-bottom: 10px;

    border: 0;

    border-top: 2px solid #cdd1d2;

}



.univer_data_span{

	

	font-weight:500;

}





/**CSS olga**/

.short-description h3 {margin-bottom: 20px;}

.shop-inner h1 {font-size: 29px; margin-bottom: 30px;}



.opis_kursa_ol {margin-top:30px; font-size:17px !important; font-weight:300; line-height:1.6 !important;}

.opis_kursa_ol h2 {font-size: 18px !important;}

.opis_kursa_ol h3 {font-size: 18px; margin-bottom: 20px;}

.opis_kursa_ol p {font-size:17px !important; font-weight:300; line-height:1.6 !important; }

.opis_kursa_ol strong {font-weight:500 !important;}

.opis_kursa_ol a {color: #c4161c !important; text-decoration:underline;}

.opis_kursa_ol a:hover {color: #c4161c !important; text-decoration:none;} 

.opis_kursa_ol ol li { font-size:17px !important; font-weight:300; line-height:1.6;}

.opis_kursa_ol ul li {font-size:17px !important; font-weight:300; line-height: 1.6;}





.programma_kursa_ol {font-size: 17px; font-weight:300; line-height:1.6 !important;}

.programma_kursa_ol ul {font-size:17px;}

.ulpr_ol li {margin-bottom:5px;}

.ulprdop_ol {margin-top:10px;}

.ulprdop_ol li {margin-bottom:2px;}





.review-ratting {font-size: 15px; font-weight: 300; line-height: 1.6; margin: 20px 0;}

.author {font-size: 14px; font-weight: 500 !important;}



.table_ol {

	border: 1px solid #eee;

	table-layout: fixed;

	width: 87%;

	margin-bottom: 20px;

	margin: auto;

}



.table_ol th {

	font-weight: bold;

	padding: 10px;

	background: #efefef;

	border: 1px solid #dddddd;

	text-align:center;

}

.table_ol td {

	border: 1px solid #dddddd;

	padding: 5px;

}



.table_ol p { font-size:15px !important; font-weight: 300;}

.table_ol ul li  { font-size:15px !important; font-weight: 300;}

.table_ol ol li  { font-size:15px !important; font-weight: 300;}





/**CSS olga**/





.cifr-progress{

	

	margin-bottom: 15px;

}





.modern-block{

border: 2px solid #cccccc;

margin-top: 35px;	

}



.modern-block .custom-h2 h2 {

    width: max-content;

    margin-top: -44px;

    background: white;

	margin-left: auto;

    margin-right: auto;

	    font-weight: 400;

}



.modern-block .h5{

	

	

}



.modern-cifr-block{

	width: 98.7%;

}



.modern-cifr-block .custom-h2 h2{

	margin-top: -34px;

}





@media (max-width: 767px){

	

	.modern-block .custom-h2 h2 {

			margin-top: -34px;

		    font-size: 20px;

		

	}

		.modern-cifr-block .custom-h2 h2{

	margin-top: -28px;

}

	

}





.avatar-buttons-block{

	

	display: inline-block;

    padding-left: 15px;

	vertical-align: middle;

}



.box-signup{

	

	width:100%;

}

.box-signup .submit-block .col-sm-5{



	float:none;

    margin: auto;

}



.ohno_ol{

	display:none;

	

}



.icon-renew{



	font-size: 26px;

    color: red;

}



.link{

	

	color:  #d51300;

}

.link:hover{

	text-decoration: underline;

	color: #d51300;

}



.second_top_menu ul li a{

	    letter-spacing: 0.1px;

}



.list-label{display:block;}





.course_price_discount{

	

	    margin-left: 6px;

    color: red;

}



.tbody-group-cat{

	

	border-top: none!important;



}



.ol_phone_mobile{display:none;}

@media (min-width: 768px) and (max-width: 991px){

	.ol_phone_mobile{display: inline-block;}

}



.products_title a{

	

	    text-decoration: underline;

}



.products_title a:hover{

	

	    text-decoration: none;

}



.collection-block{

	    border-right: 2px solid #e0e0e0;

	

}



.best-selling-slider .products_title small{

	float:right;

	font-size: 85%;

	font-weight:bold;

	text-transform: uppercase;

}



.best-selling-slider .products_title small a{

	color:red;

}



.main-menu ul li div a{

	    padding: 0;

		padding-bottom: 5px;

}



.main-menu ul li a strong{

	    color: black;

}



.main-menu ul li a strong:hover{

	

	    text-decoration: underline;

}



.pay-button-form{display: inline-block;}



.mark, mark{

	

	    background-color: #ffe143;

}



.page-content .form-action .btn-primary{

		text-decoration: none;

	   color: #fff;

}



.page-content .form-action .btn-primary:hover{

		text-decoration: none;

	   color: #fff;

}



.page-content .form-action .btn-success{

		text-decoration: none;

	   color: #fff;

}



.page-content .form-action .btn-success:hover{

		text-decoration: none;

	   color: #fff;

}



.product-overview-tab a{

    text-decoration: none;

    color: #d51300;

}



.product-overview-tab a:hover{

    text-decoration: underline;

    color: #d51300;

}



#emmail_login{

	

	border: 1px solid #ccc;

}



.scheme_link h1{

	display: inline-block;

	

}



.scheme_link .button{

	

	    display: inline-block;

    font-size: 24px;

    margin-bottom: 30px;

	    line-height: 26px;

}



.page-content .new-btn-danger{

	

	color: white!important;

}



.nav-tabs{display: inline-block;}

.nav-tabs li{padding:5px;}



.lk-online-block a{

	

	text-decoration: none;

    color: #d51300;

}



.lk-online-block a:hover{

	

	text-decoration: underline;

    color: #d51300;

}



.online_label{

	    background: #23b821;

		letter-spacing: 1px;

		line-height: normal;

		width: 75px;

		line-height: 20px;

		font-size: 11px;

		color: #fff;

		text-transform: uppercase;

		padding: 0px;

		text-align: center;

		display: inline-block;

	    margin-bottom: 5px;

}



.internal_label{

	    background: #2151b8;

		letter-spacing: 1px;

		line-height: normal;

		width: 75px;

		line-height: 20px;

		font-size: 11px;

		color: #fff;

		text-transform: uppercase;

		padding: 0px;

		text-align: center;

		display: inline-block;

		margin-bottom: 5px;

}



.vertical_align_middle{

	

	text-align: center;

    vertical-align: middle!important;

}



.group_name_label{

	

	background: #ff2828;

    letter-spacing: 1px;

    line-height: normal;

    width: 75px;

    line-height: 20px;

    font-size: 11px;

    color: #fff;

    text-transform: uppercase;

    padding: 0px;

    text-align: center;

    display: inline-block;

    margin-bottom: 5px;

}



.fullstory_date_start_variant{

	

	color: #3C5B9B;

    display: block;

    font-size: 14px;

    vertical-align: super;

	

}



.preorder_modal{

	

	text-align:left;

}



.button-rezerv{

	

	    background-color: #337ab7!important;

    border-color: #2e6da4!important;

}



.button-rezerv:hover {

    color: #fff!important;

    background-color: #286090!important;

    border-color: #204d74!important;

}



.plan .group_link {

	

	padding-bottom: 15px;

    display: inline-block;

    font-size: 20px;

    color: #c4161c !important;

    text-decoration: none;

}



.plan .group_link:hover {

    text-decoration: underline;

}



.main-menu-kurs ul li a{

	

	font-size: 13px!important;

	padding:7px;

	font-weight: 400;

}
/* Скрыть кнопки видеокурсов и онлайн-курсов в шапке */
.find_kurs { display: none !important; }

/* Скрыть серую и красную полосы-меню */
.menu-area.second_top { display: none !important; }
.menu-area:not(.menu-area-kurs):not(.second_top) { display: none !important; }

/* Скрыть синюю полосу меню курсов */
.menu-area-kurs { display: none !important; }

/* Заголовок раздела на главной странице — белый на синем */
/* 2. Градиент на заголовках */
.cms-home-page .page-title {
    background: linear-gradient(135deg, #3a62d8 0%, #5b8bf5 100%);
    margin: 0 -15px 30px -15px;
    padding: 18px 30px;
    border-radius: 4px;
}

.cms-home-page .page-title h1 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.3px;
}

/* ===== 1. Mesh-градиент фон страницы ===== */
body, #page {
    background:
        radial-gradient(ellipse 60% 40% at 10% 20%, rgba(91, 139, 245, 0.40) 0%, transparent 100%),
        radial-gradient(ellipse 50% 35% at 90% 5%,  rgba(66, 111, 237, 0.32) 0%, transparent 100%),
        radial-gradient(ellipse 55% 40% at 75% 90%, rgba(120, 160, 255, 0.35) 0%, transparent 100%),
        radial-gradient(ellipse 45% 35% at 0%  85%, rgba(66, 111, 237, 0.25) 0%, transparent 100%),
        #f8faff !important;
}
/* Белый фон только для хедера, футера и некоторых блоков */
header, footer, .main-slider-area {
    background-color: #ffffff;
}

/* ===== 7. Разделитель под хедером ===== */
header {
    border-bottom: 1px solid transparent;
    background-image: linear-gradient(white, white),
                      linear-gradient(90deg, #426fed 0%, #5b8bf5 50%, #426fed 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0 2px 12px rgba(66, 111, 237, 0.10);
}

/* ===== Карточки курсов — границы, скруглённые углы, тени ===== */

/* Одинаковая высота строк карточек */
.products-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.products-grid .item {
    padding: 8px;
    display: flex;
}

.products-grid .item .product-item {
    width: 100%;
}

/* 4. Цветная полоса + 5. Тёплый белый фон карточки */
.products-grid .item .item-inner {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-top: 3px solid #426fed;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(66, 111, 237, 0.10);
    overflow: hidden;
    transition: box-shadow 0.22s ease, transform 0.22s ease, background 0.22s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.products-grid .item .item-inner:hover {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 10px 32px rgba(66, 111, 237, 0.20);
    transform: translateY(-4px);
}

/* Картинка — одинаковая высота, полностью видна, без обрезки */
.products-grid .item .product-thumbnail {
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0;
    position: relative;
    background: #ffffff;
}

.products-grid .item .product-thumbnail > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 180px;
    line-height: 0;
    background: #ffffff;
}

.products-grid .item .product-thumbnail img {
    width: 100%;
    height: 180px;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #ffffff;
}

/* Контент карточки */
.products-grid .item .pro-box-info {
    padding: 14px 16px 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.products-grid .item .item-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.products-grid .item .item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 8px;
    flex: 1;
}

.products-grid .item .item-title a {
    color: #1a1a1a;
    text-decoration: none;
}

.products-grid .item .item-title a:hover {
    color: #426fed;
}

/* Цена — синяя */
.products-grid .item .price-box .regular-price .price,
.products-grid .item .price-box .special-price .price {
    font-size: 18px;
    font-weight: 700;
    color: #426fed;
}

/* ===== Хлебные крошки ===== */
.breadcrumbs {
    padding: 10px 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #eef0f5 !important;
    margin-bottom: 16px !important;
}
.breadcrumbs ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
}
.breadcrumbs ul li {
    font-size: 13px !important;
    color: #888 !important;
    display: flex !important;
    align-items: center !important;
}
.breadcrumbs ul li a {
    color: #426fed !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}
.breadcrumbs ul li a:hover {
    text-decoration: underline !important;
}
/* Разделитель » */
.breadcrumbs ul li a span,
.breadcrumbs ul li span.arrow {
    margin: 0 4px !important;
    color: #bbb !important;
}
/* Текущая страница (последний li без ссылки) */
.breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child a {
    color: #333 !important;
    font-weight: 500 !important;
}

/* Кнопка Подробнее в карточке */
.card-more-btn-wrap {
    padding: 12px 16px 4px;
}
.card-more-btn {
    display: block !important;
    width: 100% !important;
    padding: 9px 0 !important;
    background: linear-gradient(135deg, #3a62d8 0%, #6fa3f5 100%) !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: filter 0.2s ease, transform 0.15s ease !important;
}
.card-more-btn:hover,
.card-more-btn:focus {
    filter: brightness(1.12) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ===== Шрифт Inter ===== */
body,
h1, h2, h3, h4, h5, h6,
p, a, li, td, th, input, button, select, textarea, label, span, div {
    font-family: 'Inter', sans-serif !important;
}

/* ===== Ссылки — чёрные, синие при наведении ===== */
a {
    color: inherit !important;
}
a:hover,
a:focus {
    color: #426fed !important;
    text-decoration: none;
}

/* ===== Кнопки — градиент ===== */
a.button,
button.button,
input[type="submit"].button,
.btn.button {
    background: linear-gradient(135deg, #3a62d8 0%, #6fa3f5 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    font-weight: 500 !important;
    transition: filter 0.2s ease !important;
}
a.button:hover,
button.button:hover,
input[type="submit"].button:hover,
.btn.button:hover {
    filter: brightness(1.12) !important;
    color: #ffffff !important;
}

/* Активный таб вкладок курса — синий */
.product-tabs li.active a,
.product-tabs li.active a:hover,
.product-tabs li.active a:focus {
    background: #426fed !important;
    border-color: #426fed !important;
    border-radius: 6px 6px 0 0 !important;
    color: #ffffff !important;
}

/* Hover на неактивных вкладках — синий */
.product-tabs li a:hover,
.product-tabs li a:focus {
    background: #e8eefa !important;
    border-color: #426fed !important;
    color: #426fed !important;
    border-radius: 6px 6px 0 0 !important;
}

/* ===== Содержимое вкладок курса — блок с отступами ===== */
#productTabContent .tab-pane > .std,
#productTabContent .tab-pane > .product-tabs-content-inner {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(66, 111, 237, 0.12) !important;
    border-radius: 12px !important;
    padding: 28px 32px !important;
    margin-top: 0 !important;
    box-shadow: 0 2px 16px rgba(66, 111, 237, 0.07) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    overflow: hidden !important;
}

/* Убираем верхний отступ самого tab-content, раз уже есть у блока */
#productTabContent {
    margin-top: 0 !important;
}
#productTabContent .tab-content > .active {
    margin-top: 0 !important;
}

/* ===== Карточки курсов в блоке преподавателя — 2 в строку, стиль как на главной ===== */
.trainer-trainings-list .slider-items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    width: 100% !important;
}
.trainer-trainings-list .product-item {
    width: calc(50% - 8px) !important;
    float: none !important;
    margin: 0 !important;
}
.trainer-trainings-list .item-inner {
    background: #ffffff;
    border: 1px solid #e4e8ee !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(66, 111, 237, 0.07) !important;
    overflow: hidden !important;
    transition: box-shadow 0.22s ease, transform 0.22s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.trainer-trainings-list .item-inner:hover {
    box-shadow: 0 8px 28px rgba(66, 111, 237, 0.18) !important;
    transform: translateY(-4px) !important;
}
.trainer-trainings-list .product-thumbnail {
    border-radius: 12px 12px 0 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    background: #ffffff !important;
}
.trainer-trainings-list .product-thumbnail > a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 150px !important;
    line-height: 0 !important;
    background: #ffffff !important;
}
.trainer-trainings-list .product-thumbnail img {
    max-width: 100% !important;
    max-height: 150px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}
.trainer-trainings-list .pro-box-info {
    padding: 12px 14px 14px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.trainer-trainings-list .item-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
}
.trainer-trainings-list .item-title a {
    color: #1a1a1a !important;
    text-decoration: none !important;
}
.trainer-trainings-list .item-title a:hover {
    color: #426fed !important;
}
.trainer-trainings-list .price-box .regular-price .price,
.trainer-trainings-list .price-box .special-price .price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #d0021b !important;
}

/* ===== Страницы входа и регистрации — воздушный стиль форм ===== */

/* Поля ввода (только текстовые, не radio/checkbox) */
#ajax_login_form .form-control,
#signup_form .form-control,
#signup_form .input-text input:not([type="radio"]):not([type="checkbox"]) {
    height: 44px !important;
    border-radius: 8px !important;
    border: 1px solid #d0d7e3 !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
#ajax_login_form .form-control:focus,
#signup_form .form-control:focus,
#signup_form .input-text input:not([type="radio"]):not([type="checkbox"]):focus {
    border-color: #426fed !important;
    box-shadow: 0 0 0 3px rgba(66, 111, 237, 0.12) !important;
    outline: none !important;
}

/* Radio и checkbox — стандартный размер */
#signup_form input[type="radio"],
#signup_form input[type="checkbox"] {
    width: auto !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: inline !important;
}

/* Метки */
#ajax_login_form label,
#signup_form label {
    display: block !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #555 !important;
    margin-top: 16px !important;
    margin-bottom: 6px !important;
}

/* Блоки с инпутами в регистрации */
#signup_form .input-text {
    margin-bottom: 4px !important;
}

/* Отступ перед кнопкой */
#ajax_login_form .form-action {
    margin-top: 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}
#signup_form #submit-phone {
    margin-top: 24px !important;
}

/* ===== Страницы входа и регистрации — кнопки и ссылки в корпоративном стиле ===== */
/* Центрирование кнопки регистрации (только видимая) */
#signup_form #submit-phone {
    display: block !important;
    margin: 0 auto !important;
}
/* Скрытая кнопка остаётся скрытой */
#signup_form #submit {
    display: none !important;
}

#ajax_login_form .btn-danger,
.forgot-pass .btn-danger,
#signup_form .btn-success,
#signup_form .custom-buttom {
    background-color: #426fed !important;
    border-color: #426fed !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    padding: 8px 24px !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}
#ajax_login_form .btn-danger:hover,
#ajax_login_form .btn-danger:focus,
.forgot-pass .btn-danger:hover,
.forgot-pass .btn-danger:focus,
#signup_form .btn-success:hover,
#signup_form .btn-success:focus,
#signup_form .custom-buttom:hover,
#signup_form .custom-buttom:focus {
    background-color: #2f58d4 !important;
    border-color: #2f58d4 !important;
    color: #ffffff !important;
}

/* Ссылка "Забыли пароль?" и "Регистрация" */
#ajax_login_form a,
.account-create a,
.fn-login-block a {
    color: #426fed !important;
}
#ajax_login_form a:hover,
.account-create a:hover,
.fn-login-block a:hover {
    color: #2f58d4 !important;
    text-decoration: underline !important;
}

/* ===== Иконки вариантов курса — перекраска в синий #426fed ===== */
.plan h3 img {
    filter: invert(38%) sepia(97%) saturate(605%) hue-rotate(209deg) brightness(104%) contrast(96%);
}

/* ===== Картинка курса — меньше, с закруглёнными углами ===== */
.product-big-image .fn-img {
    width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block;
}

/* ===== Видео — перемещается под short-description (JS) ===== */
.course-video-under-img {
    margin-top: 20px;
    margin-bottom: 16px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.course-video-under-img iframe {
    width: 100%;
    display: block;
    border-radius: 8px;
}

/* ===== Заголовок страницы курса — полная ширина, синий фон ===== */
.training-fullwidth-title {
    background: linear-gradient(135deg, #3a62d8 0%, #5b8bf5 100%);
    padding: 18px 0;
    margin-bottom: 15px;
    width: 100%;
}
.training-fullwidth-title h1 {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.3px;
}

/* ===== Футер: отступы контейнера ===== */
footer > .container {
    padding-top: 36px !important;
    padding-bottom: 28px !important;
}

/* ===== Копирайт: Bootstrap-колонки + Робокасса вправо ===== */
.footer-coppyright .row {
    display: flex !important;
    align-items: center !important;
}
.footer-coppyright .col-sm-6.coppyright {
    text-align: left;
}
.footer-coppyright .col-sm-6:last-child {
    text-align: right !important;
}

/* ===== Иконка YouTube в футере — без красного фона, увеличенная ===== */
footer .social .googleplus a,
footer .social .tw a,
footer .social .rss a,
footer .social .fb a {
    background: transparent !important;
    color: #c8d3ea !important;
    font-size: 20px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 4px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
footer .social .googleplus a {
    font-size: 24px !important;
}
footer .social .googleplus a:hover,
footer .social .tw a:hover,
footer .social .rss a:hover,
footer .social .fb a:hover {
    background: transparent !important;
    color: #ffffff !important;
}


/* ===== Шапка: выравнивание строки по вертикали ===== */
.header-main-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
}

/* ===== Поиск в шапке ===== */
.top-search {
    margin-top: 0 !important;
}
#search .input-group {
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    width: 100% !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    background: #fff !important;
}
#search input[type="text"],
#search .form-control {
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    padding: 8px 12px !important;
    line-height: 1.5 !important;
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
    margin-top: 0 !important;
}
#search button,
#search .btn-search {
    flex: 0 0 auto !important;
    float: none !important;
    height: auto !important;
    padding: 8px 16px !important;
    background: #f5f5f5 !important;
    border: none !important;
    border-left: 1px solid #e0e0e0 !important;
    color: #333 !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
#search button:hover,
#search .btn-search:hover {
    background: #426fed !important;
    color: #fff !important;
}

/* ===== Бейдж ХИТ/Новинка/Акция — корпоративный синий ===== */
.icon-hot-label {
    background: #426fed !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}
.icon-new-label {
    background: #34a853 !important;
    border-radius: 4px !important;
}
.icon-sale-label {
    background: #f57c00 !important;
    border-radius: 4px !important;
}

/* ===== Старая цена — серая и зачёркнутая ===== */
.old-price .price,
.price-box .old-price .price {
    color: #999 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
}

/* ===== Кнопка «Наверх» — синяя, скруглённая ===== */
.totop {
    background: #426fed !important;
    border: none !important;
    border-radius: 50% !important;
    color: #fff !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    box-shadow: 0 4px 16px rgba(66, 111, 237, 0.35) !important;
    transition: background 0.2s ease, transform 0.2s ease, opacity 0.3s ease !important;
}
.totop:before {
    color: #fff !important;
    font-size: 16px !important;
}
.no-touch .totop:hover,
.totop:hover {
    background: #2f58d4 !important;
    transform: translateY(-3px) !important;
}

/* ===== Hover на картинке карточки — лёгкий zoom ===== */
.products-grid .item .product-thumbnail > a {
    overflow: hidden !important;
}
.products-grid .item .product-thumbnail img {
    transition: transform 0.35s ease !important;
}
.products-grid .item .item-inner:hover .product-thumbnail img {
    transform: scale(1.06) !important;
}

/* ===== Таблица расписания ===== */
.schedule_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e4e8ee !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
}
.schedule_table thead tr {
    background: #426fed !important;
    color: #fff !important;
}
.schedule_table thead th {
    padding: 10px 14px !important;
    font-weight: 600 !important;
    border: none !important;
    color: #fff !important;
}
.schedule_table tbody tr {
    background: #fff !important;
    transition: background 0.15s ease !important;
}
.schedule_table tbody tr:nth-child(even) {
    background: #f7f9ff !important;
}
.schedule_table tbody tr:hover {
    background: #eef2fd !important;
}
.schedule_table tbody td {
    padding: 10px 14px !important;
    border-top: 1px solid #eef0f5 !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
}
.online_label {
    background: #426fed !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

/* ===== Страница поиска — заголовок ===== */
._search .page-title h2,
.col-main .page-title h2 {
    background: linear-gradient(135deg, #3a62d8 0%, #5b8bf5 100%) !important;
    color: #fff !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* ===== 3. Тёмный футер ===== */
footer > .container,
footer > .container > .row {
    background: transparent;
}
footer {
    background: #1a2744 !important;
    color: #c8d3ea !important;
}
footer .footer-logo img {
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.15);
}
footer .footer-content .email,
footer .footer-content .phone,
footer .footer-content .address {
    color: #c8d3ea !important;
}
footer .footer-content a,
footer .footer-links a,
footer .list-links a {
    color: #c8d3ea !important;
}
footer .footer-content a:hover,
footer .footer-links a:hover,
footer .list-links a:hover {
    color: #ffffff !important;
}
footer .links-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin-bottom: 12px !important;
}
footer .footer-coppyright {
    background: #111d36 !important;
    border-top: 1px solid #2a3a5e !important;
    margin-top: 0 !important;
}
footer .footer-coppyright p,
footer .footer-coppyright a {
    color: #8899bb !important;
}
footer .footer-coppyright a:hover {
    color: #c8d3ea !important;
}
footer .social .googleplus a,
footer .social a {
    color: #c8d3ea !important;
}
footer .social .googleplus a:hover,
footer .social a:hover {
    color: #ffffff !important;
}

/* ===== 8. Синие иконки в контактах футера ===== */

/* Сброс базового стиля — круги 35x35 на псевдоэлементах */
footer .phone .fa-phone:before,
footer .email .fa-envelope:before,
footer .address .fa-map-marker:before {
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    height: auto !important;
    width: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    display: inline !important;
    font-size: 14px !important;
    color: #ffffff !important;
}

footer .footer-content .phone,
footer .footer-content .email,
footer .footer-content .address {
    white-space: nowrap !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}
footer .footer-content .phone .fa,
footer .footer-content .email .fa,
footer .footer-content .address .fa {
    color: #ffffff !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
    width: 14px !important;
    text-align: center !important;
}

/* ===== Страница поиска — синий заголовок ===== */
._search .page-title h2,
.col-main .page-title h2 {
    background: linear-gradient(135deg, #3a62d8 0%, #5b8bf5 100%) !important;
}

/* ===== 6. Анимация появления карточек ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.products-grid .item {
    animation: fadeInUp 0.45s ease both;
}
.products-grid .item:nth-child(1)  { animation-delay: 0.04s; }
.products-grid .item:nth-child(2)  { animation-delay: 0.08s; }
.products-grid .item:nth-child(3)  { animation-delay: 0.12s; }
.products-grid .item:nth-child(4)  { animation-delay: 0.16s; }
.products-grid .item:nth-child(5)  { animation-delay: 0.20s; }
.products-grid .item:nth-child(6)  { animation-delay: 0.24s; }
.products-grid .item:nth-child(7)  { animation-delay: 0.28s; }
.products-grid .item:nth-child(8)  { animation-delay: 0.32s; }

/* ===== Мобильная версия (до 767px) ===== */
@media (max-width: 767px) {
    /* Скрыть меню "Категории" */
    .mobile-menu {
        display: none !important;
    }

    /* Сетка курсов — 1 курс в строку */
    .products-grid .item {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Картинка в карточке — по центру, уменьшенная высота */
    .products-grid .item .product-thumbnail > a {
        height: 220px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .products-grid .item .product-thumbnail img {
        height: 220px !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* Название курса — крупнее */
    .products-grid .item .item-title,
    .products-grid .item .item-title a,
    .products-grid .item .item-title * {
        font-size: 18px !important;
        line-height: 1.45 !important;
        font-weight: 600 !important;
    }

    /* Карточки в блоке преподавателя — тоже 1 в строку на мобильном */
    .trainer-trainings-list .product-item {
        width: 100% !important;
    }
}

/* ===== Рейтинг и кнопки под картинкой курса ===== */
.course-under-image-meta {
    margin-top: 10px !important;
    padding-top: 8px !important;
    border-top: 1px solid #e4e8ee !important;
}
/* Рейтинг — мельче и темнее */
.course-under-image-meta .rating {
    margin-bottom: 6px !important;
    font-size: 11px !important;
    color: #3a4560 !important;
}
.course-under-image-meta .rating .fa-star,
.course-under-image-meta .rating .fa-star-half-o {
    color: #c8960a !important; /* тёмно-жёлтый вместо яркого */
    font-size: 11px !important;
}
.course-under-image-meta .rating span,
.course-under-image-meta .rating a,
.course-under-image-meta .rating * {
    font-size: 11px !important;
    color: #3a4560 !important;
}
/* Кнопки — меньше и тише */
.course-under-image-meta .under-img-actions ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}
.course-under-image-meta .under-img-actions ul li {
    flex: 1 1 auto !important;
}
.course-under-image-meta .under-img-actions ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 5px 8px !important;
    border: 1px solid #ccd4e8 !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    color: #3a4560 !important;
    background: #f0f3fa !important;
    transition: background 0.18s, border-color 0.18s !important;
    white-space: nowrap !important;
}
.course-under-image-meta .under-img-actions ul li a:hover {
    background: #e0e8f8 !important;
    border-color: #7a9fe0 !important;
    color: #2d3a5a !important;
}
.course-under-image-meta .under-img-actions ul li a.selected {
    background: #d0daf5 !important;
    color: #2a4ab0 !important;
    border-color: #7a9fe0 !important;
}

/* ================================================================
   СТРАНИЦЫ АККАУНТА (/account/*)
   ================================================================ */

/* ── Навигационные таблетки (вкладки) ── */
.lk-menu .nav > li > a,
.lk-menu .nav-pills > li > a {
    border: 1px solid #d0d8e8 !important;
    color: #426fed !important;
    border-radius: 6px !important;
    transition: background 0.18s, color 0.18s, border-color 0.18s !important;
    font-weight: 500 !important;
}
.lk-menu .nav > li > a:hover,
.lk-menu .nav > li > a:focus,
.lk-menu .nav-pills > li > a:hover,
.lk-menu .nav-pills > li > a:focus {
    background: #e8eefa !important;
    color: #426fed !important;
    border-color: #426fed !important;
}
.lk-menu .nav-pills > li.active > a,
.lk-menu .nav-pills > li.active > a:hover,
.lk-menu .nav-pills > li.active > a:focus,
.lk-menu .nav > li.active > a,
.lk-menu .nav > li.active > a:hover,
.lk-menu .nav > li.active > a:focus {
    background: linear-gradient(135deg, #3a62d8 0%, #6fa3f5 100%) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* ── Профиль: карточка jumbotron ── */
.page-content .jumbotron {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(66, 111, 237, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 16px rgba(66, 111, 237, 0.08) !important;
    padding: 28px !important;
}

/* ── Кнопки в аккаунте ── */
/* Редактировать профиль / Перейти к полному списку */
.page-content .btn-primary {
    background: linear-gradient(135deg, #3a62d8 0%, #6fa3f5 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: filter 0.2s !important;
}
.page-content .btn-primary:hover,
.page-content .btn-primary:focus {
    filter: brightness(1.1) !important;
    color: #ffffff !important;
}
/* Сохранить изменения */
.page-content .btn-success {
    background: linear-gradient(135deg, #3a62d8 0%, #6fa3f5 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: filter 0.2s !important;
}
.page-content .btn-success:hover,
.page-content .btn-success:focus {
    filter: brightness(1.1) !important;
    color: #ffffff !important;
}
/* Выйти — делаем серым, не пугающим */
.page-content .btn-danger {
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: background 0.2s !important;
}
.page-content .btn-danger:hover,
.page-content .btn-danger:focus {
    background: #545b62 !important;
    border-color: #545b62 !important;
    color: #ffffff !important;
}

/* ── Поля форм аккаунта ── */
.page-content #profile .form-control,
.page-content .form-fields .form-control,
.page-content .form-fields input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.page-content .form-fields select,
.page-content .form-fields textarea {
    border: 1px solid #ccd4e8 !important;
    border-radius: 8px !important;
    height: 42px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    transition: border-color 0.18s, box-shadow 0.18s !important;
    background: #fff !important;
}
.page-content #profile .form-control:focus,
.page-content .form-fields .form-control:focus,
.page-content .form-fields input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus {
    border-color: #426fed !important;
    box-shadow: 0 0 0 3px rgba(66, 111, 237, 0.12) !important;
    outline: none !important;
}
.page-content .form-fields textarea {
    height: auto !important;
    min-height: 100px !important;
}
/* Обязательные поля — синяя рамка вместо красной */
.page-content .required_input {
    border-color: #a0b4e8 !important;
}
.page-content .required_input:focus {
    border-color: #426fed !important;
}
/* Метки */
.page-content .form-fields label,
.page-content #profile label {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #2d3a5a !important;
    margin-bottom: 5px !important;
    display: block !important;
}
/* Отступы между полями */
.page-content .form-fields p,
.page-content #profile p {
    margin-bottom: 16px !important;
}
/* Кнопка сохранения сверху формы */
.page-content .save-block1 .form-action {
    margin-bottom: 24px !important;
}
/* Ссылки внутри аккаунта */
.page-content .otvety-link a {
    color: #426fed !important;
    font-weight: 500 !important;
}

/* ===== Теги курса ===== */
#product_tags .tag ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
#product_tags .tag ul li {
    margin: 0 !important;
    padding: 0 !important;
}
#product_tags .tag ul li a {
    display: inline-block !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(66, 111, 237, 0.35) !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: #3a4560 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: background 0.18s, color 0.18s, border-color 0.18s !important;
}
#product_tags .tag ul li a:hover,
#product_tags .tag ul li a.active,
#product_tags .tag ul li.active a {
    background: linear-gradient(135deg, #3a62d8 0%, #6fa3f5 100%) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}