

/* Start:/local/templates/medilux/template_styles.css?16450300547710*/
/*mobile menu*/
.dws-menu *{
 margin: 0;
 padding: 0;
}
.dws-menu ul,
.dws-menu ol{
 list-style: none;
}
.dws-menu > ul{
 display: flex;
 justify-content: center;
}
.dws-menu > ul li{
 position: relative;
 border-right: 1px solid #D8D5EB;
     border-bottom: 1px solid #D8D5EB;
}
.toggleMenu.active .fa.fa-bars{
	display:none;
}
.toggleMenu svg{
	display:none;
}
.toggleMenu.active svg{
	display:block;
	margin-top: 15px;
    margin-left: -6px;
}
.dws-menu > ul li > a i.fa{
 position: absolute;
 top: 15px;
 left: 12px;
 font-size: 18px;
}
.dws-menu > ul li a{
 display: block;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9c9c9+0,f6f6f6+2,c4c5c7+98,757577+100;Custom+3 */
 background-color: #F7F7F9;

 padding: 15px 30px 15px 40px;
 font-size: 14px;
 color: #3C2B99;
 text-decoration: none;
 text-transform:uppercase;
 transition: all 0.3s ease;
}
.dws-menu > ul li a.border{
 border-bottom: 1px solid #D8D5EB;
}
.item-letstalk{
	display:none!important;
}
.item-letstalk a{
	background-color: #3C2B99!important;
	color:#fff!important;
}
.dws-menu li a:hover{
 transition: all 0.3s ease;
}

/*sub menu*/
.dws-menu li ul{
 position: absolute;
 min-width: 150px;
 display: none;
}

.dws-menu li > ul li a{
 padding: 15px 30px 15px 40px;
 text-transform: none;
}
.dws-menu li > ul li ul{
 position: absolute;
 right: -150px;
 top: 0;
}
/*.dws-menu li:hover > ul{
 display: block;
}*/
.dws-menu [type="checkbox"],
.dws-menu label.toggleSubmenu{
 display: none;
}
.dws-menu label.toggleMenu{
 background-color: #fff;
height: 77px;
 display: none;
 padding: 15px 40px;
 text-transform: uppercase;
 font-size: 14px;
 cursor: pointer;
 position: relative;
}

.dws-menu label.toggleMenu .fa{
 position: absolute;
 top: 25px;
 left: 31px;
 font-size: 25px;
 color:#3C2B99;
}
@media all and (max-width: 800px){

}
/*mobile menu*/


.main-hdr-box {
    position: relative;
    z-index: 2;
    /*border-bottom: 1px solid #D8D5EB;*/
    transition: transform .4s ease .2s, opacity .4s ease .2s, z-index .1s ease .3s;
}

.hdr-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 76px;
	width: 15.1063829787234%;
	max-width: 213px;
	min-width: 179px;
	border-right: 1px solid #D8D5EB;
		border-left: 1px solid #D8D5EB;
		border-bottom: 1px solid #D8D5EB;
	}
	.hero-slides-content{
    margin-top: 30px;
}
	.dropdown-menu.show{
		left:-62px!important;
	}
	.dropdown-item{
	padding: 1rem 1.5rem!important;	
	}
	.btn.medica-btn span{
    padding-left: 75px;
}
.menu-iop-item{
	display:inline-block;
	width:100%;
}
a.iop-block{
width:50%;
height:70px;
line-height:70px;
color:#fff;
background-color:#3C2B99;
padding-left:115px;
float:left;	
border-bottom: 1px solid #D8D5EB;
border-right: 1px solid #D8D5EB;
text-transform: uppercase;
font-size:22px;
}
/*a.iop-block.line-iop{
	border-top: 1px solid #D8D5EB;
}*/
a.iop-block:hover{
	border-top: 1px solid #D8D5EB;
color:#3C2B99;
background-color:#fff;
font-size:22px;
}
.header-area .row{
	margin-left:0!important;	
	margin-right:0!important;	
}
.header-area .col-12{
	padding-left:0!important;	
	padding-right:0!important;	
}
.hdr-news {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 76px;
    width: 10.106383%;
    max-width: 165px;
    min-width: 115px;
    border-right: 1px solid #D8D5EB;
    border-left: 1px solid #D8D5EB;
	border-bottom: 1px solid #D8D5EB;
}
.hdr-lang {
    display: none;/* язык покамись убрать*/
    align-items: center;
    justify-content: center;
    height: 76px;
    width: 10.106383%;
    max-width: 165px;
    min-width: 115px;
	border-bottom: 1px solid #D8D5EB;
}
.hdr-talk{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 76px;
width: 15.1063829787234%;
    max-width: 260px;
    min-width: 240px;
		background-color:#3C2B99;
	}
	 a .hdr-talk{
		color:#fff;
	}
	.main-hdr-box .container-box {
    display: flex;
    align-items: center;
    height: 76px;
	padding-right: 0;
    padding-left: 0;
}
.hdr-logo svg{
	height: 37px;
	width: 160px;
}
.hdr-nav a svg {
    margin: 0 0 0 7px;
}

