html {
-webkit-text-size-adjust: 100%;
}
h1,h2,h3,p {margin:0;}
input, textarea, button {
-webkit-border-radius:0;
border-radius:0;
padding: 0;
outline: none;
}
button, button:focus {
outline: none;
}
a:hover{
text-decoration:none !important;
}
.hidden{
display:none;
}
.w50{
width:50%;
}
/* This used to work for parent element of button divs */
/* But it is not enough now, below dont hide play button parent div */
*::-webkit-media-controls-panel {
display: none!important;
-webkit-appearance: none;
}
/* Old shadow dom for play button */
*::--webkit-media-controls-play-button {
display: none!important;
-webkit-appearance: none;
}
/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}
/* #Helper classes
================================================== */
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
text-decoration: none;
}
.center_them {
display:inline-block;
zoom: 1;
*display:inline;
}
.vertical_centering_css3 {
position: relative;
float: left;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.horizontal_centering_css3 {
position: relative;
float: left;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.pointer {cursor: pointer;}
.relative {position: relative;}
.absolute {position:absolute;}
.invisible {display: none;}
.block {display:block !important;}
.w100 {width:100%;}
.w100_important {width:100% !important;}
.center {text-align:center;}
.text-left {text-align:left !important;}
.upper {text-transform: uppercase;}
.bold {font-weight:bold;}
.decor_none {text-decoration: none;}
.border_none {border: 0 !important;}
.box_sizing {box-sizing:border-box;}
.overflow_hidden {overflow: hidden;}
.clearfix {
zoom:1;}
.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
}
.mt30 {
margin-top: 30px;
}
.rotate180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.black {color:#111111;}
.white {color:#fff;}
.btn:hover {
color: #fff;
background:#1C3B56;
}
.mobile {
display: none;
}
/* #Site styles
================================================== */
body {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
background:#fff;
float:left;
width:100%;
margin:0px;
}
main{
float:left;
width:100%;
}
.background-page{
/* background:#F5F5EF ;*/
background:#fff ;
float:left;
width:100%;
padding-bottom:30px;
box-sizing:border-box;
}
.menu-btn{
display:none;
}
.site-wrap{
width:1300px;
margin:0 auto;
}
header{
float:left;
width:100%;
}
.top-header{
float:left;
width:100%;
background:#1E3D58 ;
height: 50px;
line-height: 50px;
}
.pos-elem{
display:flex;
flex-direction: row;
justify-content: space-between;
}
.language{
width:25px;
height: 25px;
background:#ffffff ;
line-height: 24px;
color:#1E3D58;
margin-right:20px;
border-radius:50%;
align-items: center;
text-align: center;
font-size:10px;
font-weight: 600;
margin-bottom:10px;
position:relative;
}
.search-hld{
float:right;
position:relative;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
}
.search-cont-mobile ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
.search-cont-mobile:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
.search-cont-mobile::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.search-cont-mobile{
display:none;
}
.search-cont-mobile .search-hld{
width:40px;
height: 30px;
margin-top:0px;
}
.search-mob{
position:relative;
}
.d-none.active{
display:block;
position:fixed;
left:0px;
top:75px;
padding:14px;
box-sizing:border-box;
z-index:999;
background:#F5F5F5;
color:#fff;
width:100%;
}
.d-none.active .easy-autocomplete input{
color:#1E3D58;
border:1px solid #1E3D58;
background:#fff;
font-size:14px;
}
.d-none.active .easy-autocomplete{
width:100% !important;
}
.d-none.active .easy-autocomplete-container{
top:50px !important;
border:1px solid transparent !important;
}
.search-mob .dim{
position: fixed;
z-index: 998;
top: 72px;
display: none;
}
.search-mob .dim.active{
position: fixed;
z-index: 998;
top: 72px;
display: block;
opacity:0.7;
}
.search-mob .search-hld.animate img{
display:none;
}
.search-mob .search-hld.animate{
position:relative;
}
.search-mob .search-hld.animate:before{
position:absolute;
content:"";
top:0;
left:0;
width:30px;
height: 30px;
background:url("../img/close.png") no-repeat center;
background-size:20px;
}
.menu-btn.animate img{
display: none;
}
.menu-btn.animate{
position: relative;
margin-top:21px;
}
.menu-btn.animate:before{
position:absolute;
content:"";
top:0;
left:0;
width:30px;
height: 30px;
background:url("../img/close.png") no-repeat center;
background-size:20px;
}
.search-hld input{
border:1px solid #ffffff;
height: 30px;
line-height: 30px;
background:#1C3B56;
border-radius:8px;
width:330px;
padding-left:30px;
box-sizing:border-box;
color:#fff;
font-family: 'Montserrat';
font-size:14px;
}
.search-hld img{
position: absolute;
top: 18px;
left: 8px;
width:18px;
z-index:9;
}
.easy-autocomplete-container {
left:0px !important;
position: absolute;
z-index: 100;
top: 50px !important;
/*width: 300px !important;*/
width: 100% !important;
background: #FFFFFF;
/* Gray/100 */
border: 0.903136px solid #F2F4F7;
box-shadow: 0px 10.8376px 14.4502px -3.61254px rgba(16, 24, 40, 0.08);
border-radius: 7.22509px !important;
}
.easy-autocomplete-container ul{
margin-bottom:0px !important;
}
.easy-autocomplete{
width:100% !important;
}
#no-results{
left:0px !important;
position: absolute;
z-index: 100;
top: 50px !important;
width: 290px !important;
background: #FFFFFF;
/* Gray/100 */
border: 0.903136px solid #F2F4F7;
box-shadow: 0px 10.8376px 14.4502px -3.61254px rgba(16, 24, 40, 0.08);
border-radius: 7.22509px !important;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
background: inherit;
border-image: none;
border-style: solid;
border-width: 0 1px;
display: block;
font-size: 16px !important;
font-weight: normal;
padding: 10px 12px;
color: #1E3D58 !important;
}
.easy-autocomplete-container ul li{
position:relative !important;
}
.easy-autocomplete-container ul li:before.selected{
position:absolute;
content:"";
right:10px;
top:10px;
background:url("../img/check-search.svg") no-repeat center !important;
width:20px;
height: 20px;
background-size:15px;
}
.easy-autocomplete-container ul li.selected {
background: none repeat scroll 0 0 #F5F5F5 !important;
cursor: pointer;
}
.easy-autocomplete-container ul li div a{
color:#1E3D58 !important;
}
.bottom-header{
float:left;
width:100%;
background: #F5F5F5;
border-bottom: 1px solid #F2F4F7;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
display:flex;
justify-content: space-between;
}
.logo-wrap{
float:left;
width:180px;
display: flex;
height: 100px;
align-items: center;
}
.logo-wrap img{
float:left;
width:100%;
}
.navigation{
display: flex;
align-items: center;
}
ul.nav{
padding-left:0px;
float:left;
list-style: none;
margin-top:0px;
margin-bottom:0px;
}
.top-item{
float:left;
padding:0 9px;
box-sizing:border-box;
height: 90px;
line-height: 90px;
}
.btns-right{
display: flex;
align-items: center;
}
.phone{
float:left;
color:#fff;
font-size:16px;
font-weight: normal;
position:relative;
padding-left:25px;
box-sizing:border-box;
margin-right:20px;
}
.phone:before{
position:absolute;
content:"";
left:0;
top:15px;
width:20px;
height: 20px;
background:url(../img/phone.svg) no-repeat center;
background-size:17px;
}
.phone:hover, .address:hover, .work-time:hover{
opacity:0.7;
}
.address{
float:left;
color:#fff;
font-size:16px;
font-weight: normal;
position:relative;
padding-left:25px;
box-sizing:border-box;
margin-right:20px;
}
.address:before{
position:absolute;
content:"";
left:0;
top:15px;
width:20px;
height: 20px;
background:url(../img/address.svg) no-repeat center;
background-size:17px;
}
.work-time{
float:left;
color:#fff;
font-size:16px;
font-weight: normal;
position:relative;
padding-left:25px;
box-sizing:border-box;
margin-right:20px;
}
.work-time:before{
position:absolute;
content:"";
left:0;
top:15px;
width:20px;
height: 20px;
background:url(../img/time.svg) no-repeat center;
background-size:17px;
}
.left-part{
display: flex;
align-items: flex-start;
}
.right-part{
display: flex;
align-items: flex-end;
position:relative;
left:0px;
}
.top-link{
float:left;
color:#1C3B56;
font-size:16px;
font-weight: 600;
Position:relative;
}
.top-item{
position:relative;
}
.top-item:before{
position:absolute;
content:"";
left:0px;
bottom:0px;
width:0px;
height: 5px;
background:#b7cbe7;
-webkit-transition:0.7;
transition:0.7s;
}
.top-item:hover:before {
width:100%;
}
.top-item:hover .top-link{
color:#748495;
}
.top-item:hover .top-link.dropdown-link:after{
position:absolute;
content:"";
right:0;
top:38px;
background: url("../img/down-hover.svg") no-repeat center;
width:15px;
height: 15px;
background-size:14px;
}
.top-link.dropdown-link{
position:relative;
padding-right:30px;
box-sizing:border-box;
}
.top-link.dropdown-link:hover .dropdown-menu{
display:block;
}
.top-link.dropdown-link:after{
position:absolute;
content:"";
right:0;
top:38px;
background: url("../img/down.svg") no-repeat center;
width:15px;
height: 15px;
background-size:14px;
}
.top-link.dropdown-link.active:after{
position: absolute;
content: "";
right: 0;
top: 38px;
background: url(../img/down.svg) no-repeat center;
width: 15px;
height: 15px;
background-size: 14px;
transform: rotate(180deg);
}
.dropdown-menu{
position: absolute;
top: 90px;
left: 0;
z-index: 999999;
min-width:300px;
background: #FFFFFF;
border: 1px solid #F2F4F7;
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
border-radius: 8px;
display:none;
}
.dropdown-menu.active{
display:block;
}
.dropdown-menu ul{
padding-left:0px;
list-style: none;
}
.dropdown-menu ul li{
height: 40px;
line-height: 40px;
padding-left:15px;
box-sizing:border-box;
position: relative;
}
.dropdown-menu ul li:hover{
background:#F5F5F5;
}
.dropdown-menu ul li:first-child:hover{
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.dropdown-menu ul li:last-child:hover{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.dropdown-menu ul li:hover:after{
position:absolute;
content:"";
right:10px;
top:3px;
background:url(../img/checkNow.svg) no-repeat center;
background-size:15px;
}
.dropdown-menu ul li.active{
background:#F5F5F5;
}
.dropdown-menu ul li a{
float:left;
width:100%;
color:#1C3B56;
font-size:16px;
font-weight: normal;
}
.btn{
float:left;
margin:0 10px;
color:#1C3B56;
height: 45px;
line-height: 45px;
width:160px;
text-align:center;
box-sizing:border-box;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 7.33333px;
background: #C9DEFF;
font-weight: 500;
font-size: 16px;
margin-right:0px;
font-weight: bold;
}
.btn.dark-blue{
color:#fff;
background:#1C3B56 ;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 7.33333px;
font-weight: 600;
font-size: 16px;
width:160px;
text-align:center;
box-sizing:border-box;
}
.easy-autocomplete{
width:auto !important;
}
.btn.dark-blue.btn-mobile{
width:100%;
text-align:center;
}
.center-btn{
text-align:center;
}
.center-btn .btn.dark-blue{
float: none;
display: inline-block;
margin-top: 60px;
margin-left:0px;
}
/*.btn.dark-blue:before, .btn.dark-blue:after {
position: absolute;
top: 50%;
content: "";
width: 20px;
height: 20px;
background-color: #C9DEFF;
border-radius: 50%;
z-index:-1;
}
.btn.dark-blue:before {
left: -20px;
transform: translate(-50%, -50%);
}
.btn.dark-blue:after {
right: -20px;
transform: translate(50%, -50%);
} */
.btn.dark-blue:hover {
color: #1E3D58 !important;
background: #C9DEFF;
border: 1px solid #fff;
}
.btn.dark-blue:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.btn.dark-blue:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.home-slider {
float:left;
width:100%;
}
.home-slider img{
float:left;
width:100%;
position:relative;
}
.home-slider .swiper-pagination{
background:none;
position: absolute;
bottom:25px !important;
}
.home-slider .swiper-pagination-bullet{
width:15px;
height: 15px;
border:1px solid #C9DEFF;
background:none;
border-radius:50%;
margin:0 5px;
}
.home-slider .swiper-pagination-bullet-active{
background:#C9DEFF;
border:1px solid #C9DEFF;
}
.soc-icons-box{
position:absolute;
right:0px;
top:90px;
width:60px;
height: 200px;
z-index:999;
background:#fff;
border-radius:8px;
display: flex;
flex-direction: column;
align-items:center;
}
.soc-icon{
width: 60px;
height: 50px;
display: flex;
align-items: center;
justify-content: space-around;
padding:10px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
}
.soc-icon:last-child{
border-bottom:none;
}
.soc-icon:hover{
background: #F5F5F5;
}
.soc-icon:first-child:hover{
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.soc-icon:last-child:hover{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.soc-icon img{
width: 100%;
float: left;
object-fit: contain;
height: 100%;
}
.slide-info{
float:left;
width:100%;
position:relative
}
.slide-info.slide1:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
/*background: linear-gradient(270.77deg, #C9DEFF -0.91%, rgba(195, 223, 255, 0) 29.88%);*/
}
.slide-info.slide2:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(270.77deg, #5E7391 4.51%, rgba(67, 79, 89, 0) 36.36%);
}
.slide-info.slide3:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(270.43deg, #4A607C 0.24%, rgba(32, 41, 52, 0) 35.45%);
}
.slide-info.slide4:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(270.77deg, #DFF5FF -0.91%, rgba(195, 223, 255, 0) 29.88%);
}
.slide-info.slide5:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(269.89deg, #879DBC 2.83%, rgba(195, 223, 255, 0) 33.63%);
}
.slide-info.slide6:after{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(270.77deg, #1D3D5A 11.64%, rgba(0, 0, 0, 0.07) 46.13%);
}
.slide-info video{
position:absolute;
top:0;
left:0;
}
.easy-autocomplete-container{
z-index:99999 !important;
}
.home-slider .swiper-button-next{
background:#FFFFFF url(../img/slide-next.svg) no-repeat center !important;
width:44px !important;
height: 44px !important;
background-size:10px !important;
border-radius:50%;
}
.home-slider .swiper-button-prev{
background:#FFFFFF url(../img/slide-prev.svg) no-repeat center !important;
width:44px !important;
height: 44px !important;
background-size:55px !important;
border-radius:50%;
}
.info-slide-part
{
position:absolute;
top:80px;
left:0;
width:100%;
max-width: 500px;
z-index:999;
}
.info-slide-part .title h2{
font-size: 42px;
color: #1E3D58;
font-weight: normal;
text-transform:uppercase;
margin-bottom:30px;
font-family: 'Tenor Sans', sans-serif;
}
.info-slide-part p.descr {
float:left;
width:100%;
color:#1E3D58;
font-size: 20px;
line-height: 24px;
margin-bottom:50px;
min-height: 140px;
max-height: 140px;
overflow: hidden;
}
.info-slide-part .btn{
margin-left:0px;
}
.small-slider{
float:left;
width:100%;
margin-top:-10px !important;
padding:45px 30px !important;
box-sizing:border-box;
padding-top:20px !important;
}
.small-slider .small-slider-box:hover {
transform: scale(1.2);
z-index:999;
/* margin-top:-10px;
*/}
/*.small-slider .small-slider-box.swiper-slide-active {
color: #fff;
transform: scale(1.2);
z-index: 2;
border-radius:8px;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
top:-25px;
}*/
.small-slider-box{
position:relative;
min-height: 200px;
height: 200px !important;
border-radius: 8px;
-webkit-transition:0.7s;
transition:0.7s;
/*box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); */
}
/*.swiper-slide.small-slider-box.swiper-slide-active{
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
} */
.small-slider-box img{
float: left;
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;
aspect-ratio: 4/3;
}
.small-slider-box:after{
position:absolute;
content:"";
width:100%;
height: 100%;
top:0;
left:0;
background: linear-gradient(359.11deg, #5E7391 15.99%, rgba(60, 86, 115, 0) 40.0%);
border-radius: 8px;
}
.slide-title{
position:absolute;
bottom:10px;
left:10px;
z-index:2;
color:#fff;
font-weight: normal;
text-transform:uppercase;
font-family: 'Tenor Sans', sans-serif;
display: flex;
align-items: center;
font-size: 15px;
}
.slide-title.fm-small{
position: absolute;
display:flex;
flex-direction: column-reverse;
height: 40px;
justify-content: center;
}
/*.slide-title.fm-small:before{
position: absolute;
content:"";
left:-3px;
top:2px;
width:30px;
height: 30px;
background:#fff url(../img/fatalna.svg) no-repeat center;
background-size:20px;
border-radius:50%;
} */
.slide-title.kd-small{
position: absolute;
display:flex;
flex-direction: column-reverse;
}
/*.slide-title.kd-small:before{
position: absolute;
content:"";
left:-3px;
top:2px;
width:30px;
height: 30px;
background:#fff url(../img/medicinskaderma.svg) no-repeat center;
background-size:20px;
border-radius:50%;
} */
.slide-title.mk-small{
position: absolute;
display:flex;
flex-direction: column-reverse;
}
/*.slide-title.mk-small:before{
position: absolute;
content:"";
left:-3px;
top:2px;
width:30px;
height: 30px;
background:#fff url(../img/medicinskaderma.svg) no-repeat center;
background-size:20px;
border-radius:50%;
} */
.slide-title.ed-small{
position: absolute;
display:flex;
flex-direction: column-reverse;
}
/*.slide-title.ed-small:before{
position: absolute;
content:"";
left:-3px;
top:2px;
width:30px;
height: 30px;
background:#fff url(../img/estetichnaderma.svg) no-repeat center;
background-size:20px;
border-radius:50%;
} */
.slide-title.st-small{
position: absolute;
display:flex;
flex-direction: column-reverse;
min-height: 28px;
}
/*.slide-title.st-small:before{
position: absolute;
content:"";
left:-3px;
top:2px;
width:30px;
height: 30px;
background:#fff url(../img/estetichnaderma.svg) no-repeat center;
background-size:20px;
border-radius:50%;
} */
.small-logo{
float:left !important;
width:35px !important;
height: 35px !important;
margin-right:10px;
background: #fff;
border-radius: 100%;
padding: 3px;
}
.small-logo img{
width:35px;
object-fit:cover;
height: 35px;
}
.all-categories{
float:left;
width:100%;
background: #fff;
margin-top:0px;
padding-top:40px;
box-sizing:border-box;
padding-bottom:130px;
}
.all-categories .cat-box{
background: #F5F5F5;
}
.all-cat-small{
width:1180px;
margin:0 auto;
}
.cat-title-big{
float:left;
width:100%;
text-align:center;
margin-bottom:45px;
}
.cat-title-big span{
color:#1E3D58;
font-weight: normal;
position:relative;
font-family: 'Tenor Sans', sans-serif;
display:inline-block;
}
.cat-title-big h1, .cat-title-big h2{
font-size:32px;
color:#1E3D58;
font-weight: normal;
position:relative;
font-family: 'Tenor Sans', sans-serif;
display:inline-block;
}
.spec-title{
float:left;
width:100%;
font-size:19px;
margin-bottom:20px;
color: #1E3D58;
text-transform: lowercase;
font-weight: normal;
margin-top:3px;
}
.spec-title:before{
content:none !important;
}
.cat-title-big span:before{
position:absolute;
content:"";
bottom:-20px;
width:100%;
height: 5px;
background: #B2C8E8 ;
left:0;
}
.specialist-page .cat-title-big span:before{
bottom:0px;
}
.all-cat-boxes{
float:left;
width:100%;
display:flex;
align-content: center;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
gap:60px;
-webkit-gap:60px;
}
.cat-box{
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
border-radius:8px;
padding:15px;
box-sizing:border-box;
border-bottom:6px solid #1E3D58;
width:calc(25% - 45px);
-webkit-transition:0.7s;
transition:0.7s;
}
.cat-box:nth-child(5n){
margin-right:0px;
}
.see-more .cat-box:last-child{
margin-right:0px;
}
.see-more .cat-box{
background:#F5F5F5;
}
.see-more .cat-box .cat-title{
height: 35px;
}
.cat-box:hover{
transform: scale(1.3);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-webkit-transition:0.7s;
transition:0.7s;
}
.cat-image{
background: #C9DEFF;
border-radius: 50%;
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: space-around;
padding:10px;
box-sizing:border-box;
}
.cat-image img{
width:100%;
float:left;
object-fit:contain;
height: 100%;
}
.news{
float:left;
width:100%;
margin-top:30px;
}
.news .cat-title-big{
margin-bottom:45px;
}
.news:nth-child(2){
margin-right:30px;
}
.news-position-wrap{
display: flex;
justify-content: space-between;
float: left;
width: 100%;
}
.two-small-news{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.cat-title h2, .cat-title{
color:#1E3D58;
font-size:16px;
text-transform:uppercase;
font-weight: normal;
text-align:center;
font-family: 'Tenor Sans', sans-serif;
display: flex;
align-items: center;
justify-content: space-around;
height: 45px;
/*align-items: flex-end;*/
padding:0 40px;
box-sizing:border-box;
}
.specialists .cat-title h2, .specialists .cat-title{
height: 75px;
}
.teem-wrap{
float:left;
width:100%;
margin-top:-100px;
margin-bottom:50px;
}
.news-wrap{
float:left;
width:100%;
}
.image-txt-box{
float:left;
width:100%;
position:relative;
}
.image-txt-box img{
float:left;
width:100%;
}
.image-txt-box:after{
position:absolute;
content:"";
left:0;
bottom:0;
width:100%;
height: 50%;
background: linear-gradient(0.0deg, #1E3D58 40%, rgba(30, 61, 88, 0) 100%);
}
.teem-descr {
position:absolute;
bottom:40px;
z-index: 99;
color:#fff;
text-align: center;
font-size: 20px;
font-weight: normal;
line-height: 24px;
width:1300px;
}
.teem-descr p span {
font-family: 'Tenor Sans', sans-serif;
text-transform:uppercase;
font-size:16px;
font-size: 20px;
}
.vertical-news {
float:left;
width:31%;
position:relative;
border-radius: 8px;
overflow: hidden;
-webkit-transition:0.7s;
transition: 0.7s;
/* margin-right:30px;*/
height: 650px;
max-height: 650px;
/*display: inline-block;*/
}
.vertical-news:not(.no-gradient):before{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(180.37deg, #1E3D58 0.32%, rgba(216, 129, 118, 0) 74.5%);
border-radius: 8px;
z-index:99 !important;
/*display: inline-block;*/
}
.vertical-news img{
float:left;
width:100%;
height:100%;
border-radius: 8px;
object-fit:cover;
-webkit-transition:0.7s;
transition:0.7s;
}
.vertical-news:hover img {
transform:scale(1.1);
}
.vertical-news .title, .vertical-news .title h1, .vertical-news .title h2 {
position: absolute;
content:"";
top:25px;
left:25px;
padding-right:25px;
box-sizing:border-box;
font-size:29px;
font-weight: normal;
color:#fff;
font-family: 'Tenor Sans', sans-serif;
z-index:999;
right:25px;
}
.vertical-news .title h1, .vertical-news .title h2, .horizontal-news .small-news-box.grey .title h2 {
top:0px;
left:0px;
}
.vertical-news .title:before{
position:absolute;
content:"";
right:0px;
top:0px;
background:url(../img/see-more.svg) no-repeat center;
width:30px;
height: 30px;
z-index:99;
}
.horizontal-news{
float: left;
width: 66%;
min-height: 650px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.small-news-box{
float:left;
width:calc(50% - 15px);
position:relative;
max-height: 298px;
height: 298px;
border-radius: 8px;
overflow:hidden;
}
.small-news-box .title:before{
position:absolute;
content:"";
right:0px;
top:0px;
background:url(../img/see-more.svg) no-repeat center;
width:30px;
height: 30px;
}
.small-news-box img{
float:left;
width:100%;
border-radius: 8px;
height: 100%;
object-fit:cover;
-webkit-transition:0.7s;
transition:0.7s;
}
.small-news-box:hover img{
transform:scale(1.1);
}
.small-news-box:before{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(180deg, #1E3D58 5.05%, rgba(181, 204, 184, 0) 60.66%);
border-radius: 8px;
z-index:99;
}
.small-news-box .title h2{
position:absolute;
top:25px;
left:25px;
right:25px;
font-size:29px;
font-family: 'Tenor Sans';
font-weight: normal;
color:#fff;
z-index:99;
padding-right:30px;
box-sizing:border-box;
}
.small-news-box.grey .title{
position:absolute;
top:25px;
left:25px;
right:25px;
font-size:29px;
font-family: 'Tenor Sans';
font-weight: normal;
color:#1E3D58;
}
.small-news-box.grey .title h2{
position:absolute;
top:25px;
left:25px;
right:25px;
font-size:29px;
font-family: 'Tenor Sans';
font-weight: normal;
color:#1E3D58;
}
.small-news-box.grey .title:before{
position: absolute;
content: "";
right: 0px;
top: 0px;
background: url(../img/see-more-grey.svg) no-repeat center;
width: 30px;
height: 30px;
}
.small-news-box.grey p {
float:left;
width:80%;
font-size:16px;
line-height: 24px;
font-weight: 400;
color:#314E6A;
position:absolute;
top:100px;
left:20px;
max-height: 170px;
overflow:hidden;
}
.small-news-box.grey {
float:left;
width:calc(50% - 15px);
position:relative;
max-height: 298px;
height: 298px;
background: #F5F5F5;
/*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
border-radius: 8px;
margin-right:0px;
}
.small-news-box.grey img{
float:left;
width:100%;
height: 100%;
object-fit: cover;
}
.small-news-box.grey:before {
content:none;
}
.big-horizontal-news{
float:left;
width:100%;
max-height: 310px;
position:relative;
height: 310px;
border-radius: 8px;
overflow:hidden;
}
.big-horizontal-news img{
float:left;
width:100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
-webkit-transition:0.7s;
transition:0.7s;
}
.big-horizontal-news:hover img{
transform:scale(1.1);
}
.big-horizontal-news:before{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(360deg, #5E7391 34.32%, rgba(114, 136, 166, 0) 53.9%);
border-radius: 0px 0px 8px 8px;
z-index:99;
}
.big-horizontal-news .bottom-info{
position:absolute;
left:25px;
bottom:25px;
right:25px;
z-index:99;
}
.big-horizontal-news .bottom-info .title h2{
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 29px;
color:#fff;
position:relative;
padding-right:30px;
box-sizing:border-box;
}
.scroll-spec{
width:1250px;
overflow-x:scroll;
overflow-y:hidden;
}
.scroll-spec::-webkit-scrollbar {
-webkit-appearance: none;
width: 2px;
height:4px;
}
.scroll-spec::-webkit-scrollbar-thumb {
background-color:#C9DEFF;
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
height:4px;
}
.big-horizontal-news .bottom-info .title:before{
position: absolute;
content: "";
right: 0px;
top: 0px;
background: url(../img/see-more.svg) no-repeat center;
width: 30px;
height: 30px;
}
.big-horizontal-news .bottom-info p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#fff;
max-height: 75px;
overflow:hidden;
}
.grey-part{
float:left;
width:100%;
background:#F5F5F5;
margin-top:50px;
margin-bottom:50px;
padding: 50px 0px;
box-sizing:border-box;
}
.opinions{
float:left;
width:100%;
padding:30px !important;
box-sizing:border-box;
}
.opinion-box{
float:left;
width:100%;
background:#1E3D58;
border-radius:8px;
padding:30px;
box-sizing:border-box;
opacity:34%;
-webkit-transition:0.7s;
transition:0.7s;
}
/*.opinion-box:hover{
background:#fff;
transform: scale(1.1);
opacity:1;
z-index:99;
} */
.opinion-box.swiper-slide-active {
background-color: #fff;
/*transform: scale(1.2);*/
opacity: 1;
z-index: 99;
}
.opinion-box.swiper-slide-active .opinion,.opinion-box.swiper-slide-active .bottom-part span {
color:#1C3B56;
}
.opinion-box .opinion{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
float:left;
width:100%;
color: #fff;
}
.opinion-box:hover{
/*transform: scale(1.1);
z-index:999;*/
}
.opinion-box .bottom-part{
float:right;
margin-top:30px;
color:#fff;
width:100%;
text-align:right;
}
.opinion-box .bottom-part span{
float:right;
width: 100%;
color:#fff;
}
.write-down{
float:left;
width:100%;
padding-bottom:50px;
box-sizing:border-box;
}
/*.write-down .pos-elem{
padding:0 90px;
box-sizing:border-box;
}*/
.write-down p{
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 29px;
line-height: 42px;
color: #1E3D58;
text-transform:uppercase;
}
.footer{
float:left;
width:100%;
background:#1E3D58;
padding:30px 0px;
}
.left-footer-part{
display: flex;
align-items: flex-start;
}
.left-footer-part .logo{
width:200px;
}
.left-footer-part .logo img{
width:100%;
}
.right-footer-part{
display: flex;
align-items: flex-end;
}
.right-footer-part ul{
float:left;
padding-left:0px;
}
.right-footer-part ul li{
float:left;
list-style: none;
padding:0 10px;
box-sizing:border-box;
}
.right-footer-part ul li a{
float:left;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#fff;
position:relative;
-webkit-transition:0.7s;
transition:0.7s;
}
.right-footer-part ul li a:before{
position:absolute;
content:"";
left:0;
bottom:0;
width:0px;
height: 1px;
background:#fff;
}
.right-footer-part ul li a:hover:before{
width:100%;
}
.bottom-footer{
float:left;
width:100%;
line-height: 30px;
border-top:1px solid #fff;
padding-top:15px;
box-sizing:border-box;
}
.left-footer-part span{
line-height: 60px;
color:#fff;
font-size:16px;
}
.soc-icons-wrap{
float:left;
width:100%;
margin-top:20px;
margin-bottom:20px;
}
.soc-icons-wrap a{
float:left;
width:32px;
height: 32px;
margin:0 10px;
}
.soc-icons-wrap a img{
width:100%;
float:left;
object-fit:contain;
}
.top-part-page{
float:left;
width:100%;
height: 200px;
position:relative;
}
.top-part-page:before{
position:absolute;
content:"";
right:0;
top:0;
width:100%;
height: 100%;
background: linear-gradient(90.13deg, #1E3D58 22.2%, rgba(30, 61, 88, 0) 67.08%);
filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.25));
}
.top-part-page img{
float:left;
width:100%;
height: 200px;
max-height: 200px;
object-fit:cover;
/* filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.25));*/
}
.page-title h1{
position:absolute;
top:40%;
left:0;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
color:#fff;
padding-left:60px;
box-sizing:border-box;
}
.more-cat-page{
float:left;
width:100%;
/*margin-top:40px;*/
}
.all-cat{
float:left;
width:309px;
/*border-radius:8px;*/
background:#1E3D58;
/* height: 100vh;*/
/*padding:10px;
box-sizing:border-box;*/
}
.bttns{
float:left;
width:100%;
background:#1E3D58;
/* height: 100vh;*/
}
/*.all-cat.is-fixed{
position:fixed;
top:0;
} */
.tab{
float:right;
width:calc(100% - 309px);
padding-left:30px;
box-sizing:border-box;
}
.tab .cat-title-big.left-pos{
text-align:left;
margin-top:40px;
}
ul.tabs-menu{
padding-left:0px;
margin-top:0px;
padding-top:40px;
box-sizing:border-box;
}
ul.tabs-menu li{
list-style: none;
min-height: 50px;
position:relative;
display: flex;
flex-direction: inherit;
align-items:center;
box-sizing:border-box;
padding-right:30px;
box-sizing:border-box;
border-bottom:1px solid #53697a;
}
ul.tabs-menu li a{
color:#fff;
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 16px;
float:left;
padding:10px;
box-sizing:border-box;
}
ul.tabs-menu li:hover, ul.tabs-menu li.active{
color: #fff;
z-index:990;
background:#53697a ;
/* border-radius:8px;*/
}
ul.tabs-menu li:before{
position:absolute;
content:"";
right:4px;
top:calc(50% - 10px);
width:20px;
height: 20px;
background:url(../img/show-grey.svg) no-repeat center;
background-size:7px;
}
ul.tabs-menu li.active:before, ul.tabs-menu li:hover:before{
position:absolute;
content:"";
right:4px;
top:calc(50% - 10px);
width:20px;
height: 20px;
background:url(../img/show.svg) no-repeat center;
background-size:7px;
}
.images-cont{
float:left;
width:100%;
margin-top:30px;
}
.images-cont .img{
float:left;
width:calc(50% - 15px);
margin-right:30px;
border-radius:8px;
}
.images-cont .img:last-child{
margin-right:0px;
}
.images-cont .img img{
float:left;
width:100%;
object-fit:cover;
border-radius:8px;
aspect-ratio:4/3;
}
.specialists{
float:left;
width:100%;
margin-top:30px;
}
.specialists .cat-title h2{
float:left;
width:100%;
margin-top:20px;
margin-bottom:25px;
text-align:center;
font-size:25px;
}
.see-more{
float:left;
width:100%;
margin-top:100px;
margin-bottom:80px;
}
.see-more .cat-title-big{
margin-bottom:45px;
}
.cont-info p, .cont-info ul{
float:left;
width:100%;
color: rgba(79, 97, 116, 1);
font-size:16px;
line-height: 24px;
}
.cont-info ul{
padding-left:1.7%;
box-sizing:border-box;
list-style: none;
}
.cont-info ul li{
float:left;
width:100%;
list-style: circle;
}
.specialists-wrap{
float:left;
width:100%;
display:flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
justify-content: center;
flex-wrap: wrap;
GAP: 30PX;
}
.video-wrap{
float:left;
width:100%;
display:flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.specialists .specialists-wrap{
float:left;
width:100%;
}
.specialists-box{
float:left;
width:25%;
position:relative;
display: flex;
align-items: center;
min-height:390px;
border-radius: 6.43333px;
-webkit-transition: 0.7s;
transition: 0.7s;
}
.video{
float:left;
width:calc(25% - 23px);
margin-right:30px;
position:relative;
display: flex;
align-items: center;
min-height:240px;
border-radius: 6.43333px;
-webkit-transition: 0.7s;
transition: 0.7s;
margin-bottom:30px;
}
.listing-teem .specialists-wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap:41px;
}
.listing-teem .specialists-box:nth-child(4n){
margin-right:0px;
}
.specialists-box:last-child{
margin-right:0px;
}
.specialists-box:hover{
transform: scale(1.1);
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
-webkit-transition: 0.7s;
transition: 0.7s;
}
.specialists-box:hover p.specialist-info:before{
background-size:15px;
}
.specialists-box img{
float:left;
width:100%;
min-height: 390px;
object-fit:cover;
border-radius: 6.43333px;
}
.specialists-box:before{
position:absolute;
content:"";
bottom:0px;
left:0px;
width:100%;
height: 30%;
/*background: linear-gradient(0.33deg, #1E3D58 20.84%, rgba(14, 43, 74, 0) 92.11%); */
background: linear-gradient(179.83deg, #1E3D58 40%, rgba(30, 61, 88, 0) 100%);
border-radius: 8px;
transform: rotate(-180deg);
}
.cont-info p.specialist-info{
position:absolute;
bottom:15px;
left:15px;
right:10px;
color:#fff !important;
z-index:999;
width:auto;
padding-right:30px;
box-sizing:border-box;
padding-left:0px;
}
.cont-info p.specialist-info:before{
position:absolute;
content:"";
right:0;
top:0;
width:30px;
height: 30px;
background:url(../img/see-more.svg) no-repeat center;
background-size:12px;
-webkit-transition:0.7s;
transition:0.7s;
}
.specialist-info .name{
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
margin-bottom:10px;
float:left;
width:100%;
}
.specialist-info .job{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
}
.d-none{
display: none;
}
.listing-page{
float:left;
width:100%;
}
.listing-page .horizontal-news{
float:left;
width:100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}
.listing-page .top-title{
float:left;
width:100%;
text-align:center;
margin-top:30px;
font-size:20px;
color: #1E3D58;
}
.listing-page .small-news-box{
width:400px;
margin-bottom:30px;
height: 330px;
max-height: 330px;
margin-right:0;
}
.listing-page .small-news-box img{
width:100%;
height: 330px;
max-height: 330px;
object-fit:cover;
}
.listing-page .big-horizontal-news{
float:left;
width:calc(100% - 430px);
top:0;
max-height: 330px;
height: 330px;
margin-bottom:30px;
}
/*.listing-page .horizontal-news a:nth-child(even){
margin-left:30px;
} */
.view-news-page{
float:left;
width:100%;
margin-top:40px;
margin-bottom:50px;
}
.left-content{
float:left;
width:calc(100% - 400px);
}
.left-content img{
float:left;
width:100%;
border-radius:8px;
}
.left-content p{
float:left;
width:100%;
font-weight: normal;
font-size:16px;
line-height: 24px;
margin-top:30px;
}
.right-content{
float:right;
width:400px;
padding-left:20px;
box-sizing:border-box;
}
.right-content img{
float: left;
width: 100%;
border-radius: 8px;
min-height: 460px;
object-fit: cover;
margin-top:30px;
}
.right-content p{
float:left;
width:100%;
font-weight: normal;
font-size:16px;
line-height: 24px;
margin-top:30px;
}
.right-content .title{
float:left;
width:100%;
color:#1E3D58;
font-size:49px;
line-height: 56px;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
}
.bottom-mobile-wrap{
float:left;
width:100%;
position:fixed;
left:0;
bottom:0;
background:#1C3B56;
display:flex;
z-index:999;
}
.bottom-menu-icon {
display: flex;
flex-direction: column;
height: 70px;
width:20%;
align-items: center;
float:left;
padding:10px 0px;
box-sizing:border-box;
padding-top:17px;
}
.bottom-menu-icon img.active{
display:none;
}
.bottom-menu-icon.active img.active{
display:block;
}
.bottom-menu-icon.active img.no-active{
display:none;
}
.bottom-menu-icon img{
min-height: 30px;
margin-bottom:3px;
}
.bott-icon-txt{
color:#fff;
font-size:14px;
text-align:center;
}
.dim{
position:absolute;
background:#F5F5F5;
top:70px;
left:0;
width:100%;
height: 100vh;
display:none;
z-index:9;
}
.btn-mobile{
display:none;
}
.dim.active{
display:block;
}
/*.mobile-news-slider{
float:left;
width:100%;
}
*/
.bottom-mobile-wrap{
display:none;
}
.news-wrap-mobile{
display:none;
}
.cont-info{
float:left;
width:100%;
}
.cont-info .specialists-box{
width:31%;
}
.cont-info .cat-box{
width:26%;
gap:30px;
margin:0px;
}
.categories-wrap{
float:left;
width:100%;
margin-top:30px;
box-sizing:border-box;
margin-bottom:40px;
}
.all-categories-wrap{
float:left;
width:100%;
display: flex;
flex-direction: row;
}
.all-categories-wrap .title{
font-family: 'Tenor Sans';
font-size:29px;
float:left;
width:100%;
color:#7288A6;
margin-top:25px;
margin-bottom:25px;
font-weight: normal;
}
.all-categories-wrap .left-colum, .all-categories-wrap .right-colum {
width: calc(50% - 15px);
float: left;
}
.all-categories-wrap .left-colum {
margin-right: 30px;
}
.all-categories-wrap .center-colum .right-price {
float: right;
}
.all-categories-wrap .center-colum {
/*margin-left: 15%;
width: 70%;*/
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.cat-link {
float:left;
width:100%;
padding-left:20px;
box-sizing:border-box;
font-size:16px;
line-height: 35px;
color: #1E3D58;
position:relative;
font-weight: 600;
}
.cat-link:before {
position:absolute;
content:"";
left:-5Px;
top:12px;
background:url("../img/cat-icon.svg") no-repeat center;
width:20px;
height: 10px;
background-size:6px;
-webkit-transition:0.7s;
transition:0.7s;
}
.cat-link:hover{
opacity:0.7;
}
.cat-link:hover:hover:before{
left:5px;
}
.cat-link.no-link{
opacity:0.7;
cursor: inherit;
}
.cat-link.no-link:hover:before{
left:-5Px
}
.top-filter-wrap{
float:left;
width:100%;
margin-bottom:30px;
}
.filter-link{
float:left;
margin-right:20px;
font-size:20px;
color:#1E3D58;
cursor:pointer;
/*min-width:23px;*/
position:relative;
text-transform: uppercase;
}
.filter-link.disabled{
color:#ccc;
cursor:inherit;
}
.filter-link.disabled:before{
content:none;
}
.filter-link:before {
position:absolute;
content:"";
left:0;
bottom:-3px;
width:0px;
height: 2px;
background:#B2C8E8;
-webkit-transition:0.7s;
transition:0.7s;
}
.filter-link:hover:before{
width:100%;
}
.filter-link:hover{
color:#748495
}
.filter-link.active{
color:#1E3D58;
}
.filter-link.active:before{
width:100%;
background: #1E3D58;
}
.filter-link.disabled:hover{
color:#ccc;
}
.top-info-part{
float:left;
width:100%;
}
.left-info-part{
float:left;
width:30%;
}
.left-info-part .info-box{
float:left;
width:100%;
margin-bottom:30px;
}
.right-info-part{
float:left;
width:70%;
height: 500px;
}
.right-info-part img{
float:right;
width:100%;
float: right;
width: 100%;
height: 500px;
object-fit: cover;
border-radius:8px;
}
.mt30{
margin-top:30px;
}
.info-box span{
float:left;
width:100%;
padding-left:30px;
box-sizing:border-box;
color:#1E3D58;
}
.info-box span.top-info{
float:left;
width:100%;
font-weight: bold;
font-size:16px;
color: #1E3D58;
position:relative;
margin-bottom:10px;
}
.info-box span.top-info:before{
position:absolute;
content:"";
left:0;
top:-5px;
width:30px;
height: 30px;
}
.info-box span.top-info.clock:before{
background:url("../img/clock.svg") no-repeat center;
background-size:15px;
}
.info-box span.top-info.adress:before{
background:url("../img/Subtractcontacts.svg") no-repeat center;
background-size:15px;
}
.info-box span.top-info.tel:before{
background:url("../img/phonecontacts.svg") no-repeat center;
background-size:15px;
}
.info-box span.top-info.email:before{
background:url("../img/mail.svg") no-repeat center;
background-size:15px;
}
.contacts{
float:left;
width:100%;
margin-top:30px;
}
.map-wrap{
float:left;
width:100%;
}
ul.languages{
display: none;
position: absolute;
left: -20px;
top: 34px;
padding: 0;
list-style: none;
background: #1E3D58;
color:#fff;
font-size:16px;
min-width: 36px;
padding-left: 0;
width: 65px;
height: auto;
text-align: center;
line-height: 30px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
z-index:999999;
}
ul.languages a{
color:#fff;
font-size:13px;
}
ul.languages.active{
display:block;
}
ul.languages.active li:hover{
background:#C9DEFF;
color:#1C3B56;
}
ul.languages.active li:hover a{
color:#1C3B56;
}
ul.languages.active li:last-child:hover{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.title-icon{
width:50px;
height: 50px;
background:#fff;
border-radius:50%;
position:absolute;
left:0;
padding:5px;
box-sizing:border-box;
top:75px;
}
.title-icon img{
height: 100%;
text-align: center;
vertical-align: unset;
float: left;
width: 100%;
object-fit: contain;
}
.listing-teem{
float:left;
width:100%;
}
.listing-teem .specialists-box{
min-height: 490px;
height:490px;
width:22.5%;
}
.listing-teem .specialists-box img{
min-height: 490px;
max-height: 490px;
/*object-fit: cover;
object-position: 0 -20px;
aspect-ratio: 4/3;*/
}
.listing-teem .cont-info p.specialist-info{
left:10px;
bottom:20px;
padding-right:25px;
padding-left:0px;
box-sizing:border-box;
}
.listing-teem .specialist-info .name{
font-size:16px;
margin-bottom:15px;
}
.small-page{
float:left;
width:100%;
margin-top:40px;
}
.small-page .cat-box .cat-title{
height: 45px;
}
.left-img-categories{
float:left;
width:50%;
padding-right:20px;
box-sizing:border-box;
margin-top:4px;
}
.left-img-categories iframe{
width:100% !important;
}
.left-img-categories img{
float:left;
width:100%;
height: 100%;
object-fit:cover;
border-radius:8px;
aspect-ratio:4/3;
}
.left-img-position{
float:left;
width:100%;
margin-bottom:15px;
}
.activities{
float:left;
width:100%;
margin-top:30px;
}
.left-img-position .left-img-categories:nth-child(2){
padding-left: 15px;
padding-right:0px;
box-sizing:border-box;
}
.left-img-position .title-txt-cont:first-child{
padding-left:0px;
}
.left-img-position p{
float:left;
width:100%;
color:#1E3D58;
line-height: 24px;
font-size:16px;
}
.left-img-position ul{
padding-left:19px;
list-style: none;
float:left;
width:100%;
box-sizing:border-box;
}
.left-img-position ul li{
list-style: circle;
float:left;
width:100%;
color:#1E3D58;
margin-bottom:10px;
}
.left-img-position ul{
margin-block-start: 15px;
margin-block-end: 15px;
}
.title-txt-cont{
float:left;
width:50%;
padding-left:20px;
box-sizing:border-box;
}
.small-page .title-txt-cont:nth-child(odd){
padding-left:0px;
padding-right: 20px;
}
.small-page .left-img-categories:nth-child(2){
padding-left:20px;
box-sizing:border-box;
}
.small-page .title-txt-cont .cat-title-big{
text-align:left;
margin-bottom:40px;
font-size:34px;
}
.small-page .txt p{
float:left;
width:100%;
font-size:16px;
line-height: 24px;
color:#1E3D58;
}
.small-page p.specialist-info{
position: absolute;
bottom: 15px;
left: 10px;
right: 10px;
color: #fff !important;
z-index: 999;
width: auto;
padding-right: 30px;
box-sizing: border-box;
padding-left:0px;
}
.small-page p.specialist-info:before{
position: absolute;
content: "";
right: 0;
top: 0;
width: 30px;
height: 30px;
background: url(../img/see-more.svg) no-repeat center;
background-size: 12px;
}
.mobile-view{
display:none;
}
.news-view-page{
padding-bottom:50px;
box-sizing:borde-box;
}
.specialist-page{
float:left;
width:100%;
margin-top:50px;
}
.specialist-page .cat-title-big{
text-align:left;
margin-top:10px;
}
.specialist-image{
float:left;
width:309px;
margin-top:10px;
}
.specialist-image img{
float:left;
width:100%;
border-radius:8px;
}
.specialist-info{
float:left;
width:calc(100% - 350px);
padding-left:30px;
box-sizing:border-box;
}
.section-info{
float:left;
width:100%;
padding-bottom:30px;
box-sizing:border-box;
border-bottom:1px solid #B2C8E8;
margin-bottom:30px;
}
.section-info p{
float:left;
width:100%;
color:#1E3D58;
font-size:16px;
display:flex;
line-height: 27px;
}
.section-info p strong{
min-width:155px;
float:left;
display:flex;
font-weight: normal;
}
.section-info:last-child{
border-bottom:none;
}
.section-title{
font-size:20px;
font-weight: normal;
text-transform:uppercase;
color:#1E3D58;
margin-bottom:30px;
font-family:'Tenor Sans', sans-serif;
}
.row-info{
float:left;
width:100%;
margin-bottom:20px;
}
.row-info .year{
float:left;
font-size:16px;
font-weight: bold;
min-width: 170px;
color:#1E3D58;
}
.row-info .info{
float:left;
width:calc(100% - 170px);
font-size:16px;
color:#1E3D58;
}
.top-image-wrap{
float:left;
width:100%;
}
.top-image-wrap img{
float:left;
width:100%;
height: 500px;
max-height: 500px;
object-fit:cover;
border-radius:8px;
aspect-ratio: 4/3;
}
.text-container{
float:left;
width:100%;
margin-top:30px;
margin-bottom:30px;
}
.text-container p{
float:left;
width:100%;
color:#1E3D58;
line-height: 24px;
font-size:16px;
}
.text-container h3{
float:left;
width:100%;
font-size:18px;
font-weight: 400;
margin-top:20px;
margin-bottom:10px;
}
.text-container ul{
float:left;
width:100%;
list-style: none;
padding-left:16px;
box-sizing:border-box;
}
.text-container ul li{
float:left;
width:100%;
list-style: circle;
line-height: 24px;
color:#1E3D58;
}
.text-container ul li a{
color:#1E3D58;
font-weight: bold;
}
.gallery-container{
float:left;
width:100%;
}
.small-img{
float:left;
width:calc(33.33% - 20px);
margin-right:30px;
margin-bottom:30px;
}
.gallery-container .small-img:nth-child(3), .gallery-container .small-img:nth-child(6),.gallery-container .small-img:nth-child(9){
margin-right:0px;
}
.small-img img{
float:left;
width:100%;
aspect-ratio: 4/3;
object-fit:cover;
border-radius:8px;
}
.clinic-page{
float:left;
width:100%;
margin-top:30px;
}
.top-links-specialists{
float:left;
width:100%;
margin-bottom:5px;
padding-bottom:15px;
box-sizing:border-box;
}
.top-links-specialists a, .top-links-specialists-slider a{
float:left;
margin-right:25px;
font-size:16px;
font-weight: 400 !important;
color:#1E3D58;
font-weight: bold;
position:relative;
}
.top-links-specialists a:before{
position:absolute;
content:"";
left:0;
bottom:-3px;
width:0px;
height:1px;
background:#B2C8E8;
transition:0.7s;
}
.top-links-specialists a:hover:before{
width:100%;
webkit-transition:0.7s;
transition:0.7s;
}
.faq-wrap{
float:left;
width:100%;
}
.accordion{
float:left;
width:100%;
background:#1E3D58;
padding-left:0px;
box-sizing:border-box;
border-radius:8px;
padding:20px 0px;
box-sizing:border-box;
}
.accordion li{
list-style: none;
padding:10px 0px;
box-sizing:border-box;
}
.accordion a.toggle{
color:#fff;
box-sizing:border-box;
font-size:16px;
font-weight:600;
padding-right:25px;
padding-left:10px;
box-sizing:border-box;
display:block;
}
/*.accordion li.style-link:first-child{
border-top-left-radius:8px;
border-top-right-radius:8px;
}
.accordion li.style-link:last-child{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}*/
.inner li{
border-radius:0px;
background:none;
}
.accordion li:nth-child(odd){
background:#577086;
}
.inner{
background:#fff;
padding:0 5px !important;
box-sizing:border-box;
margin-top:20px;
}
.inner .cat-title-big{
margin-top:20px;
}
.style-link{
position: relative;
float: right;
/*width: 20px;
height: 20px;*/
width: 52px;
height: 25px;
margin-top: -15px;
}
.style-link:before{
position:absolute;
content:"";
right:10px;
top:20px;
/*top: calc(50% - 5px);*/
width:10px;
height: 10px;
background:url("../img/show.svg") no-repeat center;
background-size:7px;
transform:rotate(90deg);
}
.style-link.active:before{
position:absolute;
content:"";
right:15px;
/*top:5px;*/
/*top: calc(50% - 5px);*/
top: 20px;
width:10px;
height: 10px;
background:url("../img/show.svg") no-repeat center;
background-size:7px;
transform:rotate(270deg);
}
.inner ul{
padding-left:0px;
}
.inner ul li{
background:#fff;
font-size:16px;
line-height: 24px;
}
.accordion .inner li:nth-child(odd) {
background: #fff;
}
.inner .specialist-info {
width: 100%;
position: absolute;
bottom: 20px;
color: #fff;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.inner .cat-box{
width: 26%;
gap: 0px;
margin: 0px;
}
.txt{
float:left;
width:100%;
}
.txt ul{
list-style: none;
}
.txt ul li{
list-style: circle;
float:left;
width:100%;
line-height: 24px;
font-size:16px;
}
.pagination{
float: left;
width: 100%;
display: flex;
justify-content: center;
gap: 20px;
}
ul.pagination{
list-style:none;
padding-left:0px;
}
.pagination .page-item{
float:left;
width:40px;
height:40px;
display: flex;
align-items: center;
justify-content: space-around;
font-size:14px;
color:#1E3D58;
}
.pagination .page-item.active{
float:left;
width:40px;
height:40px;
background:#C9DEFF;
border-radius:50%;
display: flex;
align-items: center;
justify-content: space-around;
font-size:14px;
color:#1E3D58;
}
.all-photos{
float:left;
width:100%;
display: flex;
flex-direction: row;
gap:20px;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:50px;
}
.photo-box{
float:left;
width:23%;
min-height:210px;
max-height: 215px;
}
.photo-box iframe{
float:left;
width:100% !important;
max-height: 215px;
border-radius:8px;
}
.photo-box img {
float:left;
width:100%;
min-height:200px;
object-fit:cover;
aspect-ratio: 4/3;
border-radius:8px;
}
.gallery {
float:left;
width:100%;
margin-top:30px;
}
.top-links-specialists-slider {
float:left;
width:100%;
height: 50px;
line-height: 50px;
}
.top-links-specialists-slider .swiper-slide {
width:auto !important;
}
.top-links-specialists-slider1 {
position:relative;
width:1300px;
margin:0 auto;
}
.top-links-specialists-slider1 .swiper-button-next {
position: absolute;
background:#C9DEFF url("../img/next-small.svg") no-repeat center;
width:40px;
height: 40px;
border-radius:50%;
background-size:14px;
right:-50px;
top:107px;
}
.top-links-specialists-slider1 .swiper-button-prev{
position: absolute;
background:#C9DEFF url("../img/next-small.svg") no-repeat center;
width:40px;
height: 40px;
border-radius:50%;
background-size:14px;
transform: rotate(180deg);
left:-50px;
top:107px;
}
a.small-slider-contents-holder {
margin: 0;
width: 159px;
/*background: #F5F5EF;*/
text-align: center;
height: 50px;
display: table-cell;
line-height: initial;
padding: 0 10px;
box-sizing: border-box;
float: none;
vertical-align: -webkit-baseline-middle;
vertical-align: middle;
font-weight: 400 !important;
}
video{
border-radius:8px;
}
.swiper-slide video{
border-radius: 0;
}
.easy-autocomplete-container{
background:#ffffff !important;
}
.easy-autocomplete-container{
background:#F5F5F5 !important;
}
/*.easy-autocomplete-container ul li:hover{
background: #fff;;
}*/
.swiper-slide {
background-size: cover;
background-position: center;
}
.site-wrap.videooo .info-slide-part {
position: initial;
padding: 20px 5px 10px 5px;
width: 100%;
z-index: 999;
}
.site-wrap.videooo {
position: initial;
margin-top: 60px;
}