@charset "utf-8";
@import url("../font/stylesheet.css");


html, body {
	position:relative;
	height: 100%;
    font-family: 'Gilroy', sans-serif;
    color: #333333;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 1.5;
	
		
}
a{transition: 0.5s;}
button:focus{outline: none; transform: 0.5s;}
h1{font-family: Montserrat; font-style: normal;font-weight: bold;font-size: 30px;line-height: 45px; color: #393C3C; margin: 0 0 30px;}
h2{font-style: normal; font-weight: 600;font-size: 30px;line-height: 36px;color: #333333; margin: 0 0 70px;}

.text-red{color: #EB1338;}
.text-red a{color: #EB1338;}
.text-red a:hover{color: #EB1338; text-decoration:none;}

header{min-height: 95px; position: fixed;
top: 0;
width: 100%;
z-index: 46;
background: #fff; }


.header-block{min-height: 95px; position: relative; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header-block-l{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header-block-r{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; font-weight: normal; font-size: 14px;}
.header-block-r .header-block-r_phone{font-weight: 600; font-size: 18px; color: #EB1338; margin: 0 0 0 30px;}
.logo{ display: block; width: 144px; font-size: 12px; letter-spacing: 0.08em; color: rgba(51,51,51,0.5); }
.header-block-r .header-block-r_phone a{color: #EB1338;  }
.header-block-r .header-block-r_phone a:hover{color: #EB1338; }
.logo:hover{text-decoration: none; color: rgba(51,51,51,0.5);}
.header_desc{position:relative; max-width: 315px; font-size: 16px; line-height: 130%; margin: -5px 0 0 36px;}
.header_desc:before{position: absolute; content: ''; top:0; left: -16px; height: 100%; width: 1px; background: #EB1338; }

.adapt-menu{ display: none; position: relative;  z-index: 101; width: 28px; height: 3px; background: #2F3A40; border-radius: 5px; margin: 0 0 0 13px; cursor: pointer;}
.adapt-menu:before{position: absolute; content: ''; top:-8px; left: 0; width: 28px; height: 3px; background: #2F3A40; border-radius: 5px; transition: 0.5s; }
.adapt-menu:after{position: absolute; content: ''; bottom:-8px; left: 0; width: 28px; height: 3px; background: #2F3A40; border-radius: 5px;  transition: 0.5s;}

.adapt-menu.active{background: #fff;}
.adapt-menu.active:before{background: #596363; border-radius: 5px; transform: rotate(45deg); top:1px;}
.adapt-menu.active:after{background: #596363; border-radius: 5px;transform: rotate(-45deg); bottom:-1px;}


.not-scrolling {height: 100%; overflow: hidden;  position: fixed; width: 100%;} 

#header-menu {background: #FFFFFF; width: 100%;	left:0; right:0; z-index: 100; border-top: none; position: fixed; bottom: 0; overflow: auto;  -webkit-overflow-scrolling: touch;    transition: left .3s ease-out 200ms; opacity: 1; display: none; top: 0;	padding:0;	}

#header-menu ul{ display:table; margin:0; padding:0; list-style:none; text-align:center; color:#FFFFFF;}
#header-menu ul li { margin:0 0 15px;}
#header-menu ul li a{text-transform: uppercase; font-weight: 500; font-size: 17px; color: #333333;}
#header-menu ul li a:hover{color:  #EB1338; text-decoration:none;}


#header-menu p{width: 100%; font-weight: 500; font-size: 14px; justify-content: center; text-align: center; padding: 27px 0;}
#header-menu img{width: 28px; margin: 0 7px;}

.header-menu.active{display:flex !important;     justify-content: center;    align-items: center; flex-wrap: wrap;}
.header-menu-bg{width: 100%; display:flex !important;  flex-wrap: wrap;   justify-content: center;}
	
.menu-icon.active span{ position: relative; display: inline-block; width: 28px; height: 3px; background: #000; border-radius: 5px; }
.menu-icon.active:before{position: absolute; content: ''; left: 0; bottom: -6px; width: 28px; height: 3px; background: #000; border-radius: 5px; cursor: pointer;}

.menu-adapt-icon-active{position: absolute; top:27px; right: 22px;  z-index: 101; width: 28px; height: 3px; background: #FFF;  cursor: pointer;}
.menu-adapt-icon-active:before{position: absolute; content: ''; transform: rotate(45deg); top:1px; left: 0; width: 28px; height: 3px; background: #2F3A40; border-radius: 5px; transition: 0.5s; }
.menu-adapt-icon-active:after{position: absolute; content: ''; transform: rotate(-45deg); bottom:-1px; left: 0; width: 28px; height: 3px; background: #2F3A40; border-radius: 5px;  transition: 0.5s;}

.header-block-mobile{ display: none; text-align: right; font-size: 10px; }
.header-block-mobile span{color: #A5B1B8;}
.header-block-mobile b{font-weight: 600; font-size: 12px; color: #EB1338;}

@media screen and (max-width:992px) {
	.header_desc{display: none;}
	.adapt-menu{display: block;}
	header{ position: fixed; z-index: 100;background: #fff;width: 100%; top: 0;}
}


@media screen and (max-width:768px) {
	.header-block-r_phone{ display: none;}
	.header-block-r_adress{display: none;}
	.header-block-mobile{display: block;}
	.logo {font-size: 9.81818px; letter-spacing: 0.08em;}
	.logo img{width: 117.82px;}
}

main{margin-top: 95px;}


.top_slide{ position: relative; min-height:  792px; background: url("../img/photo.png") top center no-repeat; background-attachment: fixed; margin-bottom: 50px;  padding: 15px 0 0; }
.top_slide h1{font-weight: bold; font-size: 48px; line-height: 140%; color: #FFFFFF; margin: 0 0 40px;}
.top_slide_desc{font-weight: 600; font-size: 30px;line-height: 36px; color: #FFFFFF; margin: 0 0 50px;}


.top_slide_nav{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; margin: 0 0 45px;}
.top_slide_nav_menu{}
.top_slide_nav_menu ul{ list-style: none; margin: 0; padding: 0; }
.top_slide_nav_menu li{ margin: 0 23px 0 0; display: inline-block;}
.top_slide_nav_menu a{font-weight: 500; font-size: 16px;color: #FFFFFF;}

.top_slide_icon{font-weight: 500; font-size: 14px;}
.top_slide_icon img{ margin: 0 0 0 20px;}

.item{ text-align: center; background: #FFFFFF; box-shadow: 0px 20px 40px -12px rgba(0, 0, 0, 0.08); border-radius: 10px; padding: 40px 40px 30px; font-weight: 500;
font-size: 16px; margin: 0 0 50px; }
.item_name{font-weight: 600; font-size: 24px; line-height: 150%; color: #EB1338; margin: 0 0 23px;}
.item_name_test {margin: 0 0 23px;}
.item_old_price{font-weight: 600; font-size: 20px;  text-decoration-line: line-through;  color: rgba(51,51,51,0.5); margin: 5px 0 23px;}
.item_price{font-weight: bold; font-size: 30px; color: #EB1338; margin: 5px 0 23px; }
.item_link{display: inline-flex; align-items: center; justify-content:center; width:100%; max-width: 289.51px; height: 63.12px; background: #EB1338; border-radius: 6px; font-size: 18px; color: #FCFCFC;}
.item_link:hover{background: #BF0626; color: #FCFCFC; text-decoration: none;}

.item_property{ margin: 0 0 25px;}
.item_property_block{display: flex;flex-wrap: wrap;justify-content: space-between; margin: 0 0 15px;}
.item_property_l{width: calc(100% - 160px); text-align: left;}
.item_property_r{color: #EB1338; text-align: left; width: 160px;}

@media (max-width:1199px) and (min-width:992px) {
    .item {padding: 40px 20px 30px;}
}
@media screen and (max-width:1450px) {
	.top_slide{ min-height:  792px; background: url("../img/photo.png") top right no-repeat;  background-attachment: fixed;  }
}

@media screen and (max-width:992px) {
	.top_slide_nav{display: none;}
	.top_slide{margin-top: 95px;}
}

@media screen and (max-width:768px) { 
	.top_slide{background-size: auto 325px; background-attachment: local;   }
	.top_slide:before{position: absolute; content: ''; top: 0; left: 0;  width: 100%; height: 325px;background: linear-gradient(165.74deg, #F9AF28 2.7%, #FDBB30 86.28%), #FBB62E;
opacity: 0.9; }
	.top_slide{padding: 30px 0 0;}
	.top_slide h1{font-size: 30px;}
	.top_slide_desc{font-size: 24px;}
	.item{padding: 30px 15px 20px;}
	.item_property_block{font-size: 14px;}
	.item_property_l{width: calc(100% - 110px); }
	.item_property_r{text-align: right; width: 110px;}
	.item_name_test br {display:none;}
}

.how_to_make_a_test{ margin: 100px 0;}
.how_to_make_a_test_home_name{background: url("../img/home.svg") top left no-repeat; font-weight: 600; font-size: 24px; margin-bottom: 30px; padding: 12px 0 0 70px;}
.how_to_make_a_test_key_name{background: url("../img/key.svg") top left no-repeat; font-weight: 600; font-size: 24px; margin-bottom: 30px; padding: 12px 0 0 60px;}
.how_to_make_a_test b{font-weight: 800;}
.how_to_make_a_test a{color: #EB1338;}

.how_to_make_a_element{position: relative; padding-bottom:100px;}

.more_link{position: absolute; bottom: 0; left: 7px; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 289.51px; height: 63.12px; border: 1px solid #EB1338;  border-radius: 6px;}
.more_link:hover{background:#EB1338; text-decoration: none; color: #FCFCFC;}
.zapis_link{position: absolute; bottom: 0; left: 7px; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 289.51px; height: 63.12px; border: 1px solid #EB1338;  border-radius: 6px; background:#EB1338; color: #FCFCFC !important;  }
.zapis_link:hover{text-decoration: none; color: #FCFCFC; opacity: 0.8;}

@media screen and (max-width:992px) {
	.how_to_make_a_element{margin-bottom:60px;}
}



.bg{height: 420px; background: url("../img/bg.png") top center no-repeat; background-size: cover; margin-bottom: 100px;}

@media screen and (max-width:992px) {
	.bg{height: 243px;}
}

.reasons{position: relative;  margin-bottom: 100px;}
.reasons_items{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.reasons_item{ width: 20%; text-align: center; }
.reasons_item_image{display:inline-flex; align-items: center;  justify-content: center; background: rgba(235,19,56,0.1); width: 100px; height: 100px; border-radius: 10px; margin-bottom: 34px; }
.reasons_item_image img{display: inline-block;}
.reasons_item_text{width: 100%;}


@media screen and (max-width:768px) { 
	.reasons_item{width: 100%; margin: 0 0 30px;}
	.reasons h2{text-align: center;}
}

.licenses{margin-bottom: 100px;}
.licenses a img{transition: 0.5s;}
.licenses a:hover img{filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.07));}

.licenses .slick-slide{text-align: center;}
.licenses .slick-slide img{display: inline-block;}
.licenses .slick-dots {margin: 0; padding: 0; text-align: center;}
.licenses .slick-dots li{display: inline-block; list-style: none; width: 9px; height: 9px; border-radius: 50%; background: #EB1338; opacity: 0.3; margin: 0 8px; transition: 0.5s;}
.licenses .slick-dots li.slick-active{opacity: 1;}
.licenses .slick-dots button{display: none;}

.address{margin-bottom: 130px;}
.address_block{font-style: normal; font-weight: normal; font-size: 16px;}
.address_block h3{font-weight: bold; font-size: 24px; margin-bottom: 34px; }
.operating_mode{font-weight: bold; font-size: 16px; margin-bottom: 20px;}
.operating_mode span{display: inline-block; width: 70px;}
.address_phone span{font-weight: bold; font-size: 20px;}
.address_phone span a{color: #333333;}
.address_phone span a:hover{color: #333333; text-decoration:none;}

.address_link{ display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 289px; height: 63px;background: #EB1338; border-radius: 6px; font-weight: 500; font-size: 18px; color: #FCFCFC;  text-decoration: none;}
.address_link:hover{opacity: 0.8; color: #FCFCFC;  text-decoration: none;}

#map{height:100%; min-height:300px; margin-bottom:30px;}

@media screen and (max-width:768px) { 
	.address h2{text-align: center;}
	.address_block{text-align: center;}
}

footer{background: #333333; color: #FFFFFF; min-height: 129px; }
.footer_block{min-height: 129px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.footer_block_logo{width: 144px; font-size: 12px; letter-spacing: 0.08em; color: rgba(242,242,242,0.5); }
.footer_block_right{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-weight: normal; font-size: 14px;}
.footer_block_right img{width:28px; margin: 0 0 0 10px;}
.footer_phone{margin: 0 22px 0 36px; font-weight: 600; font-size: 18px;}
.footer_phone a{ color: #FFFFFF;}
.footer_phone a:hover{color: #FFFFFF; text-decoration:none;}

@media screen and (max-width:992px) { 
	footer{padding: 25px 0;}
	.footer_block{justify-content: center;}
	.footer_block_right {width: 100%;}
	.footer_block_right div:nth-child(1){display: none;}
	.footer_block_right div:nth-child(2){display: none;}
	.footer_block_right div{width: 100%; text-align: center;}
}

.consultationModal.fancybox-content{}

.consultationModal {display: none;  max-width: 450px;    text-align: center;padding: 19px 19px;    background: 0 0; }
.modal {   }
.consultationModal .wrap {background: #fff;    padding: 30px;    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.3);    box-shadow: 0 0 20px 0 rgba(0,0,0,.3); border-radius: 10px;}
.consultationModal p {margin: 0 0 20px;    text-align: center;}
.consultationModal strong {font-weight: 700;    font-size: 24px;}
.consultationModal p a {display: inline-block;    font-size: 12px;    color: #7d8285;    margin: 0 10px; text-decoration: underline;}
.consultationModal p a:hover {text-decoration: none;}
.consultationModal p a span {display: inline-block;    width: 40px;    height: 40px;    border-radius: 50%;    background: #0099ff;}

.consultationModal input[type=text]{height: 63px; line-height: 63px;padding: 0 20px 0 20px;border: 1px solid rgba(165, 177, 184, 0.5);border-radius: 6px;
width: 100%;color: #2F3A40; font-size: 16px; margin:0 0 10px;} 

.consultationModal input[type=tel]{font-family: 'Gilroy'; height: 63px; line-height: 63px; padding: 0 20px 0 20px;border: 1px solid rgba(165, 177, 184, 0.5);
border-radius: 6px;width: 100%;color: #2F3A40;font-size: 16px; margin:0 0 10px;}

.consultationModal textarea{font-family: 'Gilroy'; height: 100px; padding: 20px;border: 1px solid rgba(165, 177, 184, 0.5);
border-radius: 15px;width: 100%;color: #2F3A40;font-size: 16px; margin:0 0 10px;}

.consultationModal input.error{border: 1px solid #e8215e;}

.consultationModal input[type=submit]{font-family: 'Gilroy'; height: 63px; line-height: 63px;text-align:center; background: #EB1338;
border-radius: 6px;width: 100%;color: #fff;cursor:pointer;font-size: 16px;font-weight:bold;text-transform:uppercase;margin:0 0 10px; border:none;}

.consultationModal input:focus{outline:none;}

.consultationModal_desc{font-size:12px; color: #7d8285;}
.fancybox-close-small{opacity: 1; right: 19px !important; top: 19px !important;}

.fancybox-button svg{color:#EB1338;}

.ModalBlock{display: none;  max-width: 700px;   padding: 19px 19px;    background: 0 0; } 
.ModalBlock .wrap {background: #fff;    padding: 30px;    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.3);    box-shadow: 0 0 20px 0 rgba(0,0,0,.3); border-radius: 10px;}

.dna-sample-item{  transition:0.5s; font-size: 16px;}

.dna-sample-item h2{font-size: 26px; line-height: 32px; font-weight: 600; color: #333333;}
.dna-sample-item h3{font-family: Gilroy; font-style: normal;font-weight: bold; font-size: 21px;line-height: 25px; color: #333333; margin-bottom:37px;}
.dna-sample-item p span{font-size: 12px; opacity: 0.5;}
.dna-sample-item li span{font-size: 12px; opacity: 0.5;}
.dna-sample-item ul{margin:0 0 10px; padding:0; list-style:none;}
.dna-sample-item ul li{position:relative; margin:0 0 20px; padding:0 0 0 40px; }
.dna-sample-item ul li::before {content: ''; position: absolute; top: calc(50% - 5px); left: 0;  height: 10px; width: 10px;  border-radius: 50%;  background: #EB1338;}
.dna-sample-item a{color: #EB1338;}

.dna-sample-item-nav{ overflow:hidden; padding:20px 0 10px;}
.dna-sample-item-nav-then{ display: inline-block; float:right; width: 220px; height: 50px; line-height:50px;  background: #EB1338; border-radius: 6px; color:#fff !important;  text-align:center; font-weight: 500; font-size: 18px;}
.dna-sample-item-nav-then:hover{text-decoration:none; color:#fff !important; opacity:0.8;}
.dna-sample-item-nav-back{display: inline-block; float:left; width: 220px; height: 50px; line-height:48px;   text-align:center; border-radius: 6px;   font-weight: 500; font-size: 18px; border: 1px solid #EB1338; color: #EB1338;  }
.dna-sample-item-nav-back:hover{text-decoration:none; color:#fff !important; background: #EB1338;}

.dna-sample-item-nav-zakaz{ display: inline-block; float:right; width: 240px; height: 50px;   background: #EB1338; color:#fff !important; border-radius: 6px; text-align:center; font-weight: 500; font-size: 16px; line-height:19px; padding:5px 0;}
.dna-sample-item-nav-zakaz:hover{text-decoration:none; color:#fff !important; opacity:0.8;} 
.form-dialog-questions{text-align:center; margin:0 0 20px;}
.form-dialog-questions div{font-size: 24px;}

.dna-sample-desc{font-size: 12px;color: #A5B1B8;}
.dna-sample-desc em{font-size: 16px; font-style: italic; font-weight: 250; color: #2F3A40;}  

.dna-sample2{display:none;}
.dna-sample3{display:none;}
.dna-sample4{display:none;}