.hdr-nav {
    flex: auto;
	border-bottom: 1px solid #D8D5EB;
	height: 76px;
}
.hdr-contacts, .hdr-controls {
    padding: 0 2.76041666666667%;
    width: 30%;
}
.hdr-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 76px;
    margin-left: auto;
    padding: 0 2.76041666666667%;
    width: 33.28042328042328%;
    min-width: 330px;
    border-left: 1px solid #D8D5EB;
}
.hdr-nav ul.navbar-nav {
    display: flex;
    align-items: center;
    margin: 0;
    max-width: none;
}
.hdr-nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-grow: 1;
    height: 76px;
    margin: 0;
    padding: 0;
    background: none;
}
.hdr-nav > ul > li {
    font-weight: 500;
    font-size: 14px;
    line-height: 1em;
}
.forms-modals{
	padding: 30px;
}
.modal-header {
    border-bottom: 1px solid #D8D5EB!important;
	}
	.modal-header .modal-title{
	color: #3C2B99!important;
	text-transform: uppercase!important;	
	}
.hdr-nav .products-dropdown{
	display: none;
	position: absolute;
	left: 0;
	top: calc(100% + 1px);
	width: 383px;
	max-height: calc(100vh - 123px);
	padding-left: calc(22% - 21px);
	}
	.close {
    color: #3C2B99!important;
}
.medica-services-sidebar-area {
    padding-right: 35px;
}

.dws-menu {
    display: none;
}
	@media only screen and (max-width: 991px){
		.item-letstalk{
	display:block!important;
}
		 .dws-menu{
  overflow: hidden;
 }
 .dws-menu ul{
  display: block;
  max-height: 0;
  transition: max-height 0.3s;
 }
 .dws-menu li>ul li ul{
  position: absolute;
  right: auto;
  top: auto;
 }
 .dws-menu label.toggleMenu{
  display: block;
  width: 50px;
   border-right: 1px solid #D8D5EB;
    border-bottom: 1px solid #D8D5EB;
 }
 /*input.toggleMenu:checked + label.toggleMenu{
  background: #000;
  color: #fff;
 }*/
 input.toggleMenu:checked ~ ul,
 input.toggleSubmenu:checked ~ ul{
  display: block;
  position: relative;
  max-height: 5000px;
  transition: max-height 2s ease-in;
 }
 .dws-menu label.toggleSubmenu{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
 }
 input.toggleSubmenu:checked ~ a{
border-bottom: 1px solid #D8D5EB;
 }
 .dws-menu label.toggleSubmenu .fa:before{
  content: "\f0d7";
  color:#3C2B99;
 }
 .dws-menu label.toggleSubmenu .fa{
  position: absolute;
  top: 15px;
  right: 30px;

 }
 .dws-menu input.toggleSubmenu:checked ~ label.toggleSubmenu .fa::before{
  content: "\f0d8";
  color: #3C2B99;
 }
 .dws-menu > ul li.active a{
	color: #D8D5EB; 
 }
		.dws-menu {
    display: block;
}
a.iop-block{
font-size:18px;
}	
a.iop-block:hover{
font-size:18px;
}	
	.hdr-nav, .hdr-news,.hdr-lang,a .hdr-talk{
	display: none;	
	}
	.hdr-logo{
		border-bottom: none;
		float:right;
	}
	.main-hdr-box{
	border-bottom: 1px solid #D8D5EB;
background-color:#fff;	
	}
	.main-hdr-box .container-box{
		display: block;
	}
}
@media only screen and (max-width: 767px){
	.medica-services-sidebar-area {
     padding-right: 0px;
}
	a.iop-block{
		    padding-left: 55px;
	}
}
@media only screen and (max-width: 649px){
	a.iop-block{
		   width: 100%;
	}
	.hdr-logo{
		border-right: none;
	}
}

/* End */
/* /local/templates/medilux/template_styles.css?16450300547710 */
