@font-face {
	font-family: "GillSans";
    src: url("../fonts/opensans-regular.ttf");
}
@font-face {
font-family: "GillSans-Bold";
src: url("../fonts/opensans-bold.ttf");
}
@font-face {
font-family: "GillSans-Italic";
src: url("../fonts/opensans-regular.ttf");
}
@font-face {
font-family: "GillSans-SemiBold";
src: url("../fonts/opensans-regular.ttf");
}
@font-face {
font-family: "GillSans-SemiBoldItalic";
src: url("../fonts/opensans-regular.ttf");
}
/*==========reset=============*/
* {
box-sizing:border-box;
}
html{width:100%;height:100%;padding:0;margin:0;}
body{width:100%;height:100%;padding:0;margin:0;color:#fff;background:#fff;font:14px/18px GillSans, Arial, Tahoma, Verdana, Helvetica, sans-serif;}
p{margin:0 0 23px;}

a {text-decoration: none;color:#00d8ff;}
a:visited {}
a:hover {text-decoration:none;color: #00b5d6;}

a img {text-decoration:none;border: none;}

ul {list-style: none; padding:0;margin:0px;}
ul ul {margin: 0;}
ul li {padding: 0px;} 

table {border-collapse: collapse;}
td,th {padding:0;}

form {margin:0px;}
input,select, label, textarea,button {margin:0;font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;color: #333;}
input, textarea { outline:none; }
input:active, textarea:active {outline:none;}
:focus {outline:none;} 
input.text,textarea, input.inputtext {padding:2px 5px;border:1px solid #acadb2;color:#333;background:#fff;}
input.submit,button {cursor:pointer;}
input.checkbox, input.radio {width:14px;height:14px;margin:0;padding:0;}
option {z-index: 10000}
.clear {width:100%;height:0px;clear:both;overflow:hidden;display:block;}
textarea {resize: none;overflow: auto;}
select::-ms-value {background: none; color: #42413D;}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    font-weight: normal;
}
h2 {
    font-family: "GillSans-SemiBold";
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 28px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
h3 {
    font-family: "GillSans-SemiBold";
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 27px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}
::-webkit-input-placeholder {color: #a0a0a0;font-size: 16px;font-family: "GillSans";}
::-moz-placeholder          {color: #a0a0a0;font-size: 16px;font-family: "GillSans";}
:-moz-placeholder           {color: #a0a0a0;font-size: 16px;font-family: "GillSans";}
:-ms-input-placeholder      {color: #a0a0a0;font-size: 16px;font-family: "GillSans";}
/*=========reset (end)==============*/
.inline-middle {
    display: inline-block;
    vertical-align: middle;
}
.text-center {text-align: center;}
.btn {
    color: #fff;
    background-color: #ff0000;
    display: inline-block;
    vertical-align: middle;
    padding: 14px 29px;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0;
}
.btn:hover,
.btn:visited {background-color: #ff6262;color: #fff;}
.btn-empty {
    background-color: transparent;
    border: 2px solid #fff;
    font-family: "GillSans-SemiBold";
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
    padding: 9px 55px;
}
.btn-empty:hover {
    background-color: #fff;
    color: #2a9aa9;
}
.menu-btn-name:hover {color: #00b5d6;}
.wrap {
    position: relative;
    z-index: 1;
    max-width: 100%;
    overflow: hidden;
}
.top-bl {
    background: url(../images/worker.jpg) no-repeat 50% 50% / cover;
    padding: 29px 0 121px;
}



.top-bl2 {
    background: url(../images/worker.jpg) no-repeat 50% 50% / cover;
    padding: 29px 0 121px;
}



header.container {
    margin-bottom: 134px;
}
header li {
    font-size: 11px;
    color: #00d8ff;
    margin-right: 25px;
    text-transform: uppercase;
    font-family: "GillSans-SemiBold";
    letter-spacing: 1px;
    padding: 20px 0 0;
}
header li:hover {color: #00b5d6;}
header .contacts {padding-top: 10px;  text-align: right;}
header .contacts-data {
    font-family: "GillSans-SemiBold";
    padding-right: 15px;
    letter-spacing: 1px;
}
header .phone {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 6px;
    display: block;
    margin-left: -10px;
	font-weight: 600;
}
header .phone a {color: #fff;}
.mail {  letter-spacing: 1px; font-weight: 600; font-size: 13px;}
.callback {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background: url(../images/phone.png) no-repeat 21px 15px #00d8ff;
    padding: 10px 20px 11px 37px;
    letter-spacing: 1px;
    cursor: pointer;
    vertical-align: top;
}
.callback:hover {
    background-color: #00b5d6; 
}
.intro {
    font-size: 34px;
    line-height: 49px;
}
.logo-title {  margin-bottom: 43px;margin-top: 68px;}
.intro .slogan p {
    letter-spacing: 2px;
    padding-right: 80px;
}
.intro .slogan span {
    color: #00d8ff;
    font-family: "GillSans-SemiBold";   
}
.counter-bl {
    background-color: #fff;
    color: #333;
    font-size: 16px;
    line-height: 18px;
    padding: 23px 25px 30px;
}
.counter-bl .title {
    color: #009fbc;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    font-family: "GillSans-SemiBold";
    letter-spacing: 4px;
    margin-bottom: 30px;
	font-weight: 600;
}
.counter-bl .title span {text-transform: lowercase;}
.condition {  margin-bottom: 27px;position: relative;}
.condition > span {
    width: 49%;
    line-height: 18px;
    line-height: 26px;
    font-family: GillSans;
    letter-spacing: 1px;
	font-size: 12px;
}
.condition .text-center {
    font-size: 20px;
}
.counter {margin-bottom: 34px;}
.counter .inline-middle {
    text-align: center;
    width: 70px;
    line-height: 18px;
    font-size: 14px;
}
.counter .inline-middle div {
    font-size: 46px;
    line-height: 40px;
    font-family: "GillSans-SemiBold";
}
.counter-bl .text-center {font-size: 20px}
.benefits {
    background: -webkit-linear-gradient(#009fbc, #76aead);
    background: linear-gradient(#009fbc, #76aead);
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 75px 0 72px;
}
.benefits i {
    font-size: 30px;
    line-height: 68px;
}
.benefits p {
    text-transform: none;
    line-height: 23px;
    margin-bottom: 75px;
    padding: 0 200px;
    letter-spacing: 0;
}
.benefits .row {margin-bottom: 72px;}
.benefits .row:last-child {
    max-width: 990px;
    margin: 0 auto;
}
.ico-bene {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 35px;
    margin-bottom: 23px;
}
.prophylaxis {
    background: url(../images/prophylaxis.jpg) no-repeat 50% 50% / cover;
    padding: 44px 0 33px;
    font-size: 16px;
}
.prophylaxis h2 {
    color: #009fbc;
    margin-bottom: 16px;
}
.prophylaxis p {
    max-width: 790px;
    margin: 0 auto 44px;
    line-height: 24px;
}
.prophylaxis .btn {
    font-family: "GillSans-SemiBold";
    padding: 13px 35px;
    letter-spacing: 3px;
}
.reason {
    max-width: 970px;
    margin: 0 auto 29px;
    font-size: 16px;
}
.reason-cell {
    display: table-cell;
    text-align: left;
    width: 50%;
    line-height: 24px;
    padding: 33px 50px 33px 39px;
    border: 1px solid #ffffff;
    letter-spacing: 1px;
}
.reason-row:last-child .reason-cell {border-top:none;}
.reason-cell:first-child {border-right: none}
.reason-cell ul {  margin-top: 24px;}
.reason-cell li {
    margin-bottom: 10px;
    padding-left: 12px;
    position: relative;
}
.reason-cell li:before {
    content: '—';
    margin-right: 10px;
}
.reason2 {
    color: #333;
}
.reason2-bl {
    display: table-cell;
    width: 33%;
    height: 340px;
    font-size: 16px;
    line-height: 24px;
    padding: 42px 40px 0;
}
.reason2-row .reason2-bl:nth-child(2) {background-color: #f5f5f5;}
.reason2-row .reason2-bl:nth-child(3) {background-color: #fafafa;}
.reason2-row:nth-child(2) .reason2-bl:nth-child(1) {background-color: #f7f7f7;}
.reason2-row:nth-child(2) .reason2-bl:nth-child(2) {background-color: #fcfcfc;}
.reason2-row:nth-child(2) .reason2-bl:nth-child(3) {background-color: #f7f7f7;}
.reason2-row:nth-child(1) .reason2-bl:nth-child(1) {padding-left: 5px;padding-right: 10px;vertical-align: middle;}
.reason2-bl h2 {
    font-size: 28px;
    line-height: 40px;
    color: #555555;
    margin-bottom: 40px;
}
.reason2-bl h3 {
    color: #009fbc;
}
.reason2-bl i.fa {
    font-size: 40px;
    margin-bottom: 21px;
}
.services {
    background: -webkit-linear-gradient(#009fbc, #76aead); 
    background: linear-gradient(#009fbc, #76aead); 
    padding: 75px 0 81px;
}
.serv-item {
    border: 4px solid #2a9aa9;
    margin-top: 26px;
    padding: 37px;
    line-height: 24px;
    height: 790px;
}
.serv-item > p:nth-child(2) {
    text-align: left;
    font-size: 14px;
    font-family: "GillSans";
}
.serv-item p {font-family: "GillSans-Italic"; font-size: 16px;}
.serv-item span {font-family: "GillSans-SemiBoldItalic";font-size: 20px;  line-height: 28px;}
.serv-item span span {font-size: 16px;}
.callback-form {
    background: url(../images/form.jpg) no-repeat 50% 50% / cover;
    padding: 21px 0 43px;
}
.callback-form h2 {
    font-size: 24px;
    letter-spacing: 2px;
}
.callback-form input {
    background-color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 0 0 18px;
    line-height: 40px;
    font-family: "GillSans";
    font-size: 16px;
    border: none;
}
.callback-form .btn {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.recom {
    color: #333;
    padding: 75px 0 79px;
}
.recom h2 {
    color: #555;
    margin-bottom: 54px;
}
.recom .title {
    font-size: 24px;
    line-height: 26px;
    color: #009fbc;
    font-family: "GillSans-SemiBold";
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.recom .review {
    background-color: #fafafa;
    text-align: left;
    padding: 25px 40px;
    line-height: 24px;
    letter-spacing: 1px;
}
.recom .pic {
    width: 120px;
    margin: 0 auto 50px;
    height: 120px;
    overflow: hidden;
}
.recom .pic:before{
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 120px;
    content: '';
}
.recom .pic img {
    max-width: 120px;
    max-height: 120px;
}
.recom .pic.avatar {
    border-radius: 100px;
}
.recom .name {
    margin-top: 15px;
    text-align: center;
    font-family: "GillSans-Italic";
	font-style: italic;
}
.about {
    background: url(../images/about.jpg) no-repeat 50% 50% / cover;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    padding: 138px 0 110px;
    letter-spacing: 1px;
}
.about h2 {color: #555;  margin-bottom: 38px;}
.about .counter-bl {
    margin-top: 68px;
/*    max-width: 266px;*/
    border: 2px solid #a5d8e0;
}
.about .title {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
    margin-bottom: 28px;
}
.about .title span {  font-size: 20px;}
.about .condition {margin-bottom: 30px;}
/*
.about .condition > span:first-child{width: 70%;font-size: 14px;  line-height: 22px;  letter-spacing: 1px;  position: relative;}
.about .condition > span:last-child{
    width: auto;
    position: absolute;
    top: 0px;
    right: -104px;
}
*/
.about .counter,
.about .counter-bl > p {color: #009fbc;font-size: 12px;font-family: "GillSans-SemiBold";text-align: left;}
.about .counter-bl > p{ margin-bottom: 3px; text-align: center;}
/*.about .counter .inline-middle {  width: 47px;}*/
.about .counter .inline-middle div {font-size: 34px;line-height: 36px;}
.about .btn {padding: 9px;}
.order-form {background: -webkit-linear-gradient(#009fbc, #76aead);background: linear-gradient(#009fbc, #76aead);}
footer {
    position: relative;
    height:700px;
	background: url(../images/worker.jpg) no-repeat 50% 50% / cover;
    
}

.about1 {
    background: url(../images/map.png) no-repeat 50% 50% / cover;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    padding: 138px 0 110px;
    letter-spacing: 1px;
}
.about1 h2 {color: #555;  margin-bottom: 38px;}
.about1 .counter-bl {
    margin-top: 68px;
/*    max-width: 266px;*/
    border: 2px solid #a5d8e0;
}
.about1 .title {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
    margin-bottom: 28px;
}
.about1 .title span {  font-size: 20px;}
.about1 .condition {margin-bottom: 30px;}
/*
.about .condition > span:first-child{width: 70%;font-size: 14px;  line-height: 22px;  letter-spacing: 1px;  position: relative;}
.about .condition > span:last-child{
    width: auto;
    position: absolute;
    top: 0px;
    right: -104px;
}
*/
.about1 .counter,
.about1 .counter-bl > p {color: #009fbc;font-size: 12px;font-family: "GillSans-SemiBold";text-align: left;}
.about1 .counter-bl > p{ margin-bottom: 3px; text-align: center;}
/*.about .counter .inline-middle {  width: 47px;}*/
.about1 .counter .inline-middle div {font-size: 34px;line-height: 36px;}
.about1 .btn {padding: 9px;}
.order-form {background: -webkit-linear-gradient(#009fbc, #76aead);background: linear-gradient(#009fbc, #76aead);}

footer {
    position: relative;
    height:700px;
	background: url(../images/worker.jpg) no-repeat 50% 50% / cover;
    
}
footer .container {
    position: relative;
	
}
.contacts-bl {
    position: relative;
    top: -572px;
    background: -webkit-linear-gradient(#009fbc, #76aead);
    background: linear-gradient(#009fbc, #76aead);
    padding: 36px 25px 16px 38px;
    line-height: 18px;
    font-size: 16px;
    letter-spacing: 1px;
    max-width: 369px;
}
.contacts-bl h2 {margin-bottom: 33px;}
.contacts-bl i {margin-right: 10px;}
.contacts-bl li {
    margin-bottom: 15px;
    line-height: 26px;
    padding-left: 43px;
    position: relative;
}
.contacts-bl li:before {
    position: absolute;
    left: 2px;
    top: -3px;
    content: '—';
}
.contacts-bl a {color: #fff;}




.wrap .validity-erroneous {border: 1px solid #f00}

/*popup*/
.popup .text{
    color: #333;
}
.popup-wrap {   
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.popup-wrap.visible {
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.popup-wrap .popup-opacity {opacity: 0;}
.popup-wrap.visible .bg {
    background: rgba(20,34,58,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}
.popup-wrap .popup {
    background-color: #fff;
    max-width: 333px;
    margin: 0 auto;
    padding: 38px 30px 20px;
    position: relative;
    text-align: center;
    top: 100px;
    z-index: 1;
}
.popup-wrap h2 {
    font-family: "GillSans-Bold";
    color: #009fbc;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 20px;
    margin-bottom: 38px;
}
.popup-wrap input {
    border: 2px solid #d9d9d9;
    height: 40px;
    width: 100%;
    padding: 0 0 0 20px;
    margin-bottom: 31px;
}
.popup-wrap .close {
    background: url(../images/icons/close.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -32px;
    right: -28px;
    opacity: 1;
}
.popup-wrap .btn {
    margin-top: 10px;
    padding: 13px 0;
    width: 100%;
}
.popup-wrap .validity-erroneous {border: 1px solid #f00}
.navbar-toggle {display: none;}
.nav>li>a:hover, .nav>li>a:focus {background: none;}
.nav>li>a {padding: 0; font-weight: 600;}
.popup-open {cursor: pointer; font-weight: 600;}
.serv-item{
    position: relative;
}
.serv-item .btn{
    position: absolute;
    bottom: 37px;
    width: 186px;
    left: 50%;
    margin-left: -83px;
}
@media (max-width: 1199px) {
    header .contacts {padding-top: 0;  margin-top: -5px;}
    header .contacts-data {  padding-right: 0;  margin-bottom: 8px;}
    .counter .inline-middle {width: 55px;}
/*    .about .condition > span:last-child {  top: 2px;  right: -73px;}*/
    .about .condition > span,
    .intro .condition > span {  width: 100%;  text-align: center;}
    .about .condition img,
    .intro .condition img {margin-top: 15px;}
    .serv-item{
        height: 826px;
    }
}
@media (max-width: 991px) {
    .logo-title {  margin-top: 20px;}
    .counter .inline-middle {width: 50px;}
    .counter .inline-middle div {font-size: 40px}
    .navbar .navbar-btn .icon-bar {
        background-color: #e41b23;
        width: 23px;
        height: 4px;
        border-radius: 2px;
    }
    .navbar-toggle {display: inline-block;}
    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 100%;
        margin-top: 0;
        z-index: 10;
        box-shadow: none;
        border: none;
        background: rgba(255,255,255,0.9);

    }
    .nav {padding: 10px 0;}
    header li {padding: 10px 0;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar .navbar-btn .icon-bar {
        background-color: #fff;
        width: 23px;
        height: 2px;
        border-radius: 2px;
        margin-top: 4px;
    }
    .navbar-btn {
        display: block;
        background: none;
        margin: 0 7px 0 0;
        float: left;
    }
    .navbar .navbar-btn:active {box-shadow: none;}
    .navbar .navbar-btn:hover {background: none;}
    .menu-btn-name {
        float: right;
        color: #666;
        display: block;
        padding-left: 32px;
        line-height: 20px;
        color: #00d8ff;
    }
    .navbar-nav {float: none!important;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in {display: block!important;}
    .collapsing {overflow: hidden!important;}
    header .contacts {
        padding-top: 10px;
        text-align: right;
    }
    header .contacts-data {padding-right: 15px;}
    .reason2-bl {
        display: block;
        width: 100%;
        overflow: hidden;
        height: auto;
        text-align: center;
    }
    .recom .review {margin-bottom: 50px;}
    .contacts-bl {margin: 0 auto;}
    .callback-form input {margin-bottom: 20px;}
/*
    .about .condition > span:last-child {
        font-size: 70px;
        top: 10px;
        right: -58px;
        max-width: 122px;
    }
*/
/*    .about .condition > span img {width: 100%;}*/
    .serv-item > p:nth-child(2),
    .callback-form,
    .recom .review {text-align: center;}
    .benefits p {padding: 0}
    .serv-item{
        height: auto;
    }
    .serv-item .btn{
        position: static;
        bottom: none;
        left: none;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .slogan,
    .about,
    .about .counter, .about .counter-bl > p {text-align: center;}
    .top-bl {  padding: 29px 0 60px;}
    .navbar-btn {padding: 14px 0;}
    header.container {margin-bottom: 34px;}
    .intro .slogan {margin-bottom: 50px;}
    .intro .slogan p{padding: 0;}
    .counter-bl {text-align: center;}
    .condition > span {width: 100%;}
    .benefits .row {margin-bottom: 0;}
    .benefits p {margin-bottom: 40px;}
    .benefits .col-lg-3 {margin-bottom: 20px;}
    .reason-cell {display: block;width: 100%;text-align: center;}
    .reason-cell:first-child {border: 1px solid #fff;border-bottom: none}
    .about .counter-bl {  margin: 0 auto;}
    .about .condition {margin-bottom: 0;}
    .condition > span:last-child {margin: 15px 0;}
    .about .condition > span:last-child {  position: relative;  top: 0;  right: 0;  }  
    .condition {margin-bottom: 7px;}
}
@media (max-width: 610px) {
    header .contacts,
    header nav,
    header .col-xs-2 {width: 100%;text-align: center;}
    .navbar-btn {  float: none;  display: inline-block;  margin-top: 7px;}
    .navbar {margin-bottom: 5px;}
}
@media (max-width: 387px) {
    header .contacts-data {padding-right: 0;}
    h2 {font-size: 30px}
    h3 {font-size: 20px}
    .popup-wrap .popup {top: 0;}
}