@font-face {
    font-family: 'dedsasha';
    src: url('fonts/dedsasha.eot');
    src: url('fonts/dedsasha.eot?#iefix')format('embedded-opentype'), url('fonts/dedsasha.woff')format('woff'), url('fonts/dedsasha.woff2') format('woff2'), url('fonts/dedsasha.ttf')format('truetype'), url('fonts/dedsasha.svg#dedsasha')format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Roboto Light';
    src: url('fonts/Roboto-Light.eot');
    src: url('fonts/Roboto-Light.eot?#iefix')format('embedded-opentype'), url('fonts/Roboto-Light.woff')format('woff'), url('fonts/Roboto-Light.ttf')format('truetype'), url('fonts/Roboto-Light.svg#Roboto-Light')format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix')format('embedded-opentype'), url('fonts/Roboto-Regular.woff')format('woff'), url('fonts/Roboto-Regular.ttf')format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular')format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato/lato-regular.woff2')format('woff2'), url('fonts/lato/lato-regular.woff')format('woff'), url('fonts/lato/lato-regular.ttf')format('truetype'), url('fonts/lato/lato-regular.svg#latoregular')format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato/Lato-Italic.eot');
    src: url('fonts/lato/Lato-Italic.eot?#iefix')format('embedded-opentype'), url('fonts/lato/Lato-Italic.woff')format('woff'), url('fonts/lato/Lato-Italic.ttf')format('truetype'), url('fonts/lato/Lato-Italic.svg#Lato-Italic')format('svg');
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: 'agoramedium';
    src: url('fonts/pfagoraslabpro-medium.woff2')format('woff2'), url('fonts/pfagoraslabpro-medium.woff')format('woff'), url('fonts/pfagoraslabpro-medium.ttf')format('truetype'), url('fonts/pfagoraslabpro-medium.svg#agoramedium')format('svg');
    font-weight: 400;
    font-style: normal
}
html{font-family:sans-serif; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html {overflow-x: hidden}
*,
*:after,
*::before{-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-size:16px;font-family: 'Roboto Regular', sans-serif;overflow-x:hidden;margin:0;color:#444}
h1, h2, h3, h4, h5, h6{margin:0;}
#home h1{font-size: 18px;}
.wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.container:after,
header:after, 
section:after,
.row:after{display:table;content:" ";}
.container:after,
header:after,
section:after,
.row:after{clear:both;}
.row{margin-right:-15px;margin-left:-15px;position: relative;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.t05{margin-top: 5px;}
.t10{margin-top: 10px;}
.t05e{margin-top: 0.5em;}
.t1e{margin-top: 1em !important;}
.t2e{margin-top: 2em;}
.t3e{margin-top: 3em;}
.t4e{margin-top: 4em;}
.t6e{margin-top: 6em;}
.b05e{margin-bottom: 0.5em;}
.b1e{margin-bottom: 1em;}
.b2e{margin-bottom: 2em;}
.b3e{margin-bottom: 3em;}
.b4e{margin-bottom: 4em;}
.r1e{margin-right: 1em;}
.p10{padding:10px}
.p2t{padding-top:2em}
.p2b{padding-bottom:2em}
.st12e{font-size: 1.2em;}
.st12{font-size: 12px;}
.st15{font-size: 15px;}
.st17{font-size: 17px;}
.st18{font-size: 18px;}
.st20{font-size: 20px;}
.st22{font-size: 22px;}
.st24{font-size: 24px;}
.fs32{font-size: 32px;}
.fs36{font-size: 36px;}
.agor{font-family: 'agoramedium';}
.fRr{font-family: 'Roboto Regular';}
.fLr{font-family: 'latoregular';}
.heig28{height: 28em;}
.bold{font-weight:600;}
.red{color:red}
a{color:#069;text-decoration:none;}
#home header, #oplata header, #where-to-ge header, #cms header {font-family: 'latoregular';padding: 6em 0 0 0!important;}
#fotos header {font-family: 'Roboto Regular';padding: 6em 0 0 0!important;}
#fotos .product_image{max-width: 100%;height: auto;}
#fotos .product{max-width: 300px;margin: 0 auto;}
#home header em{font-family: 'brand', 'Century Gothic';font-size: 36px;font-style: normal}
#home header span{display: inline-block;margin-top: 3px;}
#home header .st12e span{font-size: 30px;font-weight: 600;}
#home header .t2e {font-family: 'latoregular';font-size: 30px;line-height: 38px;}
#home header .t2e em span{font-size: 34px;font-style: normal !important;color: #fac;font-family: 'latoregular';}
#home header .t2e em + span{font-size: 34px;font-style: normal !important;color: #fac;}
#home header .t1e > span, #preview .right > span{font-family: 'agoramedium';font-size: 36px;}
#home header .t2e > em{font-family: 'latoitalic';font-size: 28px;font-style: italic;}
#home header .col-sm-6   img{width:100%;height:100%;}
#preview .col-sm-6-1 img{max-width: 345px;max-height: 336px;width:100%;height:100%;}
#preview .col-sm-6-1 span{font-family: 'latoregular';font-size: 21px;line-height: 1.2em;}
#preview .col-sm-2-1, .agora{font-family: 'agoramedium';}
#preview .col-sm-2-1 b{font-size: 57px;}
#preview .col-sm-2-1 span{display: block;margin-top: -9px;margin-bottom: 10px;}
#capability .unities {
    height: 4em;
    border-radius: 7px;
    border: solid 1px rgba(41,62,81, .3);
    box-shadow: 0 0 10px rgba(41,62,91, .06);
    margin-top: 26px;
    background: #ffffff;
}

#capability .unities .title {
    font-family: 'agoramedium';
    font-size: 23px;
    color: #444!important;
    text-align: center;
    margin-top: 14px;
}
#capability .opportunities {
    height: auto;
    border-radius: 7px;
    border: solid 1px rgba(41,62,81, .3);
    box-shadow: 0 0 10px rgba(41,62,91, .06);
    margin-left: auto;
    margin-top: 26px;
    background: #ffffff;
    color: #444444;
}
#capability .opportunities .description .title {
    font-family: 'agoramedium';
    font-size: 23px;
}
#capability .opportunities .text {
    font-family: 'latoregular';
    font-size: 20px;
    text-indent: 0;
    padding-left: 3px;
    padding-right: 3px;
    }
