
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/GilroyBold.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GilroyBold-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
    url('../fonts/GilroyBold.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
    url('../fonts/GilroyBold.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
    url('../fonts/GilroyBold.svg#GilroyBold')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/GilroyHeavy.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GilroyHeavy-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
    url('../fonts/GilroyHeavy.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
    url('../fonts/GilroyHeavy.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
    url('../fonts/GilroyHeavy.svg#GilroyHeavy')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 1000;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/GilroySemiBold.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GilroySemiBold-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
    url('../fonts/GilroySemiBold.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
    url('../fonts/GilroySemiBold.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
    url('../fonts/GilroySemiBold.svg#GilroySemiBold')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/GilroyLight.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GilroyLight-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
    url('../fonts/GilroyLight.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
    url('../fonts/GilroyLight.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
    url('../fonts/GilroyLight.svg#GilroyLight')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/GilroyRegular.eot')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot*/;
    src: url('../fonts/GilroyRegular-#iefix')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.eot?#iefix*/ format('embedded-opentype'),
    url('../fonts/GilroyRegular.woff')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.woff*/ format('woff'),
    url('../fonts/GilroyRegular.ttf')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.ttf*/ format('truetype'),
    url('../fonts/GilroyRegular.svg#GilroyRegular')/*tpa=http://kr1sck.ru/jazz-hall/fonts/OpenSans-Italic.svg#OpenSans-Italic*/ format('svg');
    font-weight: normal;
    font-style: normal;
}

*::-webkit-input-placeholder {  color: #333333; opacity:1;}
*:-moz-placeholder {color: #333333: 1;}
*::-moz-placeholder {color: #333333;    opacity: 1;}
*:-ms-input-placeholder {color: #333333;    opacity: 1;}

input:focus::-webkit-input-placeholder       {opacity: 0.2;   transition: opacity 0.2s ease;}
input:focus::-moz-placeholder                {opacity: 0.2;   transition: opacity 0.2s ease;}
input:focus:-moz-placeholder                 {opacity: 0.2;   transition: opacity 0.2s ease;}
input:focus:-ms-textarea-placeholder            {opacity: 0.5;   transition: opacity 0.5s ease;}
.phone::-ms-clear {    display: none;}
html{    overflow-x: hidden; }
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li,
form, input, button, textarea, label, fieldset, legend, blockquote,
table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe  {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
*:focus {outline: 0;}
b, strong {font-weight: 900;}
i, em {font-style: italic;}
li {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}
td, th { vertical-align: middle;}
a, [type="submit"], [type="button"], label, select, button {cursor: pointer;}
a {color: inherit; text-decoration: none;}
textarea {resize: none; overflow: auto;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
div a:hover, div a:active, div a:focus{outline: none;}
aside, header, footer, article, section, nav {display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]) {-webkit-appearance: none;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
iframe {display: block; position: relative;}
body{  font-size: 16px; overflow: hidden; font-family: 'Gilroy';  color: #333333; margin: 0px;}
a:hover, a:active{text-decoration: none; color: #000;}
.over{    position: fixed;
    overflow: hidden;
    width: 100%;}
/* Animation */
    a,#top__line{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}

/*******************Общие настройки*******************/
#top__line{position: fixed;  padding: 20px 0px; left: 0px; right: 0px;z-index: 11;}
.logo{display: flex; font-size: 0px; align-items: center;}
.logo span{font-size: 22px; display: inline-block; padding-left: 15px; font-weight: 300; line-height: 16px;}
.logo img{max-width: 100%;}
.phone-link span{ font-weight: 800; }
.phone-link{font-size:18px;}
.btn-callback{font-size: 13px; font-weight: 900; border-bottom: 1px solid #333333;}
.top__line_contact{text-align:right;}
.btn-callback:hover{border-color: transparent;}
#menu{flex:  0 0 50%; max-width: 50%;}
.button_toogle{  font-size: 0px;  display: none; right: 15px; top: 16px; position: absolute;  height: 30px;   z-index: 111; width: 30px; }
.button_toogle button{background: none;}
.c-hamburger {  display: inline-block;  z-index: 111;  overflow: hidden;  margin: 0;  padding: 0;  width: 25px;  height: 25px;  font-size: 0;  text-indent: -9999px;  appearance: none;  box-shadow: none;  border-radius: none;  border: none;  cursor: pointer; right: 0px; top: 3px;  transition: background 0.3s;}
.c-hamburger.is-active .c-hamburger span{ background: #333333; }
.c-hamburger:focus {  outline: none;}
.c-hamburger span {  display: block;  position: absolute; width: 25px;  height: 2px;  background: #333333;}
.c-hamburger span::before,.c-hamburger span::after {  position: absolute;  display: block;  left: 0;  width: 100%;  height: 2px;  background-color: #333333;  content: "";}
.c-hamburger span::before {  top: -6px;  width: 25px;} 
.c-hamburger span::after {  bottom: -6px; width: 25px;}
 .c-hamburger--htx span {  transition: background 0s 0.3s;}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {  transition-duration: 0.3s, 0.3s;  transition-delay: 0.3s, 0s;} 
.c-hamburger--htx span::before {  transition-property: top, transform;}
.c-hamburger--htx span::after {  transition-property: bottom, transform;}
.c-hamburger--htx.is-active span {  background: none;}
.c-hamburger--htx.is-active span::before {  top: 0;  transform: rotate(45deg); width: 100%;}
.c-hamburger--htx.is-active span::after {  bottom: 0;  transform: rotate(-45deg); width: 100%;}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {  transition-delay: 0s, 0.3s;}
#top__line.scroll{background: #fff; padding: 10px 0px;}

header{background: url(../img/bg_header.jpg) center bottom no-repeat; z-index: 1; position: relative; min-height: 650px; display: flex; align-items: center; background-size: cover;}
#menu a{font-size: 14px; padding: 5px 25px; border-radius: 3px; font-weight: 900; }
#menu a:hover{background: #71aaf4;}
#menu li{display: inline-block; vertical-align: middle;}
#menu {font-size: 0px; text-align:center;}
h1{font-size: 40px;padding-bottom: 20px; font-weight: 1000; line-height: 45px;}
.btn-consult{color:#fff; font-weight: 900; display: inline-block;width: 260px; height: 55px; line-height: 55px; background: #71aaf4; text-align:center; border-radius: 5px; background: #71aaf4; }
.btn-consult:hover {color: #fff!important;}
.btn-consult:hover{background: #4d95f7;}
.header_slogan .btn-consult{margin-top: 26px;}
.cat{position: absolute; bottom: -70px; left: 50%; margin-left: -200px;}



#price{padding: 70px 0px;}
.title{text-align:center; font-weight: 1000; font-size: 40px; padding-bottom: 25px;}
.price_items{border:1px solid #e7e7e7;}
.btn-order{opacity: 0.5; line-height: 16px; display: inline-block; border-bottom: 1px solid #333333;}
.btn-order:hover{opacity: 1; border-color: transparent;}
.price__item{display: flex; align-items: center; }
.price__item-link{width: 180px;}
.price__item_right{text-align: center; width: 50%;}
.price__item-link{text-align:center;}
.price__item-name{width: 50%; text-align: center;}
.price__item{padding: 10px 0px;}
.price__item:nth-child(even){background: #f3f3f5;}
.doctor__box{margin-top: 40px;}
.doctor__item-img{height: 165px; margin: 0px auto 20px; width: 165px; border-radius: 50%; overflow: hidden;}
.doctor__item_dsc span{font-weight:900; display: block; margin-bottom: 15px;}
.doctor__item-img img{height: 100%; width: 100%; object-fit: cover; object-position: center;}

#doctor{background: url(../img/bg-doctor.jpg) center no-repeat; padding: 80px 0px 105px; background-size: cover; position: relative;}
.doctor-before{position: absolute; top: -1px; left: 0px; right: 0px; z-index: 1;}
.doctor-after{position: absolute; transform: rotate(-180deg); bottom: -1px; left: 0px; right: 0px; z-index: 1;}
.doctor-before img,.doctor-after img{width: 100%;}
.doctor__item{max-width: 260px; text-align:center; margin-bottom: 30px;}
.b-btn{text-align:center;}
.doctor__box .b-btn{margin-top: 40px;}
.dog{position: absolute; left: 50%; margin-left: -390px;     bottom: -36px; z-index: 1}

#information{padding: 90px 0px 75px;}
#contact{background: #f3f3f5; padding: 75px 0px 25px; position: relative;}
.map_circle{width: 455px; height: 455px; overflow: hidden; border-radius: 50%;}
#map{height: 455px; width: 100%;}
#map2{height: 455px; width: 100%;}
#map3{height: 455px; width: 100%;}
#map4{height: 455px; width: 100%;}
.contact_info_list{margin-bottom: 45px;}
.contact_info{text-align:center;}
.contact_info_list li{display: flex; padding-left: 60px; padding-top: 1px; margin-bottom: 10px; justify-content: space-between; position: relative; align-items: center;}
.contact_info_list a{font-weight:700;}
.contact_info_list span:nth-child(2){font-weight:700;}
.contact_info{max-width: 480px;}
.map_circle{float: right;}
.contact__box{margin-top: 20px;}
.contact__img{text-align:center; margin-top: -190px; z-index: 1;position: relative;}

.contact_info_list li:before{content: ""; height: 20px;width: 20px; display: inline-block; position: absolute; left: 0px; top: 0px;}
.phone-icon:before{background: url(../img/icon-phone.png);}
.mail-icon:before{background: url(../img/icon-meil.png);}
.facs-icon:before{background: url(../img/icon-facs.png);}
.link-map{    opacity: 0.5;    line-height: 16px;    display: inline-block;    margin-top: 15px;    border-bottom: 1px solid #333333;}
.link-map:hover{border-color: transparent;}
.maps-tab{display: none;}
.maps-tab.active{display: block;}
.link-mobile{display: none; text-align: center; margin: 15px 0px;}
.link-mobile li{display: inline-block;}


/*******************Формы*******************/
.popup_window {  text-align: center;  margin: 35px auto;display:block;max-width: 380px;  position: relative;  background: #fff;   padding: 35px 15px;  border-radius: 5px;}
.form input{height: 45px;margin-bottom: 10px; width: 100%; border-radius: 5px; width: 100%; padding: 0px 15px; border:1px solid #c8c8c8;}
.form input.btns{color:#fff; font-weight: 900; margin-top: 15px; display: inline-block;width: 220px; border:none; height: 55px; line-height: 55px; background: #71aaf4; text-align:center; border-radius: 5px; background: #71aaf4;}
.form input.btns:hover{background: #4d95f7;}
.popup-title span{font-weight:900; font-size: 22px; text-transform: uppercase; display: block; padding-bottom:10px;}
.popup-title{padding-bottom:35px;}
.popup_window_thank span{display: block; font-size: 22px; text-transform: uppercase; font-weight:900; padding-bottom:15px;}

/*Анимация Отдаление */

.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3); }

.mfp-zoom-out.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-out.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  opacity: 0; }

.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0; }



.header_sale {
color: red;
    font-size: 18px;
    margin-top: 20px;
    font-weight: bold;
    max-width: 450px;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
}
.header_sale .salebl {   
	padding: 30px;
    color: #fff;
    background: #71aaf4;
    padding: 20px;
    max-width: 450px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}  
.header_sale .saleimg {
    position: absolute;
    margin-top: -110px;
    margin-left: 400px;
}
.header_sale .saleimg img {
	    width: 100px;
}
.salepc {display: block;font-size: 15px; color: #000; font-weight: normal; padding: 3px 15px;}
.salepc m {font-weight: bold; font-size: 17px;}