/*
Theme Name: Good Zone Theme
Description: Theme for Goo Zone site;
*/
@font-face{
    font-family: AvantGarde-Demi;
    src: url(fonts/AvantGarde-Demi.woff);
}
@font-face{
    font-family: LucidaGrande;
    src: url(fonts/LucidaGrande.woff);
}

@font-face{
    font-family: AvantGarde-Book;
    src: url(fonts/AvantGarde-Book.woff);
}
@font-face {
  font-family: Geometria;
  src: url(fonts/3494DC_0_0.ttf);
}
@font-face {
  font-family: Geometria;
  src: url(fonts/PTC55F.ttf);
  font-weight: bold;
}
*{margin: 0;padding: 0;box-sizing: border-box}

body{font-family: 'Geometria', sans-serif;position: relative;background:#868686}
.wrap{max-width: 1024px;padding-left: 10px;padding-right: 10px;margin-left: auto;margin-right: auto}
.font_avant{font-family: 'AvantGarde-Demi'}
.font_book{font-family: 'AvantGarde-Book'}
.font_lacida{font-family: 'LucidaGrande'}
.color_green{color: #98c93c}
.color_white{color: #fff}
.green,
.background_green,
.event-list ul{background-color:#98c93c}

.red{background: #ff8d79}
.mask_two{width: 100%;height: 100%;background: rgba(0,0,0, .6);position: absolute;top: 0;left: 0;z-index: 3;}


header{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-color: rgba(31, 45, 66, 0.8);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #757575;
    color: #fff;
    padding: 15px 0 6px;
    z-index: 5;
  }
.logo{
    width: 124px;
    height: 64px;
    background: url("img/logo.svg") no-repeat center/ contain;
    margin: 0 auto;
}
.phone{
    margin: 16px 0 11px;
    font-size: 20px;

    padding-left: 33px;
    background: url("img/icon_phone.svg") no-repeat left center / 26px 30px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}
.manager{
    font-size: 14px;

}
.mobile-phone{
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.33;

    padding-left: 20px;
    background: url("img/icon_mobile-phone.svg") no-repeat left center / 12px 24px;
    margin-top: 5px;
}

.main-screen{
    text-align: center;
    color: #fff;
    padding-top: 213px;
    padding-bottom: 72px;
    background: url("img/bg_main-screen.jpg") no-repeat center / cover;
    position: relative;
}
.mask{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.3);
}
.main-screen h1{
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;

    padding-bottom: 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55);
}
.main-screen .line-top{
    font-size: 22px;
    line-height: 1.5;

    font-weight: 300;
    padding: 18px 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.55);
}
.main-screen a{text-decoration: none}
.main-screen a:hover{text-decoration: underline}
.line-top{position: relative}
.line-top:before{
    content: '';
    width: 126px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.plate_bisiness{
    padding: 10px 10px 0 10px;
    background: rgba(232, 235, 237, .37);
    position: relative;
    z-index: 3;
}
.booking{position: relative;z-index: 3}
.box_good-price{
    background: #e8ebed;
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
}
.box_good-price .text_info{
    padding: 5px;
}
.package_business{
    background-color: #5b5b5b;
    color: #fff;
    padding: 25px;
    font-weight: 300;
}
.package_business > div{text-align: center;font-size: 20px;line-height: 1.5;font-weight: 300;margin-bottom: 28px}
.package_business > ul{text-align: left;list-style-position: inside;font-size: 14px;
    }
.package_business li{margin-bottom: 10px}
.booking{
    padding: 20px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5;
    }
.booking a{color: #fff;display: inline-block}

.calendar{
	background-color: #3c3b3b;
	padding-top: 30px;
	position: relative;
	overflow-x: hidden;
}
.title-section{
	font-size: 44px;
	position: relative;
	z-index: 3;
}
.calendar .desc-section{
	text-transform: uppercase;
	font-size: 30px;
	margin-top: 16px;
	position: relative;
	z-index: 3;
}
.wrap-calendar{
	width: calc(100% - 20px);
}
.calendar-tables{
	width: calc(100% - 20px);
}
.price{
	color: #fff;
	border-collapse: collapse;
	width: 100%;
	margin: 60px 0 0;
}
.price td{
	border: 1px solid #979797;
	width: 43px;
	height: 13vw;
	padding: 0 3px;
	text-align: right;
	vertical-align: top;
}
.price .date{
	width: 100%;
	display: inline-block;
	text-align: right;
	font-size: 3vw;
}
.price .date span{
	display: block;
}
.price .cash{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2px 0 0;
	font-size: 3.4vw;
}

.note{color: #fff;font-size: 14px;padding: 10px 0}

.calendar:before{
  z-index:2;
  content: '';
  width: 100%;
  height: 880px;
  position: absolute;
  top:-570px;
  left: 0;
  background: linear-gradient(-13deg,transparent 0, transparent 33%, rgba(134, 134, 134, .37) 33%,rgba(134, 134, 134, .37) 35%,rgba(134, 134, 134, .6) 35%, rgba(134, 134, 134, .6) 48%, rgba(134, 134, 134, .37) 48%, rgba(134, 134, 134, .37) 50%,transparent 50%,transparent 100%);
  pointer-events: none;
}
.bisiness-event{background-color: #868686}
.bisiness-event .title-section{padding: 15px 0}

.bisiness-event ul{padding: 28px 20px;color: #fff;font-size: 20px;
    line-height: 1.65;
    }
.bisiness-event ul li{margin-left: 20px}

.counter{background: #5b5b5b;padding: 74px 0}
.counter .wrap{display: flex;justify-content: space-around;align-items: flex-start;flex-wrap: wrap}

.circle{margin: 10px;text-align: center;padding: 20px 30px;font-size: 24px;width: 230px;height: 230px;color: #4a4a4a;background: #dddddd;border: 7px solid #5b5b5b;border-radius: 50%;box-shadow: 0 0 0 2px  #dddddd;display: flex;justify-content: center;align-items: center;flex-direction: column}
.circle span:first-child{font-size: 48px}
.form_box{margin-bottom: 40px}

.form_input::-webkit-input-placeholder {color:#4a4a4a;}
.form_input::-moz-placeholder          {color:#4a4a4a;}/* Firefox 19+ */
.form_input:-moz-placeholder           {color:#4a4a4a;}/* Firefox 18- */
.form_input:-ms-input-placeholder      {color:#4a4a4a;}

.slider{display: flex;}
.slider img{max-width: 100%;width: 100%; object-fit: cover;height: 208px}

.slick-next{right: 25px;z-index: 3;width: 40px;height: 40px}
.slick-prev{left: 25px;z-index: 3;width: 40px;height: 40px}
.slick-prev:before, .slick-next:before{font-size: 30px}

.advantages{background: url("img/bg_agvantages.jpg") no-repeat center / cover;text-align: right;padding-bottom: 100px}
.advantages .triangle{ text-align: left;padding-top: 32px;padding-bottom: 175px;background: linear-gradient(165deg, #919191 0,#919191 55%, rgba(91, 91, 91, 1) 55%,rgba(91, 91, 91, 1) 65%,rgba(91, 91, 91, 0.3) 65%,rgba(91, 91, 91, 0.3) 70%,transparent 70%,transparent 100% ) ;
}

.advantages-list{max-width: 500px;display: inline-block;text-align:left;background: url("img/bg_green.svg") no-repeat center / cover;padding: 160px 0 130px;margin-top: -146px;}
.advantages-list ul{color: #fff;margin-left: 30px;font-size: 14px;
    line-height: 1.21;
    font-weight: 300}
.advantages-list li{margin-bottom: 10px}
.advantages-list ul li ul{margin-bottom: 10px;margin-top: 10px}
.advantages-list ul li ul li{margin-bottom: 5px;list-style: none;position: relative}
.advantages-list ul li ul li:before{content: '';width: 2px;height: 2px;background: #fff;border-radius: 50%;position: absolute;top: 10px;left: -15px;}

.form .title-section{
  margin-top: 10px;
  text-align: center;
  font-size: 36px;
  line-height: 0.86;

  color: #4a4a4a;
  margin-bottom: 20px;
}
.form{position: relative;margin-top: -150px;background: linear-gradient(177deg,transparent 0,transparent 10%,rgba(216, 216, 216, .37) 10%,rgba(216, 216, 216, .37)13%,#dedede 13%,#dedede 87%,transparent 87%,transparent 100%);padding: 175px 0 145px;}

.form_input{-webkit-appearance: none;border: 0;outline: 0;border-bottom: 1px solid #4a4a4a;background: transparent;font-size: 14px;

    color: #4a4a4a;font-weight: 300;padding: 6px 15px}
form label{font-weight: 400;padding: 6px 0 9px 15px ;border-bottom: 1px solid #4a4a4a;font-size: 14px;width: 80%;

    color: #4a4a4a;}
form .name{display: block}
form .tel{display: block}
form > *{
  width: 100%;
  margin-bottom:30px;
}
.form_box{display: flex;align-items: flex-end;}
.form_box .form_input{font-size: 14px}

.time_box .form_input,
.date_box .form_input{padding-left: 0;padding-right: 0;text-align: center}

.form_input:focus{border-color: #98c93c}
.form .wrap{max-width: 583px}

.button{font-size: 20px;

    text-align: center;
    color: #ffffff;
    padding: 15px;border: 0;-webkit-appearance: none;cursor: pointer;transition: 200ms}
.button:hover{transform: scale(1.03);}

.callme{filter: drop-shadow(2px 2px 10px rgba(0,0,0,.5));margin-top: -130px;text-align: center;background: linear-gradient(-177deg,transparent 0, transparent 40%, #5b5b5b 20%, #5b5b5b 100%);padding-top: 150px;padding-bottom: 30px;}
.callme .wrap span:first-child{font-size: 36px;
    line-height: 1.08;
    font-weight: 300}
.callme .wrap span:last-child{font-size: 36px;
    display: inline-block;margin-top: 20px}
.good{z-index: 5;position: relative;width: 208px;
    height: 48px; background: url("img/good.png") no-repeat center / contain;margin-left: 10px}
.partners_text{font-size: 36px;
    position: relative;z-index: 5;margin-left: 10px;margin-top: 15px;font-weight: 300}

.slider_logo{position: relative;z-index: 5;margin: 30px 0}
.slider_logo a{height: 105px;margin-bottom: 30px;width: 230px;display: block}
.slide{margin: 0 20px}
.partners{position: relative;padding-top: 65px;padding-bottom: 100px;background: url("img/bg_footer.jpg") no-repeat center / cover}

.herba{background: url('img/herba_mono.png') no-repeat center / contain}
.herba:hover{background-image: url('img/herba.png')}

.logo_5{background: url('img/logo_5.svg') no-repeat center / contain}
.logo_5:hover{background-image: url('img/logo_5.svg')}

.logo_4{background: url('img/logo_4.png') no-repeat center / contain}
.logo_4:hover{background-image: url('img/logo_4.png')}

.logo_3{background: url('img/logo_3.png') no-repeat center / contain}
.logo_3:hover{background-image: url('img/logo_3.png')}

.logo_2{background: url('img/logo_2.png') no-repeat center / contain}
.logo_2:hover{background-image: url('img/logo_2.png')}

.logo_1{background: url('img/logo_1.png') no-repeat center / contain}
.logo_1:hover{background-image: url('img/logo_1.png')}

footer{padding: 25px 0 15px;background: #000;color: #fff}
.logo_footer{width: 282px;
    height: 54px;background: url("img/logo_footer.png") no-repeat center / contain}

.social_line{margin-bottom: 20px}
.fb{display: inline-block;width: 20px;height: 20px;background: url("img/facebook-logo.svg") no-repeat center / contain}
.youtube{display: inline-block;width: 20px;height: 20px;background: url("img/youtube-logo.svg") no-repeat center / contain}
.instagram{display: inline-block;width: 20px;height: 20px;background: url("img/instagram-logo.svg") no-repeat center / contain}

.fb:hover{background-image: url("img/facebook-green.svg")}
.instagram:hover{background-image: url("img/ins_green.svg")}
.youtube:hover{background-image: url("img/youtube-green.svg")}

.addres{text-align: left}
.link_home{font-size: 20px;

    color: #ffffff;text-decoration: none}
footer .wrap > *{display: inline-block;margin: 15px 10px;vertical-align: middle}
footer{text-align: center}


.forest{background: url("img/forest.png") no-repeat center / cover;height: 200px;width: 100%;}

/*other*/
.form_input{resize: none;overflow: auto;}
.date_box .form_input{width: 160px}
.comments{font-family: 'Geometria', sans-serif;}
.phone-number{
  color: inherit;
  text-decoration: none;
}
form input{width:100%;}
form span{
  margin-bottom: 30px;
  display:block;
}
.date-input,
.time-input{
  width:150px;
  height:40px;
  text-align: center;
}
.form-label{font-weight:400;}
.date30{margin: 0 auto 40px 0;}
.wpcf7-textarea{width:100%}
.price td{width:143px;}

.calendar-tables{
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 767px){
  .spanleft,.spanright,.date-30,.time-804{
    width:49%;
    display:inline-block;
    vertical-align:top;
    font-size:14px;
    padding-left:0;
    padding-right:0;
  }
  .form-label{margin-top:8px}
  .flexbox br{display:none}

  .price td{width:43px;}
  .link_home{font-size:17px;}
}

@media screen and (min-width: 768px){
	.calendar-tables{
		flex-direction: row;
		justify-content: center;
	}
	.price{
		width: 45%;
	}
	.price td{
		width: 30px;
		height: 45px;
	}
	.price .date{
		font-size: 12px;
	}
	.price .cash{
		font-size: 15px;
	}
	.form_box{
		display: inline-block;
		vertical-align: bottom;
	}
	.date_box{
		width: 320px;
		margin-right: 30px;
	}
	.time_box{
		width: 208px;
	}
	form label{
		width: auto;
	}
	.form_box > *{
		vertical-align: bottom;
		display: inline-block;
	}
	.advantages .triangle{
		padding-top: 32px;
		padding-bottom: 160px;
		background: linear-gradient(165deg, #919191 0,#919191 40%, rgba(91, 91, 91, 1) 40%,rgba(91, 91, 91, 1) 45%,rgba(91, 91, 91, 0.3) 45%,rgba(91, 91, 91, 0.3) 50%,transparent 50%,transparent 100% );
	}
	.slider img{
		width:auto;
		height: 358px;
	}
	.advantages-list{
		background: url("img/bg_green.svg") no-repeat center / cover;
		padding: 160px 0 130px;
		margin-top: 0;
	}
	footer .wrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.addres{
		order: 3;
	}
	.advantages-list{
		margin-top: -300px;
	}
}
@media screen and (min-width: 1024px){

    body{font-weight: 300}
    header{padding-top: 24px;padding-bottom: 17px}
    header .wrap{display: flex;align-items: center;justify-content: space-between;}
    .logo{
        margin: 0;
        width: 254px;
        height: 131px;}
    .phone{
        font-size: 36px;
        padding-left: 53px;background-size: 41px 48px;
    }
    .manager{
        font-size: 20px;
    }
    .mobile-phone{
        background-size: 20px 40px;
        padding-left: 38px;
        font-size: 30px;
    }
    .main-screen{
        padding-top: 244px;
    }
    .main-screen h1{
        font-size: 48px;

    }
    .main-screen .line-top{
        font-size: 40px;
    }
    .calendar{overflow-x: visible;padding-top:40px}
    .plate_bisiness{margin-top: 70px}
    .box_good-price{
      position: relative;
      min-height: 240px;
    }
    .package_business{position: absolute;right: 30px;top: -50px;width: 500px;}
    .box_good-price .text_info{padding:39px 541px 51px 38px;}
    .box_package{font-size: 24px;
        }
    .box_package span{font-size: 36px;padding-left: 20px}
    .package_business{padding: 70px 38px}
    .package_business > div{ font-size: 36px;
        }
    .package_business > ul{font-size: 20px;
    }
		.booking{
			font-size: 26px;
			padding-left: 60px;
			padding-right: 60px;
		}
    .price td{
      width:60px;
      height:60px;
    }
    .price .cash{
      display: inline-flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			margin: 5px 0 0;
			font-size: 18px;
    }
    .price .cash .percent-number{
			margin: 0 2px 0 0;
      font-size: 20px;
      font-weight: bold;
    }
    .price .date{font-size: 15px;}
    .price .date span{font-size: 20px;}
    .note{font-size: 20px;  padding: 15px 0}

    .bisiness-event{padding-bottom: 22px}
    .bisiness-event .title-section{padding: 50px 0;white-space: nowrap}
    .bisiness-event .wrap{display: flex;justify-content: space-between;align-items: flex-start}
    .title-section{font-size: 48px;}
    .bisiness-event ul{width: 700px;
        padding-left: 130px;}
    .bisiness-event ul{background: linear-gradient(-70deg,transparent 0,transparent 18%,rgba(216, 216, 216, .37) 18%,rgba(216, 216, 216, .37) 20%,#98c93c 20%,#98c93c 83%,rgba(216, 216, 216, .37) 83%,rgba(216, 216, 216, .37) 85%,transparent 85%,transparent 100%)}
    .counter .wrap{justify-content: center}
    .circle{margin: 10px 30px;}
    .counter{
      padding-top:55px;
      background: linear-gradient(3deg, transparent 0, transparent 10%, #3c3b3b 10%, #3c3b3b 90%, transparent 90%,transparent 100% );
      position: relative;
      top:-60px;
    }


    .slider img{margin: 0 5px}
    .slick-next{width: 70px;height: 70px}
    .slick-prev{width: 70px;height: 70px}
    .slick-prev:before, .slick-next:before{font-size: 60px}

    .advantages-list{
      margin-top: -480px;
      max-width: 748px;
      padding: 230px 0 200px;
    }
    .advantages-list ul{
      font-size: 18px;
      line-height: 1.3;

    }
    .callme{padding-bottom: 50px}

    .partners{text-align: center;padding-top: 100px}
    .good{width: 286px;
        height: 70px;display: inline-block;vertical-align: middle;margin-right: 20px}
    .partners_text{font-size: 48px;
        display: inline-block;vertical-align: middle}

    .callme .wrap span:first-child{font-size: 36px;
        }
    .callme .wrap span:last-child{font-size: 40px;
        margin-top: 0}
    footer .wrap > *{margin: 0;}

    .title-section{font-size: 30px!important;}
    .bisiness-event .title-section{}
    .calendar .title-section{font-size: 45px!important;}
    .advantages .title-section,
    .calendar .desc-section{
      font-size: 30px!important;
      font-family: 'AvantGarde-Demi';
    }

    .advantages .title-section span{font-size: 50px}

    .form_input{font-size: 15px}
    .time_box .form_input,
    .date_box .form_input{font-size: 20px}

    .time_box label,
    .date_box label{font-size: 20px}

    .form .wrap{max-width: 698px;overflow: hidden}
    .date_box{width: 371px}
    .time_box{width: 267px}

    .flexbox{display: flex;justify-content: space-between;align-items: flex-end}
    .flexbox > *{display: flex}

    .event-list ul{background-color:inherit;}
    .circle{
      width:200px;
      height:200px;
      font-size:20px;
    }
    .circle span:first-child{
      font-size:40px;
    }
}
/*other fix*/
.wrap-header,
.wrap-footer{max-width:90%}
.slider_logo .slick-arrow,
.slider-photo .slick-arrow{opacity:0;transition-duration:.2s}
.slider_logo:hover .slick-arrow,
.slider-photo:hover .slick-arrow{opacity:1}
body{z-index:-10}
.sponsor-logo-one{filter:grayscale(1) contrast(1.5) invert(100%)}
.sponsor-logo-one:hover{filter:contrast(1.5)}

.callme-text .wrap span:first-child {
  font-size: 20px;

}
.callme-text .wrap span:last-child {
  font-size: 30px;

  margin-top: 0;
  display:inline-block;
}
.callme-text {
  z-index: 10000;
  position: absolute;
  left: 0;
  right: 0;
  margin: -90px auto 0 5%;
  text-align:center;
}

.popup form > *{
  margin-bottom:0;
}
.popup{
  display:none;
}
.popup.active{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  max-width: 430px;
  max-height: 470px;
  display:flex;
  background:#d3d3d3;
  padding:20px;
  justify-content: center;
  align-items: center;
  border-radius:10px;
  z-index:100;
}
.popup-back{
  display:none;
}
.popup-back.active{
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  top:0;
  left:0;
  display:block;
  z-index:90;
}
.popup input[type="text"],
.popup input[type="tel"]{
  padding:10px;
  border-radius:3px;
  box-shadow: 0px 2px 2px 0px #666;
  border:0;
  font-size:20px;
}
.popup input[type="submit"]{
  border-radius:10px;
  padding:10px;
  cursor:pointer;
  background:#fff;
  box-shadow: 0px 2px 2px 0px #666;
  border:0;
  transition-duration:.2s;
  font-size:20px;
}
.popup input[type="submit"]:hover{
  opacity:.8;
}
.popup__text{
  text-align:center;
  padding:20px 0;
  font-size:28px;
  display:block;
}
.popup__cancel{
  position:absolute;
  top:5px;
  right:10px;
  font-size:40px;
  cursor:pointer;
}
.btn-order{
  background: #98c93c;
  padding: 5px;
  margin: 10px auto;
  text-align: center;
  box-shadow: 0 2px 3px 0px rgba(0,0,0,.5);
  cursor:pointer;
  transition-duration:.2s;
  font-size:20px;
  width:200px;
  color:#fff;
}
.btn-order:hover{
  opacity:.8;
}

/*fix wrong lines*/

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

  .calendar .desc-section{
    margin-top:10px;
  }
  .plate_bisiness{
    margin-top:40px;
  }
  .main-screen h1{
    font-size: 37px;
  }
  .wrap-line:before{
    background: linear-gradient(165deg,transparent 0,transparent 50%,rgba(216, 216, 216, .37) 50%,rgba(216, 216, 216, .37)53%,#dedede 53%,#dedede 100%);
    width: 100%;
    height: 532px;
    content: '';
    position: absolute;
    margin: 1218px 0 0 0;
    z-index: 100;
    background-size: 2400px;
  }
  .advantages{
    padding-bottom: 400px;
  }
  .form{
    background:linear-gradient(165deg,transparent 0,transparent 30%,rgba(216, 216, 216, .37) 30%,rgba(216, 216, 216, .37)33%,#dedede 33%,#dedede 72%,transparent 72%,transparent 100%);
    padding: 10px 0 145px;
    z-index:5;
    padding-top: 420px;
    padding-bottom: 350px;
    margin-top: -560px;
  }
  .advantages{
    background:linear-gradient(165deg, transparent 0%, transparent 62%,rgba(0,0,0,0.5) 62%, rgba(0,0,0,0.5)) 100%,url("img/bg_agvantages.jpg") no-repeat center / cover
  }

  .partners{
    margin-top: -484px;
    padding-top: 540px;
    z-index:-5;
  }
  .callme {
    margin-top: -450px;
    padding-top: 270px;
    background: linear-gradient(-173deg,transparent 0, transparent 50%, #3c3b3b 50%, #3c3b3b 100%);
  }
  .callme:after {
    width: 852px;
    height: 194px;
    background: linear-gradient(-15deg, transparent 0%, transparent 50%, #dedede 50% ,#dedede 100%);
    margin-top: -146px;
    content: '';
    display: block;
    filter: drop-shadow(2px 2px 10px rgba(0,0,0,.5));
    position: absolute;
  }
  .mask_two{
    height:55%;
    bottom: 0px;
    top:auto;
  }
  .mask_two:before{
    content: '';
    display: block;
    width: 751px;
    position: absolute;
    height: 410px;
    background: linear-gradient(167deg, transparent 0%, transparent 50%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%);
    right: 0;
    margin: -375px 0 0 0;
    z-index: -1;
  }

  @-moz-document url-prefix() {
    .wrap-line:before{
      height: 543px;
      margin: 969px 0 0 0;
      background-size: 3000px;
    }
  }

  .wrap-why{margin-top:-330px}
  .advantages .triangle{padding-top:370px}

  .slider-photo{
    margin-top:-30px;
    margin-bottom:30px;
  }
  .red:hover .date:after,
  .green:hover .date:after {
    width: 150px;
    position: absolute;
    content: 'Низкая цена';
    display: block;
    background:#d3d3d3;
    border-radius:5px;
    margin:0 0 0 110px;
    padding:10px 0;
    color:#000;
    font-size:18px;
    text-align:center;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,.5)
  }
  .red:hover .date:after{
    content: 'Самая выгодная цена';
  }
  .font_book{
    font-size: 30px;

  }
  header{
    height: 130px;
    padding:0;
  }
  header .wrap{
    height: 130px;
  }
  .logo{
    width: 175px;
    height: 131px;
  }
  .phone{
    font-size: 26px;
    background-size: 34px 40px;
    padding-left: 45px;
  }
  .mobile-phone{
    font-size:19px;
    background-size: 15px 22px;
    padding-left: 25px;
  }
  .main-screen {
    padding-top: 150px;
  }
  .main-screen .line-top{
    font-size:26px;
  }
  .line-top{
    max-width: 700px;
    margin: auto;
  }
  .text_info{
    font-size:17px;

  }
  .box_good-price .text_info {
    padding: 40px 541px 55px 38px;
  }
  .package_business li {
    margin-bottom: 7px;
  }
  .package_business {
    padding: 30px 38px;
  }
  .package_business > div {
    font-size: 24px;
    margin-bottom:5px;
  }
  .booking {
    font-size: 20px;

    padding-top:12px;
    padding-bottom:12px;
  }

  .package_business {
    padding: 20px 30px;
		height: calc(100% + 50px);
  }
  .package_business > ul{
    font-size:16px;
  }
  .price{
    width: 45%;
    margin: 20px auto 0;
  }

  .callme:after,
  .wrap-line::before{
    display:none;
  }
  .advantages .title-section{
    font-family: 'LucidaGrande';
  }

  .mask_two:before{
    width:830px;
  }
  .callme {
    margin-top: -440px;
    padding-top: 328px;
  }

  .callme-text .wrap span:first-child {
    font-size: 29px;

  }
  .callme-text .wrap span:last-child {
    font-size: 34px;

    margin-top: 0;
    display:inline-block;
  }
  .callme-text {
    z-index: 10000;
    position: absolute;
    left: 0;
    right: 0;
    margin: -60px auto 0 3%;
  }
  .counter{
    padding:60px 0;
  }
}
.package_business p{
  padding:0;
}
.wrap-caption a{
  color: #98c93c;
}
.booking .manager-phone{
	color: #fff;
}

.calendar-tables table{
	margin: 20px 10px 0;
}

/**/
.wrap-clinic{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.information{
	margin: 20px 0;
	padding: 20px;
	background: url("img/bg_clinic.jpg") no-repeat 0 0/100%;
	min-height: 400px;
}
.description{
	text-align: left;
}
.main-clinic{
	padding-top: 110px
}
.clinic-logo{
	background: url("img/clinic-logo.svg") no-repeat calc(50% + 150px) 0/800px;
	height: 500px;
	width: 100%;
}