@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@511&display=swap');


 /* Basic
-----------------------------------------------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

button, a {-webkit-transition: all 0.3s; transition: all 0.3s;}

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	height: 100%;
	font-family: 'Lato';
	font-size: 14px; line-height: 24px; font-weight: normal;
	 
	color: #6a6a6a;
}
body.admin-bar {margin-top: 0px;}
 
.wrapper {
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	 height: auto !important; 
	height: 100%;
	 
}

 a, button,
 input,
 textarea {-webkit-transition: all 0.3s; transition: all 0.3s; outline: none}
 
 button:focus {outline: none !important}
 
 a {color: #22BFB2;}
 a:hover {color: #22BFB2; text-decoration: none}
 
 .fa-user-o:before {
    content: "\f2c0";
}

.raleway {font-family: "Raleway", sans-serif;}
 /* Header
-----------------------------------------------------------------------------*/
.header {
	height: auto;
	background: transparent;
	transition: background-color ease .3s;
    position: relative;
    z-index: 2002;
    position: absolute; left: 0px; top: 0px; width: 100%;  
 }
 
/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0px 0 0px; z-index: 5; position: relative;
}

 
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: 0px auto 0;
	min-width: 320px;
	height: auto;
	min-height: 50px;
	background: #2d2d2d;
	position: relative;
	padding: 30px;
	z-index: 4;
	color: #e5e5e5;
	border-top: 3px solid #3e8dda;
	 
}
	 
 .copy {font-size: 12px; line-height: 18px; color: #fff;}
/* 
@media (min-width: 1200px){
.container{ max-width: 1330px;}
}
*/

a.up {position: fixed; right: 10px; bottom: 24px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--main-color); text-decoration: none; z-index: 22;  color: #fff;  -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; border: 1px solid var(--main-color); background:#22BFB2;font-size: 24px;
}
a.up.active {opacity: 1}
 