#capability .opportunities img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    overflow: hidden;
	margin: 10px auto 0 auto;
}	
@media (min-width: 768px) {
#capability .opportunities img{
    float: left;
    margin: 10px 26px 18px 0;}
}
#capability .opportunities .description div.title + p{text-align:center;}
@media (min-width: 768px) {
#capability .opportunities .description div.title + p{text-align:left!important;}
#volna div:nth-of-type(1) {background: url('../img/block/1.png') no-repeat -1em -14px;padding-top: 5px;}
#volna div:nth-of-type(2) {background: url('../img/block/4.png') no-repeat -0.8em -6px;padding-top: 2.2em;}
#volna div:nth-of-type(3) {background: url('../img/block/1.png') no-repeat -1em -12px;padding-top: 5px;}
#volna div:nth-of-type(4) {background: url('../img/block/4.png') no-repeat -1em -6px;padding-top: 2.2em;}
#volna div:nth-of-type(5) {background: url('../img/block/5.png') no-repeat 0.6em -14px;padding-top: 5px;}
}
#gallery .col-sm-2-1 p, #preview-2 .col-sm-4 p.img-t{text-align:center;}
@media (min-width: 768px) {
#preview-2 .col-sm-4 p.img-t span{display: block;height: 5em;}
#preview-2 .fon{background: url('../img/block/8p.png') no-repeat -1em -8px transparent!important;}
}
#preview-2 .col-sm-4 p{min-height: 8em;}
#preview-2 .col-sm-4 p em {font-family: 'latoitalic';font-size: 24px;display: block;margin-bottom: 0.2em;}
#preview-2 .col-sm-4 p em + span{display: block;font-family: 'latoregular';font-size: 16px;}
#preview-2 .col-sm-3 p span{display: block;height: 6em;}
#preview-2 .fon{background:none}
#preview-2-1 p {font-size: 20px;text-indent:6px}
#preview-2-1 p > span{display: block;text-align: right;font-size: 14px;}
#preview-3 .img-c{text-align:center;}
#preview-3 .img-c img{width: 100%;height: auto;max-width: 500px;}

