/*  RESET  CSS  */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}abbr,acronym{border:0}input,textarea{outline:none}input:active,textarea:active{outline:none}:focus{outline:none}@font-face {    font-family: 'MarkSimonsonProximaNovaRegular';    src: url('fonts/MarkSimonsonProximaNovaRegular.eot');    src: url('fonts/MarkSimonsonProximaNovaRegular.eot') format('embedded-opentype'),         url('fonts/MarkSimonsonProximaNovaRegular.woff2') format('woff2'),         url('fonts/MarkSimonsonProximaNovaRegular.woff') format('woff'),         url('fonts/MarkSimonsonProximaNovaRegular.ttf') format('truetype'),         url('fonts/MarkSimonsonProximaNovaRegular.svg#MarkSimonsonProximaNovaRegular') format('svg');}@font-face {    font-family: 'MarkSimonsonProximaNovaLight';    src: url('fonts/MarkSimonsonProximaNovaLight.eot');    src: url('fonts/MarkSimonsonProximaNovaLight.eot') format('embedded-opentype'),         url('fonts/MarkSimonsonProximaNovaLight.woff2') format('woff2'),         url('fonts/MarkSimonsonProximaNovaLight.woff') format('woff'),         url('fonts/MarkSimonsonProximaNovaLight.ttf') format('truetype'),         url('fonts/MarkSimonsonProximaNovaLight.svg#MarkSimonsonProximaNovaLight') format('svg');}@font-face {    font-family: 'MarkSimonsonProximaNovaSemibold';    src: url('fonts/MarkSimonsonProximaNovaSemibold.eot');    src: url('fonts/MarkSimonsonProximaNovaSemibold.eot') format('embedded-opentype'),         url('fonts/MarkSimonsonProximaNovaSemibold.woff2') format('woff2'),         url('fonts/MarkSimonsonProximaNovaSemibold.woff') format('woff'),         url('fonts/MarkSimonsonProximaNovaSemibold.ttf') format('truetype'),         url('fonts/MarkSimonsonProximaNovaSemibold.svg#MarkSimonsonProximaNovaSemibold') format('svg');}@font-face {    font-family: 'MarkSimonsonProximaNovaExtrabold';    src: url('fonts/MarkSimonsonProximaNovaExtrabold.eot');    src: url('fonts/MarkSimonsonProximaNovaExtrabold.eot') format('embedded-opentype'),         url('fonts/MarkSimonsonProximaNovaExtrabold.woff2') format('woff2'),         url('fonts/MarkSimonsonProximaNovaExtrabold.woff') format('woff'),         url('fonts/MarkSimonsonProximaNovaExtrabold.ttf') format('truetype'),         url('fonts/MarkSimonsonProximaNovaExtrabold.svg#MarkSimonsonProximaNovaExtrabold') format('svg');}/*   BASE    */body {font-family: 'Open Sans', sans-serif; font-family: 'MarkSimonsonProximaNovaRegular'; background:#13171f url(images/bg.jpg) no-repeat center bottom;}.wrapper {min-width:1200px; clear:both; position:relative; width:100%;}.container {width:100%; box-sizing:border-box; max-width:1200px; min-width:320px; clear:both; position:relative; margin:0 auto;}.wrapper:after, .container:after {content:""; display:block; clear:both; position:relative; overflow:hidden; }strong {font-weight:700;}em {font-style:italic;}.pull-left {float:left;}.pull-right {float:right;}.inline-block {display:inline-block; vertical-align:middle;}/*   header  */.header {background:rgba(27,34,49,0.75); padding:12px 0 15px; z-index:2; height:45px;}.header .logo {display:block; float:left;}.header .inline-block {margin-left:20px; text-align:right;}.header .inline-block.phones a {display:block; text-decoration:none; color:#fff; font-size:16px;  font-family: 'MarkSimonsonProximaNovaSemibold';  line-height:1.2;}
.messengers {margin-right: -7px;}
.messengers a {}
.messengers a img {margin-left: 5px;}
.header .inline-block.phones a span {font-family: 'MarkSimonsonProximaNovaExtrabold';     color: #379ef1;    font-size: 20px;} /*.header .inline-block.phones{ padding:0 0 0 35px; background:url(images/whats.png) no-repeat left 90%; }*/ .header .inline-block .popup-trigger {width:235px; height:38px; border:solid 1px #2196f3; border-radius:18px; box-sizing:border-box; text-decoration:none; text-transform:uppercase; color:#2196f3; display:block; text-align:center;line-height:36px; font-family: 'MarkSimonsonProximaNovaSemibold'; font-size:16px; cursor:pointer;}.txt {font-size: 24px!important;    margin-top: 12px;}.txt h1 {font-size: 36px!important;    margin-bottom: 12px;	}	.txt h1 span {color:#ffc107;}/*  top  */.top {background:url(images/top.jpg) no-repeat center top; height:800px; margin-top:-72px; float:left; }.top .pull-left {padding:100px 0 0; font-size:32px; line-height:1.2; font-family: 'MarkSimonsonProximaNovaExtrabold'; color:#fff;}.top .pull-right {padding-top:165px;}.top .pull-right .form {border:solid 2px #2196f3; box-shadow:0 0 10px #2196f3; width:442px; height:447px; text-align:center; width:368px; height:382px; background:rgba(27,34,49,0.85); }.top .pull-right .form-title {font-size:30px; color:#fff; line-height:1.2;  font-family: 'MarkSimonsonProximaNovaSemibold'; padding:40px 0 20px;}.top .pull-right .form-title  strong {font-family: 'MarkSimonsonProximaNovaExtrabold';}.top .pull-right .form-title  strong span {color:#ffc107;}.top .pull-right .inputbox{margin:0 auto 10px;}.top-bottom {clear:both; padding-top:150px; color:#fff; font-size:0;}.top-bottom strong {font-family: 'MarkSimonsonProximaNovaExtrabold';}.top-bottom .inline-block {width:50%; font-size:20px; padding:0 0 0 50px; box-sizing:border-box;}.top-bottom .inline-block:first-of-type {padding:0 50px 0 0; text-align:right;}/*   showcase  */.showcase {background:url(images/showcase.jpg) no-repeat 50% 0%; height:722px; padding:75px 0 0; box-sizing:border-box;}.showcase .showcase1 {text-align:center; margin-bottom:95px;}.showcase .showcase1 li {display:inline-block; width:33%; position:relative; font-size:25px; color:#fff; line-height:1.2; font-family: 'MarkSimonsonProximaNovaLight'; vertical-align:top;}.showcase .showcase1 li:nth-child(1):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/sh1.png) no-repeat 50% 50%;}.showcase .showcase1 li:nth-child(2):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/sh2.png) no-repeat 50% 50%;}.showcase .showcase1 li:nth-child(3):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/sh3.png) no-repeat 50% 50%;}.showcase .showcase1 li:hover:before {box-shadow:0 0 10px #2196f3;}.showcase .showcase1 li:nth-child(1):hover:before { background:url(images/sh1-h.png) no-repeat 50% 50%;}.showcase .showcase1 li:nth-child(2):hover:before { background:url(images/sh2-h.png) no-repeat 50% 50%;}.showcase .showcase1 li:nth-child(3):hover:before { background:url(images/sh3-h.png) no-repeat 50% 50%;}.showcase-title {text-align:center; text-transform:uppercase; font-size:45px; color:#fff; font-family: 'MarkSimonsonProximaNovaLight'; margin:0 0 40px;}.showcase .showcase2 {text-align:center;}.showcase .showcase2 li {display:inline-block; vertical-align:top; width:33%; color:#ffffff; font-size:16px; line-height:1.2; text-align:left;}.showcase .showcase2 li h4 {font-family: 'MarkSimonsonProximaNovaLight';  color:#2196f3; font-size:25px; line-height:1.2;}.showcase .showcase1 li:hover {color:#2196f3;}/*  discount  */.discount {background:url(images/discount.jpg) no-repeat center top; height:509px; box-sizing:border-box; padding:120px 0 0;}.discount .form {width:850px; height:264px; border:solid 2px #2196f3; background:rgba(0,0,0,0.1); box-shadow:0 0 10px #2196f3; box-sizing:border-box; padding:0 45px; margin:0 auto;}.discount .pull-left .level1 {color:#fff; font-size:50px;   font-family: 'MarkSimonsonProximaNovaExtrabold'; text-transform:uppercase; margin:0 0 15px; padding:65px 0 0;}.discount .pull-left .level1 span {color:#ffeb3b;  font-family: 'MarkSimonsonProximaNovaSemibold';}.discount .pull-left  p {color:#ffffff; font-size:25px; line-height:35px; text-transform:uppercase;}.discount .pull-right {float:right; padding:48px 0 0;}/*  services */.services {padding:95px 0 0; box-sizing:border-box; min-height:800px; background:url(images/services.jpg) no-repeat 50% 50%;}.services .block-title span {margin:0 0 130px;}.services ul {font-size:0; text-align:center;}.services ul li {display:inline-block; vertical-align:top; width:25%; position:relative; color:#fff; font-size:25px; line-height:1.2;}.services ul li:hover  {color:#2196f3;}.services ul li:nth-child(1):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/s1.png) no-repeat 50% 50%;}.services ul li:nth-child(2):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/s2.png) no-repeat 50% 50%;}.services ul li:nth-child(3):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/s3.png) no-repeat 50% 50%;}.services ul li:nth-child(4):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/s4.png) no-repeat 50% 50%;}.services ul li:nth-child(1):hover:before { background:url(images/s1-h.png) no-repeat 50% 50%;}.services ul li:nth-child(2):hover:before { background:url(images/s2-h.png) no-repeat 50% 50%;}.services ul li:nth-child(3):hover:before { background:url(images/s3-h.png) no-repeat 50% 50%;}.services ul li:nth-child(4):hover:before { background:url(images/s4-h.png) no-repeat 50% 50%;}.services ul li:hover:before {box-shadow:0 0 10px #2196f3;}.services  .subtitle {padding:95px 0 0; text-align:center; text-transform:uppercase; color:#fff; font-size:45px; font-family: 'MarkSimonsonProximaNovaLight'; margin:0 0 40px; }.services p {width:1060px; margin:0 auto; color:#fff; font-size:16px; line-height:1.2; margin-bottom: 20px;}/*  steps  */.steps {height:953px; box-sizing:border-box; background:url(images/steps.jpg) no-repeat 50% 0%; padding:95px 0 0; text-align:center;}.steps .block-title span  {margin:0 0 145px;}.steps ul {text-align:center; font-size:0;}.steps li {width:33.3%; display:inline-block; vertical-align:top; position:relative; color:#fff; text-transform:uppercase; color:#fff; font-size:24px; font-family: 'MarkSimonsonProximaNovaLight'; line-height:1.2; margin-bottom:70px;}.steps li  small {text-transform:none;}.steps li:nth-child(1):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/st1.png) no-repeat 50% 50%;}.steps li:nth-child(2):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/st2.png) no-repeat 50% 50%;}.steps li:nth-child(3):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/st3.png) no-repeat 50% 50%;}.steps li:nth-child(4):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/st4.png) no-repeat 50% 50%;}.steps li:nth-child(5):before {content:""; display:block; position:relative; margin:0 auto 25px; width:144px; height:144px; border:solid 2px #2196f3; border-radius:144px; background:url(images/st5.png) no-repeat 50% 50%;}.steps li  span {display:block; position:absolute; color:#000000; font-size:16px; font-family: 'MarkSimonsonProximaNovaSemibold'; background:#ffc107; width:24px; height:24px; border-radius:24px; line-height:24px; text-align:center; left:136px; top:12px;}/*   gallery  */.gallery {height:744px; background:url(images/gallery.jpg) no-repeat 50% 50%; padding:95px 0 0; box-sizing:border-box;}.gallery .block-title span {margin-bottom:150px;}/******************** * FEATURE CAROUSEL * ********************/.carousel-container {  position:relative;  width:1200px;}#carousel {  height:350px;  width:1200px;  position:relative;  margin-bottom:0.5em;}.carousel-image {  border:0;  display:block;  max-width:600px!important;  height:auto!important;  margin:0 auto;}.carousel-feature {  position:absolute;  top:-1000px;  left:-1000px;  cursor:pointer;  border-radius:6px;  overflow:hidden;}.carousel-feature .carousel-caption {  position:absolute;  bottom:0;  width:100%;  background-color:#000;}.carousel-feature .carousel-caption p {  margin:0;  padding:5px;  font-weight:bold;  font-size:12px;  color:white;}.tracker-summation-container {  position:absolute;  color:white;  right:48px;  top:230px;  padding:3px;  margin:3px;  background-color:#000;  display:none;}.tracker-individual-container {  position:absolute;  color:white;  left:0;  bottom:-20px;  padding:0;  margin:0;  width:100%;   text-align:center;}.tracker-individual-container li {  list-style:none; display:inline-block; float:none!important; vertical-align:middle;}.tracker-individual-container .tracker-individual-blip {	width:6px;	height:6px;	border-radius:12px;	box-sizing:border-box;		background:#1b4e7b;	border:solid 3px transparent;  text-align:center;  text-indent:-9999px;  margin:0 2px;}.tracker-individual-container .tracker-individual-blip-selected {background:#ffc107;border-color:#ffc107;	width:12px;	height:12px;}#carousel-left {  position:absolute;  top:130px;  left:80px;  cursor:pointer;}#carousel-right {  position:absolute;  top:130px;  right:80px;  cursor:pointer;}/*  catalog */.catalog {background:url(images/catalog.jpg) no-repeat 50% 0%; padding:100px 0;}.catalog  .block-title span {margin:0 0 145px;}.catalog li {float:left; width:270px; height:370px; box-sizing:border-box; border:solid 1px #414b61; border-radius:5px; margin:0 40px 50px 0; position:relative; text-align:center;}.catalog li:nth-child(4n) {margin-right:0;}.catalog li .description {display:none; margin:0 0 15px; color:#fff; font-size:16px; line-height:1.2; overflow:hidden;}.catalog li:hover .description {display:block;}.catalog li:hover {height:450px;  margin-top:-40px; margin-bottom:10px;}.catalog li  .img-wrap {padding:0 0 20px; position:relative;}.catalog li  .img-wrap:after {content:""; display:block; margin:10px auto 0; height:1px; background:#3d475c; width:195px; position:relative;}.catalog li  .img-wrap  img {border-radius:8px;}.catalog li .title {color:#fff; font-size:16px; line-height:18px; margin:0 0 15px;}.catalog li .price {color:#2196f3; font-size:16px;  font-family: 'MarkSimonsonProximaNovaSemibold'; margin:0 0 10px;}.catalog li  .order-trigger {width:238px; height:38px; box-sizing:border-box; border:solid 2px #2196f3; border-radius:18px; background:none; text-decoration:none; text-transform:uppercase; line-height:34px; color:#fff; font-size:16px;  font-family: 'MarkSimonsonProximaNovaSemibold'; display:inline-block; cursor:pointer;}.catalog li  .order-trigger:hover {background:#2196f3;}.catalog-more {clear:both; text-align:center;}.catalog-more  #catalog-trigger {display:inline-block; color:#fff; font-family: 'MarkSimonsonProximaNovaSemibold';  font-size:20px; cursor:pointer; position:relative; border-bottom:dashed 2px #887027;}.catalog-more  #catalog-trigger:after {content:""; display:block; position:absolute; right:-15px; top:7px; background:url(images/down.png) no-repeat center center; width:8px; height:11px;}#hidden-catalog {display:none;}.photo {    float: left; /* говорим элементам выстраиваться один за другим */    width: 25%; /* устанавливаем ширину элемента */    padding: 10px; /* добавляем отступы с каждой стороны */    box-sizing: border-box; /* меняем способ вычисления ширины */}.photo img {    display: block;    max-width: 100%;    height: auto;	padding: 10px;background-color: #06344e;box-sizing: border-box;}.photo a:hover {    opacity: 0.5;}.photo a {    display: block;	position: relative;}.photo a:after {    content: '';    background: transparent url(../img/icons/eye-icon.png) no-repeat center;    width: 52px;    height: 35px;    position: absolute;    margin: auto;    top: 0;    left: 0;    bottom: 0;    right: 0;    visibility: hidden;}.photo:hover > a:after {    visibility: visible;}.photo figcaption {    font-family: 'Open Sans', sans-serif;    color: #999999;    text-align: center;    margin-top: 20px;}#gallery:after {    content: '';   display: block;    height: 0;    clear: both;}/*  price  */.prices {padding:95px 0 105px;}.block-title {text-align:center;}.block-title span {display:inline-block; position:relative; color:#fff; font-size:45px; text-transform:uppercase; font-family: 'MarkSimonsonProximaNovaSemibold'; margin:0 0 125px;}.block-title span:after {content:""; display:block; margin:5px auto 0; position:relative; width:80%; height:2px; background:#ffc107;}.prices  table {width:840px; margin:0 auto;}.prices  table td, .prices  table th {border:solid 1px #171c28;}.prices  table td {background:#393d47; text-align:center; padding:15px; vertical-align:middle; color:#fff; font-size:16px; line-height:1.2; font-family: 'MarkSimonsonProximaNovaSemibold'; width:25%;}.prices  table th {background:#ffc107; text-align:center; padding:5px 15px; vertical-align:middle; color:#000000; font-size:16px; line-height:1.2; font-family: 'MarkSimonsonProximaNovaSemibold'; width:25%;}/*  bottom  */.bottom {background:url(images/bottom.jpg) no-repeat 50% 0%; min-height:644px; padding:100px 0 0; box-sizing:border-box; }.bottom .form {border:solid 2px #2196f3; box-shadow:0 0 10px #2196f3; width:442px; height:447px; text-align:center; margin:0 auto;}.bottom .form .form-title {color:#ffc107; font-size:50px; font-family: 'MarkSimonsonProximaNovaExtrabold';text-transform:uppercase; padding:30px 0 15px;}.bottom .form .form-subtitle {font-size:26px; color:#fff; text-transform:uppercase; margin:0 0 40px;}.inputbox {width:318px; height:38px; background:#fff; border-radius:18px; box-sizing:border-box; padding:0 30px; color:#000000; font-size:16px; font-family: 'MarkSimonsonProximaNovaRegular'; border:none; display:block; margin:0 auto 20px;}.input-submit {display:block; border:none; width:318px; height:38px; background:#2196f3; border-radius:18px; box-sizing:border-box; text-transform:uppercase; color:#fff; font-size:16px;  font-family: 'MarkSimonsonProximaNovaSemibold'; padding:0; cursor:pointer; margin:30px  auto 35px;}.bottom .form-small {color:#fff; font-size:18px; line-height:1.2;  font-family: 'MarkSimonsonProximaNovaLight';}/*  footer   */.footer {background:#191f2c; padding:15px 0 20px;}.footer .logo-footer {float:left;}.footer .pull-right a {display:block; text-decoration:none; color:#fff; font-size:20px;  font-family: 'MarkSimonsonProximaNovaSemibold';  line-height:1.5;}.footer .pull-right a span {font-family: 'MarkSimonsonProximaNovaExtrabold'; color:#2196f3;}.footer .pull-right { padding:0 0 0 35px; background:url(images/whats.png) no-repeat left 90%; float:right;}.footer .copyright {clear:both; padding:35px 0 0; text-align:center; color:#ffffff; font-size:14px; font-weight:300;}#small-modal {background: rgba(27, 34, 49, 0.85) none repeat scroll 0 0;border: 2px solid #2196f3;box-shadow: 0 0 10px #2196f3;height: auto;text-align: center;width: 368px;}.mobile-only {display:none;}@media (min-width: 1199px) and (max-width: 1366px){ .wrapper .container{transform:scale(0.75);}}@media (max-width: 1199px){	.container {width:100%; box-sizing:border-box; padding-left:10px!important; padding-right:10px!important;}	.wrapper {min-width:320px;}	img {max-width:100%; height:auto!important;}	input, button, div {max-width:100%;}		.top .pull-left {float:none; text-align:center; font-size:20px; }	.top .pull-right {padding-top:10px; margin:0 auto; float:none;}	.top .pull-right .form {margin:0 auto;}		.showcase-title {font-size:30px;}		.showcase .showcase1 li, .showcase .showcase2 li {width:32%; box-sizing:border-box;}	.showcase .showcase2 li br {display:none;}	.showcase .showcase2 li {padding-right:10px; padding-left:10px; text-align:center;}	.catalog li {float:none; margin:0 10px 20px!important; display:inline-block;}	.catalog {text-align:center;}	.prices  table {width:100%;}	.services p {width:100%; text-align:center;}}@media (max-width: 767px){	.showcase .showcase1 li, .showcase .showcase2 li {display:block; margin:0 0 20px; width:100%;}	.wrapper {height:auto!important; padding-bottom:20px; background-size:cover!important;}	.discount .pull-left .level1 {font-size:24px;}	.discount .pull-left  p {font-size:20px;}	.pull-left {float:none;}	.discount .pull-right {float:none; clear:both;}	.discount .form {margin:0 auto; height:auto; padding:10px; width:100%; box-sizing:border-box; text-align:center;}		.services ul li, .steps li {width:100%; display:block; margin:0 0 20px;}	 .block-title span {margin-bottom:20px!important; font-size:30px!important;}	 .services  .subtitle {font-size:24px;}	 #carousel , .carousel-container{width:300px;}	 #carousel {height:230px;}	 #carousel-left, #carousel-right {top:160px;}	 #feedback-modal-box {width:200px!important;}	 #small-modal {width:240px!important;}	 .carousel-image {max-width:200px!important;}	 .tracker-individual-container {display:none!important;}	 	 	 table td, table th {word-break:break-all;}	.footer .logo-footer {float:none; text-align:center;}	.footer {text-align:center;}	.footer .pull-right {float:none; display:inline-block;}	.carousel-container {margin:0 auto;}	.top .pull-left {font-size:28px;}	.top {background:none!important;}	.mobile-only {display:block; } 	.desktop-only {display:none;}	.header .logo {float:none; text-align:center;}	.header .pull-right {float:none; text-align:center;}}