.search_open {height: 42px;width: 42px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 20px; border: 1px solid #fabf02; background: #fabf02; }
.search_open:hover {color:#fabf02; background: #fff}

.phone_call {height: 42px; border-radius: 21px; background: #fdd70f; display: flex; position: relative; align-items: center; justify-content: center; padding: 0px 60px 0px 20px; font-weight: 600; color: #312488}
.phone_call_hidden {position: absolute; right: 0px; top: 42px; height: auto;  background: #fff; border-radius: 30px; display: flex; align-items: center; justify-content: center; padding: 20px 30px; box-shadow: 0 3px 10px rgba(34,112,131,.15); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 100; visibility: hidden
}
.phone_call_hidden>div{text-align: right}
.phone_call.active .phone_call_hidden {opacity: 1; visibility: visible;}
.phone_call a {color: #312488; font-size: 14px;}

.hd_address {font-size: 13px; text-align: right; margin-bottom: 5px; line-height: 16px; margin-bottom: 10px}
.hd_address span {font-size: 12px; font-style: italic; color: #555; font-weight: 300; display: block; text-align: right}
.hd_block {margin-bottom: 10px;}
.open_phone {width:34px; height:34px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: 5px; top: 4px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.phone_call.active .open_phone {transform: rotate(180deg)}
.phone_call .phone_call_hidden a {color:#312488 ; margin-bottom: 5px; font-size: 20px; margin-left: 10px; border: 1px solid #312488; border-radius: 50%; height: 42px; width: 42px; display: inline-flex; align-items: center; justify-content: 
	center;
}

.phone_call .phone_call_hidden a:hover {text-decoration: none; color: #000}
.bg_main {position: relative; width: 1px; height: 1px; }

.bg_main::before {
    content: "";
    position: absolute;
    left: 0;
    top: -17vw;
    width: 100vw;
    height: 100vw;
    z-index: 1;
    background: url(images/circles_1_md.svg) no-repeat center/contain;
    transform: translateX(-50%) rotate(0);
    animation: 150s linear infinite rotate;
}
 .rel {position: relative}
 .my_button {display: inline-flex; height: 42px; border-radius: 0px; background:transparent;   position: relative; align-items: center; justify-content: center; padding: 0px 20px 0px 20px; font-weight: 600; color: #335a92; border: 2px solid #335a92}
.my_button:hover {text-decoration: none; background: #fff; color: #333}
.my_button.big {height: 60px; border-radius: 30px; padding: 0px 30px; font-size: 20px;}

.my_button.white {text-decoration: none; background: transparent; color: #fabf02}
.my_button.white:hover {background:#fabf02; color: #fff; }
 

article ul, .art ul {display: block; padding: 10px 0; margin: 0px 0px 20px 0px;}
article li, .art li {display: block; position: relative; padding: 0px 0px 6px 15px;    font-weight: normal}
article li:after,  .art li:after {width: 6px;height: 6px; background: #093051; content: ''; position: absolute; left: 0px; top: 11px; transform: rotate(45deg)}
 article img {max-width: 100%; height: auto;}
.owl-dots {display: flex; align-items: center; justify-content: center; padding: 30px 0px;}
.owl-carousel button.owl-dot {width: 30px; height: 30px; border-radius: 50%; margin: 3px; background: #ddd !important; border: 1px solid #ccc}
.owl-carousel button.owl-dot.active {background: #093051 !important}

.owl-carousel .owl-stage{display: flex;}
.owl-dots {counter-reset: dots; flex-wrap: wrap}
.owl-dots .owl-dot {display: block; position: relative; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.owl-dot:before { counter-increment:dots; content: counter(dots); }
.owl-carousel .owl-dots button.owl-dot.active{background: #22BFB2 !important;}


 

.breadcrumbs {font-size: 14px; color: #333; padding: 0px 0px 30px 0px; color: #9b9b9b; display: flex; flex-wrap: wrap; justify-content: center }
.breadcrumbs__separator {margin: 0px 5px;}
.breadcrumbs a {color: #9b9b9b; display: inline-block; padding-right: 0px; position: relative}
.breadcrumbs2 a:after {position: absolute; right:6px; top: 0px; content: '>'}
.params_section {padding: 50px 0px;}
.params_section h2 {font-size: 24px; line-height: 30px; font-weight: bold; margin-bottom: 20px;}
.tabs__content {
	display: none;  
}
.tabs__content.active {
	display: block;  padding: 30px 0px;
}

.tabs__caption {display: flex; align-items: center; justify-content: flex-start}

.tabs__caption li {display: flex; align-items: center; justify-content: center; padding: 5px 10px; border: 1px solid #ddd; border-radius: 0px; flex:1 1 auto; margin-left: -1px;  font-size: 14px; text-transform: uppercase; font-weight: bold; background: #f9f9f9}
.tabs__caption li.active {border-top: 2px solid #22BFB2; border-bottom: transparent; background: #fff} 

.my_form_wrapper {margin: 0px auto; max-width: 550px; }
.my_form_wrapper .h2 {font-weight: 700; text-align: center; margin-bottom: 50px}

.my_form input[type="text"],
.my_form input[type="email"],
.my_form select,
.my_form textarea 
{
	
display: block; width: 100%; border: 1px solid #ccc; border-radius: 3px;	
padding: 10px 20px;	 font-size: 16px; line-height: 18px; min-height: 40px;
}
.my_form select{padding: 0px 10px}
.my_form label {display: block; width: 100%; margin-bottom: 20px;}

 
 
 
.for_check {position: relative; padding-left: 20px; font-size: 14px; line-height: 18px;}
.for_check a {text-decoration: underline;}
.for_check input {position: absolute; left: 0px; top: 3px; width: 14px; height: 14px; }

.modal_wrapper {background-color: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow-y: auto; z-index: 2150; display: none}
.modal_wrapper.active {display: block;}
.modal_wrapper table{width: 100%; height: 100%;}
.modal_wrapper a {color: #335a92}
.modal_body {background: #fff; border: 2px solid #335a92; border-radius: 0px; position: relative; min-height: 200px; width: 600px; margin: 50px auto; padding: 30px; color: #333}
.modal_close {position: absolute; width: 30px; height: 30px; background: #fff; border: 1px solid #ccc; border-radius: 50%; right: -10px; top: -10px;}
 .mobile_menu1 {display: none}
.mobile {display: none}

.mobile_menu {display: block; position: fixed; left: 0px; top: 0px;  background: #2d2d2d; z-index: 2001; height: 100%; width: 100%; max-width:250px; color: #fff; padding: 30px 0px 30px 0px; overflow-y: auto;-webkit-transition: all 0.3s; transition: all 0.3s; margin-left: -120% }
.mobile_menu.active {margin-left: 0}
.modal_menu_close {color: #fff; position: absolute; left: 20px; top: 20px; border: transparent; background: transparent; font-size: 30px;}
.mobile_menu ul>li {display: block; margin-bottom: 0px; }
.mobile_menu ul>li>a {color: #fff; font-weight: 400; font-size: 16px; line-height: 18px; display: block;  position: relative; display: block; padding: 10px 10px 10px 20px;}

.mobile_menu ul>li>ul>li>a{ padding: 6px 10px 6px 30px; font-size: 14px; line-height: 18px;}
.mobile_menu ul>li>ul {margin-left: 0px; height: 0px; overflow: hidden; opacity: 0;-webkit-transition: all 0.3s; transition: all 0.3s; }
.mobile_menu ul>li.active>ul{height: auto; opacity: 1}

.mobile_menu ul>li.current-menu-ancestor>ul,
.mobile_menu ul>li.current-menu-parent>ul {height: auto; opacity: 1}
.mobile_menu ul>li.current-menu-ancestor>a,
.mobile_menu ul>li.current-menu-parent>a {color: #fff;
    background-color: #3e8dda !important;}

.mobile_menu  ul>li>ul>li {display: block;}

.mobile_menu li.current-menu-item > a {
    color: #fff;
    background-color: #3e8dda !important;
}

.mobile_menu ul>li.menu-item-has-children>a:after {content: '+'; position: absolute; width: 20px; height: 20px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; background: #2871BB; right: 10px; top: 8px; font-size: 18px;}

.whitebutton {background: #fff !important;}
.social {display: flex; text-align: right; align-items: center; justify-content: flex-end; padding-top: 0px; padding-right: 0px;  }
.social b {display: block; margin-bottom: 5px;}
.social a {font-size: 16px; color: #111; margin-left: 0px; width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: flex-end; border-radius: 50%; border: 1px solid #fff}
.social a:hover {background: #fff; color: #ff9933; text-decoration: none; border-color: #ff9933}
.unp {text-align: center; padding-top: 20px; line-height: 20px; font-size: 16px;}

.social.con {text-align: left}
.social.con a{margin-left: auto; margin-right: 20px;}

 .sads {width: 200px; height: auto;}

.search_wrapper {max-width: 800px;}

.buts_inline {display: flex; align-items: center; justify-content: flex-end}

.site_description {font-style: italic; font-size: 14px; line-height: 18px;}
 
@media (max-width: 991px) {

.buts_inline {display: none}
.mobile {display: block}
.mobile.fa {display: inline-block}
.desctop {display: none}

.top_menu {display: none }


a.logo {max-width: 99px;   min-width: 90px;}
.site_desc {display: none}

.top_line {padding: 10px 0px}

.phone_call_hidden {width: 200px}
.bg_main {display: none}

.cat_pes {display: none}
.top_section_block{height: auto; min-height: 300px}

.section_1 {
    padding: 25px 0px; }

.top_section_block h1 {
    font-size: 60px;
    line-height: 60px;
}
.about img {margin-bottom: 20px}

.about_text h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    color: #093051;
}
.about_text h2 span {
    display: block;
    font-size: 50px;
}

.preims .h1 {
    display: flex;
    font-size: 42px;
    line-height: 46px; margin-bottom: 25px;
}
.preims {
    padding: 24px 0px;
}
section.about {
    padding: 25px 0px;
}
.preim_block {margin-bottom: 30px}

.grey_title {
    font-size: 40px;
    font-weight: bold;
    line-height: 50px; 
}


.grey_title span {
    font-size: 50px;margin-bottom: 20px
}

.services .h1 , .doctors .h1.center{
    display: flex;
    font-size: 46px;
    line-height: 50px;
     
    }

.services .h1 span {display: none}
.services .col-lg-3 {
    margin-bottom: 8px;
}

.news_block img {
    width: 79px;}

.new_ex {display: none}
a.news_title {display: block}


 .shop_nav {
    display: block

}
.shop_nav ul {flex-wrap: wrap}
.int_page h1 {font-size: 40px; line-height: 46px; margin-bottom: 20px}
.shop_nav {
    padding: 10px 0px 10px 0px;
}
#load_shops {
    height: 500px;
     margin-bottom: 30px;
}

.ya_map {
     height: 400px;
}
.modal_body {
         border-radius: 10px;
    position: relative;
    min-height: 200px;
    width: 100%;
    margin: 60px auto 0 auto;
    padding: 20px;
}
.modal_wrapper td {vertical-align: top; padding: 0px 10px;}
a.up {bottom: 24px}

.n_wrapper .contact_page_block{margin-bottom: 0px;}

.cliincs_top {padding: 10px 0px}
.offise {margin-bottom: 20px;}
.flex_rows_block.al_right .img_thumb,

.flex_rows_block .img_thumb  
 {
    margin: 0px 0px 30px 0px; width: 100%; min-width: 100%; height: auto;
}

.flex_rows_block.al_right .img_thumb:after, .flex_rows_block  .img_thumb:after{left: auto; right: 0px; top: 0px;}

.flex_rows_block{display: block;}




}
 




@keyframes rotate 
{
    0% {
        transform: translate(-50%) rotate(0);
    }

    100% {
        transform: translateX(-50%) rotate(360deg);
    }
}
 @keyframes jumps 
 {
        0% {
            transform: translate(-50%, 0);
        }

        50% {
            transform: translate(-50%, -50%);
        }

        100% {
            transform: translate(-50%, 0);
        }
    }