#fotos h1, #fotos h2, #oplata h1, #oplata h2, #where-to-ge h1, #where-to-ge h2, #cms h1, #cms h2{display: inline-block;font-family: 'agoramedium';font-size: 22px;}
#where-to-ge h3, #cms header h3{font-family: 'agoramedium';font-size: 20px;margin-top: 2em;}
#fotos header .col-sm-4 {border: 1px solid rgba(221, 221, 221, 0.68);}
#fotos header .col-sm-4:hover, #fotos header .col-sm-4:focus {border: 1px solid #ccc; -moz-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.62); -webkit-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.62);box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.62);}
#fotos .old-price {text-decoration: line-through;font-size: 16px;vertical-align: .1em;color: #717171}
#fotos .col-sm-4 span.discount {display: block;position: absolute;top: 0;right: 0;height: 60px;width: 60px;/*background-image: url(../img/sale.png);background-image: url(../img/sale_l.png);
background-repeat: no-repeat;z-index: 1*/}
#fotos .col-sm-4 .percent {position: absolute;left: -1em;top: -9.5em;font-size: 13px;color: #fff;font-weight: 700;background: #F00;width: 4.5em;text-align: center;padding: .18em 0 0 0;line-height: 1.6em}
#fotos .col-sm-4  span.rub:after{font-family: 'Roboto Regular';content:'\20BD'}
#fotos .fotosgro{min-height: 2.4em;}
span.button {position: relative;padding: 8px 26px;color: #fff;background: #888;cursor: pointer;margin-left: 0;font-family: 'Roboto Regular';text-decoration: none;margin:0 1px}
a.button, button {position: relative;padding: 8px 26px;color: #fff;background: #00975E;cursor: pointer;margin-left: 0;font-family: 'Roboto Regular';text-decoration: none;}
a.button:hover, button:hover{text-decoration:none;background: #00BF78;}
button{border:none}
p.price_container{margin-top: 0;margin-bottom: 2em;}/*PRICE DISCOUNT°*/
#where-to-ge .b1e > img {vertical-align: 0.18em;}
#where-to-ge .b1e > img + b{margin-bottom: .5em}
#where-to-ge .col-sm-offset-1{margin-left:auto;}

#thar img.imag{float:none !important;width:100% !important;max-width: 600px;}

@media (min-width: 768px) {
#where-to-ge .col-sm-offset-1{margin-left:8.33333333%;}
#cms header img.sert{margin: 8px 0px -1px 19px !important;}
#cms img{float:left!important;margin: 0 14px -1px 0 !important;}
#cms footer ul.addres li img {float: none !important;margin: 0 !important;}
#cms img.sabk{float:none!important;margin: 0 !important;}
#cms input[type="text"] {width:30% !important;}
#cms textarea {width:80%!important;margin-bottom:1em;}
#loadBar{max-width: 60%}
#pasport img.sabk, #pasport .bold img.sabk{width:auto !important;}
}
#cms img{float:none;margin: 0;}
#cms p + div.right{color:#069}
#cms p {margin: 0;}
#cms input[type="text"] {width:80%;}
#cms textarea {width:100%;margin-bottom:1em;}
#cms header ul {list-style: none;margin-left: -2em;}
#cms header ul.norm{list-style: initial;margin-left: 0;}
#cms header ul.norm li{margin-bottom: 0;}
#cms header ul li{margin-bottom: 0.6em;}
#cms header ul li a:hover{color:#777}
#faq .t-fqa{height:2.8em}
#faq h3, #faq h4{color:#069}
#faq .button{margin-bottom: 0.3em;display: inline-block;}
#faq div.t-fqa + span{color:#069;font-size:18px;font-weight: bold;}
#faq span + h1, #faq span + h2, #faq span + h3{color:#069;font-size:18px;}
#faq img{width:100%}
.lis-st li{list-style-type: none!important;list-style-image: url(../img/checkmark.png);}
#pasport p{line-height: 1.42857143;margin-bottom: 0.6em;}
#pasport img.sabk{width:100%;}
#pasport .bold img.sabk{width:auto}
#pasport h3{display: inline-block; font-size: 18px;}
table {
  background-color: transparent;
}
td {
  text-align: left;
}
table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
}

table > tbody > tr > td {
  padding: 8px;
  line-height: 1;
  vertical-align: top;
  border: 1px solid #777;
}
@media (min-width: 768px) {
#preview-2-1 span {margin-left: 3em;}
#preview-2-1 span + strong {margin-left: 10em;margin-top: 0.2em;}
#preview-2-1 span + strong + em{margin-top: 0;margin-right: 1em;text-align: right;}
}
#preview-2-1 span {font-size: 1.6em;display: block;}
#preview-2-1 span + strong {font-size: 2.4em!important;display: block;}
#preview-2-1 span + strong + em{font-size: 4em!important;font-style: normal;display: block;}

.col-sm-offset-0{margin-left:1%;}
.col-sm-offset-02{margin-left:2%;}
.col-sm-offset-1{margin-left:8.33333333%;}
.col-sm-offset-2{margin-left:16.66666667%;}

.col-sm-0-0, .col-sm-0, .col-sm-1, .col-sm-1-1, .col-sm-2, .col-sm-2-1, .col-sm-3, .col-sm-3-0, .col-sm-4, .col-sm-4-0, .col-sm-4-1, .col-sm-6, .col-sm-6-1, .col-sm-7-1, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-10-1, .col-sm-11-0, .col-sm-11-1, .col-sm-12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px;}
#footer .col-sm-3-0, #footer .col-sm-4-0{padding-right:15px;padding-left:15px;}
@media (min-width: 768px) {
.col-sm-0-0, .col-sm-0, .col-sm-1, .col-sm-1-1, .col-sm-2, .col-sm-2-1, .col-sm-3, .col-sm-3-0, .col-sm-4, .col-sm-4-0, .col-sm-4-1, .col-sm-6 , .col-sm-6-1, .col-sm-7-1, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-10-1, .col-sm-11-0, .col-sm-11-1, .col-sm-12{float: left;padding-right:15px;padding-left:15px;}
.col-sm-0-0{width:4.16666667%;}
.col-sm-0{width:5%;}
.col-sm-1{width:8.33333333%;}
.col-sm-1-1{width:10%;}
.col-sm-2{width:16.66666667%;}
.col-sm-2-1{width:20%;}
.col-sm-3{width:25%;}
.col-sm-3-0{width:30%;}
.col-sm-4{width:33.33333333%;}
.col-sm-4-0{width:40%;}
.col-sm-4-1{width:44%;}
.col-sm-6 {width: 50%;}
.col-sm-6-1{width: 56%;}
.col-sm-7-1 {width: 60%;}  
.col-sm-8{width:66.66666667%;}
.col-sm-9{width:75%;}  
.col-sm-10 {width: 83.33333333%;}
.col-sm-10-1{width:86%;}
.col-sm-11-0{width:90%;}
.col-sm-11-1{width:99%;}
.col-sm-12{width:100%;}
.w50{width: 50%!important;margin: 0 auto;}

}  
.w50{width: 90%;margin: 0 auto;}
.col-xs-12{width:100%;}
section, header, footer{padding: 2px 0;position:relative;}
.container{max-width: 1024px;}

.wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
#preview, #capability{position:relative;color:white;background-color:#77341d;}
#preview-2{position:relative;color:white;background-color:#00254A;}
#preview-2-1{position:relative;color:white;background-color:#069;}
#gallery{position:relative;color:white;background-color:#127b0b;}
#preview-3 {position:relative;color:#444;}
@media (min-width: 768px) {
#footer ul{padding-left:2em!important;}
}
footer{background-color:#39190e;color:white;}
#footer ul{padding-left:0;list-style:none;margin-bottom: 26px;margin-left:0}
footer ul > li > a{font-size: 22px;color:#f0f0f0;text-decoration: none;}
footer ul > li > b{font-size: 22px;color:#0795DC;cursor:pointer}
footer ul li:before{font-family: 'dedsasha'!important;}
footer ul li:before{content:'\F138';position: relative;top: -2px;left: -10px;}
footer ul.addres  li{font-size: 20px;}
footer ul.addres > li:nth-of-type(1):before{content:'\F0C0';}
footer ul.addres > li:nth-of-type(2):before{content:'\E63C';top: 1px;}
footer ul.addres > li:nth-of-type(3):before{content: '\E640';top: 1px;}
footer ul.addres > li:nth-of-type(4):before{content: '.';top: 1px;color: rgb(66, 69, 84);}
footer ul.addres > li:nth-of-type(5):before{content:'\0027';top: 1px;}
footer ul.addres > li:nth-of-type(6):before{content:'\F0C0';top: 1px;}
footer ul.addres > li:nth-of-type(7):before{content:'\E640';top: 1px;}
footer ul.addres > li:nth-of-type(8):before{content:'\E63C';top: 1px;}
footer {padding: 3em 0 0 0!important;}footer ul li{margin-bottom: 0.4em;}
.foot{position: absolute;left: -9999px;}
@media (min-width: 768px) {
.foot{position: static;left: initial;}
}
#openModal #loadBar{max-width: 100%}
#cms #openModal form {width:100% !important;}
#cms #openModal input[type="text"] {width:97% !important;margin-bottom: 0.4em;}
#cms #openModal button {width:97% !important;}
#cms .in-pu{margin-top: 2em;margin-bottom: 1em;}
#cms .titl{display: inline-block;margin: 5px 0px 26px 10px;}
#openModal a:after{content:'\E059';font-family: 'dedsasha';top: 2px;position: relative;left: 0;font-size: 15px;}
#openModal .pra-is{position: absolute;top:33px;left:6em;}
	.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		/*pointer-events: none;*/
	}

	.modalDialog:target {
		display: block;
		/*pointer-events: auto;*/
	}

	.modalDialog > div {
		width: 320px;
		height: 230px;
		position: relative;
		margin: 15% auto;
		padding: 5px 10px 1px 20px;
		border-radius: 10px;
		background: #fff;
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 24px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;	
		height: 24px;
}

.close:hover { background: #00d9ff;text-decoration: none;}
#opt .shtk{float: right;}
@media (min-width: 768px) {
#cms #opt .titl label, #opt .opt li{font-size: 18px !important;}
}
#opt .opt ul{display: inline-block;list-style: none;padding-left: 2px;}
#opt .opt li{line-height: 1.5em;border-bottom: 1px #444 solid;font-size: 16px;}
#opt .opt li input{float: right;margin-left: 10px;margin-top: 2px}	
#cms #opt .opt input[type="text"] {width:25px !important;height: 21px;text-align: center;}
#cms #opt .titl{display: block;margin: 10px 0px;max-width: 320px;}
#cms #opt .titl label{text-align: left;font-size: 16px;}
#cms #opt .titl input[type="text"]{float: right;width: 190px !important;margin-left: 5px;font-size: 17px;}
#video h2{font-size: 18px;}
.video {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.video iframe, .video object, .video embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*Кнопка наверх*/
.scrollTop{
	background:url('../img/up.png') 0 0 no-repeat;/*оносительный путь к изображению*/
	width:42px;/*ширина кнопки*/
	height:50px;/*50% высоты кнопки*/
	bottom:20px;/*при фиксированном положении отступ снизу*/
	left:89%;/*смещение влево*/
}
.scrollTop:hover{ background-position:0 -56px; } /*смещение фона*/
#akciya h2 {position: absolute;left: -9999px;}
.scrollTop2{display: none;}.scrollTop2:hover, .scrollTop2:focus{color:#069;background-color:#fff}
@media (min-width: 769px) {
.scrollTop2{
    display: block;
    background-color: rgba(255, 255, 255, 0.19);
    position: fixed;
    z-index: 9999;
    opacity: 1;
    width:188px;
    left:0;
    top: 7em;
    color: #FFF;
    font-size: 81%;
    padding: 7px 2px;
    text-align: center;
    font-family: Arial, sans-serif;
 }
 }
 
@media (min-width: 950px) {
.scrollTop2{top: 3.3em;}
}
.priceRange{position: absolute;left: -9999px;}.c-colr {color:#FF0000;}p.p-lft {padding-left: 4.3em;}.e_mal {vertical-align: -4px;}.nah_lev {position: absolute;left: -9999px;}
.omio {vertical-align: -5px;}.mar-min {margin-left: -7px;}
.col-sm-7-1.st12e.fRr.t10{font-size: 0.8em;font-family: 'Roboto Regular';line-height: 28px;margin-left: 14px;}
header button, section .col-sm-12.center.b2e.cena button {
    text-transform: uppercase;
    border: 1px solid rgba(221, 221, 221, 0.73);
    background: transparent;
    color: rgba(221, 221, 221, 0.73);
    padding: 11px 0 8px 0;
    width: 110px;
}
header button:hover, section .col-sm-12.center.b2e.cena button:hover {background:rgb(167, 167, 179);color:#000;}
.col-sm-12.st18.b1e.cena span{color:#fb4141;font-size: 18px;}