@charset "utf-8";

* {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin: 0px; padding: 0px; border-spacing: 0px;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	background-repeat: no-repeat;
	list-style-type: none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
}
html {
	min-height: 100%; height: 100%; position: relative; min-width:320px;
}
body {
	font-size: 20px;
	color: rgb(80,80,79);
	background-color: rgb(255,255,255);
	min-height: 100%;
	height: 100%;
}
a:hover { color: rgb(119,147,162);}
.sprite-pict {
	background-image: url(../img/sprite.png);
	display: block;
}
.sprite-after:after, .sprite-before:before, .utp-list li:before, .headerline>span:before, .ul-point li:before {
	content: '';
	background-image: url(../img/sprite.png);
	display: block;
	position: absolute;
}
.btn-prizrak-white {
	border: solid 2px rgb(255,255,255);
	color: rgb(255,255,255);
	background-color: transparent;
}
.btn-prizrak-white:hover {
	color: rgb(75,158,172);
	background-color: rgb(255,255,255);
}
.btn-prizrak-moreno {
	border: solid 2px rgb(75,158,172);
	color: rgb(75,81,92);
	background-color: transparent;
}
.btn-prizrak-moreno:hover {
	color: rgb(255,255,255);
	background-color: rgb(75,158,172);
	text-decoration: none;
}


.o---plugin---to--top---------------{}
#toTop {
    /*display: none;*/
	visibility: hidden;
	z-index: 10000;
    position: fixed;
	bottom: 10px;
	margin-top: -32px;
    /*bottom: 5px;*/
    right: 10px;
    width: 60px;
    height: 60px;
    background-image: url(../img/vverh.png);
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor:pointer; cursor: hand;
	background-color: rgb(51,51,51);
	background-position: center;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#toTop:hover.actv {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#toTop.actv {
	visibility: visible;
	opacity: 0.4;
}
.o---plugin---to--top---------------{}


.o--------KNOPKA-VVERH---------------------------{}
#zztop { height:0px; margin-top:-100px; position:absolute; overflow:hidden;}
.vverh {
	position: fixed; z-index: 10000; display: block;
	right: 20px; bottom: 50%; margin-bottom: -30px;
	cursor:pointer; cursor: hand; border-radius: 4px;
	background-color: rgb(51,51,51);
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.vverh:after { 
	content: ''; display: block; 
	width: 25px; height: 12px; margin: 25px;
	background: url(../img/vverh.png) left bottom no-repeat;
}
.actv .vverh:hover { opacity:.75; }
.pass .vverh { opacity:0; visibility: hidden;}
.actv .vverh  { opacity:.25; }
.o--------END---KNOPKA-VVERH---------------------------{}


.o--------TRANS---and---RADIUS-------------------------{}
.radius-50, .count-sliiider-items a, .unik-items i { 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
	border-radius: 50%; }
.radius-xs {
	-webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
	border-radius: 2px; }
.radius-s {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
	border-radius: 4px; }
.radius-m {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
	border-radius: 6px; }
.radius-l {
	-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;
	border-radius: 8px; }
.radius-xl {
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
	border-radius: 10px; }
.radius-xxl {
	-webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
	border-radius: 15px; }
.radius-xxxl {
	-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
	border-radius: 20px; }
	
.move, .main-menu ul, .main-menu li, .main-menu a {
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear; -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.slow {
	-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear; -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.sloow {
	-webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear;
	-ms-transition: all 1.5s linear; -o-transition: all 1.5s linear;
    transition: all 1.5s linear;
}
.scale {
    -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}


.o------------POSITION-------------------------{}
.abs { position:absolute; }
.rel { position: relative; }
.fix { position: fixed; }

.left { left: 0; }
.right { right: 0; }
.top { top: 0; }
.bottom { bottom: 0; }

.pos-all { top:0; left:0; width:100%; height:100%; }
.pos-l { top:0; left:0; right:auto; bottom:0; }
.pos-r { top:0; left:auto; right:0; bottom:0; }
.pos-t { top:0; left:0; right:0; bottom:auto; }
.pos-b { top:auto; left:0; right:0; bottom:0; }

.fix-all { position: fixed; overflow:hidden; top:0; left:0; right:0; bottom:0; }

.over-hidd { overflow: hidden; }
.over-scroll { overflow: scroll; }
.vis-hidd { visibility: hidden; }
.vis-vis { visibility: visible; }

.sbros { clear: both; float: none; height: 0px; display: block; }

.line-razdelitel {
	background-color: rgb(204,204,204);
	display: block; clear: both; width: 100%; height: 1px;
}
.pict-raspor { width: 100%; height: auto; display: block; }

.display-desk { display: block !important; }
.display-mob { display: none !important; }
.display-desk-min { display: block; }
.display-mob-min { display: none; }

.display-block { display: block !important; }

.block-center { display:block; margin-left:auto; margin-right:auto; }
.inline-block { display: inline-block; }



.o------ROW---and---COL-----------------------------------{}
.row-wrapper { margin:0; padding:0; position: relative; }
.wid-limit { min-width:960px; max-width:1280px; margin:0 auto; position: relative; }
.wid-limit:after, .clear:after { content:''; clear: both; display: block; }
.row-vert-padd { padding-top: 6%; padding-bottom: 6%; }
.wid-100-max-auto { max-width: 100%; width: auto; }

.border-1-grey { border: 1px solid rgb(193, 192, 191); }
.border-yellow { border: 2px solid rgb(249,182,91); }

.col-1-4, .col-2-4, .col-3-4, .col-1-3, .col-2-3, .col-1-2 { float: left; position: relative; }
.col-1-4 { width: 25%; }
.col-2-4, .col-1-2 { width: 50%; }
.col-3-4 { width: 75%; }	
.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }
.col-1-6 { width: 16.66% }
.col-1-12 { width: 8.33% }
.col-5-12 { width: 41.66% }
.col-7-12 { width: 58.33% }

.marg-l { margin-left: 10px !important; }
.marg-r { margin-right: 10px !important; }
.marg-t { margin-top: 10px; }
.marg-b { margin-bottom: 10px; }

.marg-t-1 { margin-top: .2em !important; }
.marg-t-2 { margin-top: .4em !important; }
.marg-t-3 { margin-top: .6em !important; }
.marg-t-4 { margin-top: .8em !important; }
.marg-t-5 { margin-top: 1em !important; }

.marg-b-1 { margin-bottom: .2em !important; }
.marg-b-2 { margin-bottom: .4em !important; }
.marg-b-3 { margin-bottom: .6em !important; }
.marg-b-4 { margin-bottom: .8em !important; }
.marg-b-5 { margin-bottom: 1em !important; }

.marg-l- { margin-left: -10px !important; }
.marg-r- { margin-right: -10px !important; }
.marg-t- { margin-top: -10px !important; }
.marg-b- { margin-bottom: -10px !important; }

.align-l { text-align: left; }
.align-r { text-align: right; }
.align-c { text-align: center; }

.align-t { vertical-align: top; }
.align-m { vertical-align: middle; }
.align-b { vertical-align: bottom; }

.marg-l-1 { margin-left: .2em !important; }
.marg-l-2 { margin-left: .4em !important; }
.marg-l-3 { margin-left: .6em !important; }
.marg-l-4 { margin-left: .8em !important; }
.marg-l-5 { margin-left: 1em !important; }

.marg-r-1 { margin-right: .2em !important; }
.marg-r-2 { margin-right: .4em !important; }
.marg-r-3 { margin-right: .6em !important; }
.marg-r-4 { margin-right: .8em !important; }
.marg-r-5 { margin-right: 1em !important; }

.marg-hor-1 { margin-left: .2em !important; margin-right: .2em !important; }
.marg-hor-2 { margin-left: .4em !important; margin-right: .4em !important; }
.marg-hor-3 { margin-left: .6em !important; margin-right: .6em !important; }
.marg-hor-4 { margin-left: .8em !important; margin-right: .8em !important; }
.marg-hor-5 { margin-left: 1em !important; margin-right: 1em !important; }

.padd-t-1 { padding-top: .2em; }
.padd-t-2 { padding-top: .4em; }
.padd-t-3 { padding-top: .6em; }
.padd-t-4 { padding-top: .8em; }
.padd-t-5 { padding-top: 1em; }
.padd-t-6 { padding-top: 1.2em; }

.padd-b-1 { padding-bottom: .2em; }
.padd-b-2 { padding-bottom: .4em; }
.padd-b-3 { padding-bottom: .6em; }
.padd-b-4 { padding-bottom: .8em; }
.padd-b-5 { padding-bottom: 1em; }

.padd-hor-1 { padding-left: .2em !important; padding-right: .2em !important; }
.padd-hor-2 { padding-left: .4em !important; padding-right: .4em !important; }
.padd-hor-3 { padding-left: .6em !important; padding-right: .6em !important; }
.padd-hor-4 { padding-left: .8em !important; padding-right: .8em !important; }
.padd-hor-5 { padding-left: 1em !important; padding-right: 1em !important; }

.padd-vert-1 { padding-top: .2em !important; padding-bottom: .2em !important; }
.padd-vert-2 { padding-top: .4em !important; padding-bottom: .4em !important; }
.padd-vert-3 { padding-top: .6em !important; padding-bottom: .6em !important; }
.padd-vert-4 { padding-top: .8em !important; padding-bottom: .8em !important; }
.padd-vert-5 { padding-top: 1em !important; padding-bottom: 1em !important; }
.padd-vert-6 { padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
.padd-vert-7 { padding-top: 2em !important; padding-bottom: 2em !important; }
.padd-vert-8 { padding-top: 3em !important; padding-bottom: 3em !important; }
.padd-vert-9 { padding-top: 4em !important; padding-bottom: 4em !important; }
.padd-vert-10 { padding-top: 5em !important; padding-bottom: 5em !important; }

.padd-all-1 { padding: .2em; }
.padd-all-2 { padding: .4em; }
.padd-all-3 { padding: .6em; }
.padd-all-4 { padding: .8em; }
.padd-all-5 { padding: 1em; }

.vert-padd-h-1 { padding-top: 20px; padding-bottom: 20px; }

.td-min-wid { width: 1%; white-space: nowrap; padding: 0 20px; }
.hei-25 { height: 25% !important; }
.hei-50 { height: 50% !important; }
.hei-75 { height: 75% !important; }
.hei-100 { height: 100% !important; }

.line { width:100%; height:1px; background-color: rgb(204,204,204); }
.line-white { width:100%; height:1px; background-color: rgb(255,255,255); }
.line-white-opac { width:100%; height:1px; background-color: rgba(255,255,255,.5); }

.overlay {
	height: 100%; width: 100%;
	position: absolute; visibility: hidden;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
}
.overlay.actv { visibility: visible; }



.o------ZAGOLOVKI-i-TEXT-----------------------------------{}
.h-1 { font-size: 250%; margin-top: 30px; margin-bottom: 20px; }
.h-2 { font-size: 210%; margin-top: 20px; margin-bottom: 15px; }
.h-3 { font-size: 175%; margin-top: 20px; margin-bottom: 15px; }
.h-4 { font-size: 150%; margin-top: 20px; margin-bottom: 15px; }
.h-5 { font-size: 125%; margin-top: 20px; margin-bottom: 15px; }
.h-6 { font-size: 110%; margin-top: 20px; margin-bottom: 15px; }

.h-1, .h-2, .h-3, .h-4, .h-5, .h-6 { line-height: 1.25em; letter-spacing: .025em; }

.font-size-plus-25 { font-size: 125%; }
.font-size-plus-50 { font-size: 150%; }
.font-size-minus-10  { font-size: 90%; }
.font-size-minus-25  { font-size: 75%; }

table tr td { vertical-align: top; border-spacing:0px; }
p, h1, h2, h3, h4, h5, h6 { cursor: default; }

.light { font-weight:100;}
.regular { font-weight:300;}
.semi-bold { font-weight:500;}
.bold { font-weight:700;}
.super-bold { font-weight:900;}

.uppercase { text-transform: uppercase; }
.p-link { cursor: pointer; font-style: normal; }
.underline { text-decoration: underline; }

.clr-white { color: rgb(255,255,255) !important; }
.bg-clr-white { background-color: rgb(255,255,255) !important; }
.clr-rose { color: rgb(232,131,137) !important; }
.bg-clr-rose { background-color: rgb(232,131,137) !important; }
.bg-clr-rose-opac { background-color: rgba(232,131,137,.8) !important; }

.clr-fiolet { color: rgb(108, 76, 87) !important; }
.clr-fiolet { color: rgb(136,96,109) !important; } /* поярче */

.clr-grey-rose { color: rgb(104,98,100) !important; }

.clr-grey-fiolet { color: rgb(115, 106, 109) !important; }
.bg-clr-grey-fiolet { background-color: rgb(115, 106, 109) !important; }
.bg-grey-fiolet-pict { background-image: url(../img/bg-grey-fiolet.jpg); background-size: 100%; background-repeat: repeat; } 

.bg-clr-fiolet { background-color: rgb(108, 76, 87) !important; }
.bg-clr-fiolet-opac { background-color: rgba(108, 76, 87,.8) !important; }
.bg-clr-yello-light { background-color: rgb(247, 243, 230) !important; }
.bg-clr-grey-light { background-color: rgb(245, 245, 244) !important; }
.bg-clr-grey-235 { background-color: rgb(235, 235, 235) !important; }

.clr-yello { color: rgb(249,182,91) !important; }
.bg-clr-yello { background-color: rgb(249,182,91) !important; }
.clr-moreno { color: rgb(104,140,152) !important; }
.bg-clr-moreno { background-color: rgb(104,140,152) !important; }
.bg-clr-moreno-opac-9 { background-color: rgba(104,140,152,.9) !important; }
.bg-clr-fiolet-light { background-color: rgb(229,218,221) !important; }

.clr-blue { color: rgb(20, 90, 160) !important; }
.bg-clr-blue { background-color: rgb(20, 90, 160) !important; }
.clr-red { color: rgb(182,22,21) !important; }
.bg-clr-red { background-color: rgb(182,22,21) !important; }
.clr-brown { color: rgb(64,55,45) !important; }
.bg-clr-brown { background-color: rgb(64,55,45) !important; }
.clr-bezh { color: rgb(203,191,161) !important; }
.bg-clr-bezh { background-color: rgb(203,191,161) !important; }






.oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo{}

.screen { 
	background-repeat: no-repeat;
}
.screen-main {
	min-height:100%;
	padding-bottom: 100px;
}
.screen-main.actv {
	top:-100%;
}
.text-box-vert-padd { padding-top: 40px; padding-bottom: 40px; }

.yarl-vniz {
	background-image: url(../img/yarl-vniz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: inline-block;
	height: 100px;
	width: 145px;
}

.v-vniz {
	-webkit-animation: shake 1s linear alternate infinite;
	animation: shake 1s linear alternate infinite;
	display: inline-block;
	margin-top: 35px;
}

.main-btn {
    background-color: rgb(255,255,255);
    padding: 20px 25px;
}

.start-move {
	opacity:0;
	margin-top:-5%;
}
.start-move.actv {
	opacity:1;
	margin-top:0;
}


@-webkit-keyframes shake {
/*  100% {
    -webkit-transform: translateY(-30px);    
  }*/
  0% {
	  padding-top: 0px;
	  padding-bottom: 30px;
	  opacity:0.5;
  }
  100% {
	  padding-top: 10px;
	  padding-bottom: 20px;
	  opacity:1;
  }
}
@keyframes shake {
  /*100% {
    transform: translateY(-30px);    
  }*/
  
  0% {
	  padding-top: 0px;
	  padding-bottom: 30px;
	  opacity:0.5;
  }
  100% {
	  padding-top: 10px;
	  padding-bottom: 20px;
	  opacity:1;
  }
}
.ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo {}
.ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo {}
.ooooooooooooooooooooooooooooo-САЙТ-МЭИК-ooooooooooooooooooooooooooooooooo {}

.img-replacer { width: 100%; }
.footer {
	position: absolute;
	left:0; bottom:0; right:0;
	min-height: 100px;
}

.overflowshad {
	z-index: 99998;
	background-color: rgb(0,0,0);
	opacity: 0;
	visibility: hidden;
}
.overflowshad.actv {
	visibility: visible;
	opacity: .7
}
.logobar {
	padding-top:0.4em;
	padding-bottom:0.4em;
}
.head-bar {
	display: table;
	width:100%;
}
.head-bar > div {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	float: none;
	line-height:1em;
}
.head-bar > div > a > img {
	width: 100%;
	max-width: 182px;
}

.head-bar .logo {
	width: 230px;
	padding: 0 20px 0 15px;
}
.head-bar .slogan {
	font-size:.75em;
}
.head-bar .tel {
	text-align:center;
	padding: 0 20px;
}
.head-bar .mail {
}
.head-bar .mobmenu { 
	display: none;
	position: fixed;
	z-index:99990;
	right: 10px; top: 10px;
	width: 59px; height: 59px;
	background-color: rgba(255,255,255,.75);
	cursor:pointer;
}
.head-bar .mobmenu span { 
	display: block;
	width: 27px; height:3px;
	background-color: rgb(108, 138, 150);
	position: relative;
	top:29px; left: 15px;
	margin-top: -1.5px;
}
.head-bar .mobmenu span:before, .head-bar .mobmenu span:after {
	content:'';
	display:block;
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background-color: rgb(108, 138, 150);
	margin-top: -8px;
}
.head-bar .mobmenu span:after {
	margin-top: 8px;
}


.main-menu {
	left:0; right:0; top:0; bottom:auto;
	z-index:1;
	background-color: rgb(255,255,255);
}
.main-menu > div > ul {
	margin-bottom: 0;
	font-size: .9em;
}
.main-menu > div > ul > li {
	display: block;
	float:left;
	position: relative;
}
.main-menu > div > ul > li > a {
	display: block;
	padding: .5em .75em;
	color: rgb(80,80,79);
	font-weight: 500;
}
.main-menu > div > ul > li > a:hover {
	background-color: rgb(239,234,218);
	text-decoration: none;
	color: rgb(80,80,79);
}
.main-menu > div > ul > li > ul {
	position: absolute;
	left:0; top:100%;
	margin-top: 20px;
	margin-bottom: 0;
	font-size: .9em;
	width: 20em;
	background-color: rgb(247, 243, 230);
	opacity: 0;
	visibility: hidden;
}
.main-menu > div > ul > li > ul > li {
}
.main-menu > div > ul > li > ul > li > a {
	display: block;
	padding: .75em .82em;
	color: rgb(80,80,79);
	font-weight: 300;
	text-decoration: none;
}
.main-menu > div > ul > li > ul > li > a:hover {
	background-color: rgb(239,234,218);
	text-decoration: none;
}
.main-menu a:hover, .main-menu a:visited, .main-menu a:active, .main-menu a:focus {
	text-decoration: none !important;
}

.main-menu > div > ul > li.actv {
	background-color: rgb(247, 243, 230);
}
.main-menu > div > ul > li.actv > a:hover {
	background-color: rgb(239,234,218);
}
.main-menu > div > ul > li.actv >ul {
	opacity:1;
	visibility: visible;
	margin-top: 0;
}

.menubar-placeholder {
	overflow: hidden;
	position:relative !important;
}
.menubar-placeholder div {
	position: relative;
	left: 9999px;
}
.main-menu.lin {
	border-bottom: solid 2px rgb(245, 245, 244);
}

.menu-close {
	position:fixed;
	top:0px;
	right:-85%;
	margin-top:10px;
	margin-right: 10px;
	display:none;
	width:40px;
	height:40px;
	background-position: -270px -40px;
	cursor: pointer;
	background-color: rgba(104,140,152,.75);
}
.menu-close.actv {
	right:0;
}
.mob-menu-btn-bar {
	margin: 10px;
}
.mob-menu-btn-bar .mail, .mob-menu-btn-bar .phone {
	width: 50px; height: 50px;
	float: left;
	margin: 5px;
	background-color: rgb(255,255,255);
}
.mob-menu-btn-bar .mail a, .mob-menu-btn-bar .phone a {
	display:block;
	width:100%; height: 100%;
}
.mob-menu-btn-bar .mail {
	background-position: -270px -80px;
}
.mob-menu-btn-bar .phone {
	background-position: -320px -80px;
}

.page-title {
	background-color: rgb(115,106,109);
	background-image: url(../img/bg-page-title-xl.jpg);
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-position: center center;
}

.vidos {
	max-width: 600px;
	cursor: pointer;
}
.vidos span {
	top:50%;
	left:50%;
	width:128px;
	height:128px;
	margin-top:-64px;
	margin-left:-64px;
	opacity:.6;
}
.vidos:hover span {
	width:150px;
	height:150px;
	margin-top:-75px;
	margin-left:-75px;
	opacity:.9;
}

.o--------FORM--------------------------------{}
.form-box {
}
.zapros-forma {
}
.zapros-forma label {
	display: block;
	clear: both;
	font-size: 16px; font-weight: 500;
}
.zapros-forma input, .zapros-forma textarea {
	width: 100%;
	display: block;
	margin-bottom: .5em;
	border: solid 2px transparent;
}
.zapros-forma input:focus, .zapros-forma textarea:focus {
	border-color: rgb(224,224,224);
}
.zapros-forma input.actv, .zapros-forma textarea.actv {
	border-color: rgb(117,192,197);
}
.btn-style {
	background-color: rgb(154,154,154);
	cursor: default !important;
	cursor: default;
	padding: 20px 16px;
	border-color: transparent !important;
}
.btn-style.alert {
	background-color: rgb(185, 110, 133);
}
.btn-style.actv {
	background-color: rgb(75, 158, 172);
	padding: 20px 16px;
	cursor: pointer !important; 
	font-size: 1.25em;
}
.btn-style.actv:hover {
	background-color: rgb(145,204,208);
}
.form-message {
	color: rgb(204,0,0);
	padding-bottom: 0em;
	visibility: hidden;
	height: 0px;
	opacity: 0;
	font-size: 14px;
}
.form-message.actv {
	padding-bottom: 1em;
	visibility: visible;
	height: auto;
	overflow: hidden;
	opacity: 1;
}
.form-submit-message {
	color: rgb(117,192,197);
	font-size: 1.1em;
	text-align: center;
}
.form-submit-message.actv {
}
.form-limits {
	float: right;
}
.form-limits.actv {
	color: rgb(204,0,0);
}
input:required, textarea:required {
    border: 2px solid white; /* Красная рамка для обязательных полей */
   }
#formSend {
	right:0;
	opacity: 1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#formSend.butmove {
	opacity: 0;
	right:-100%;
}
#formSend.butrestart {
	opacity: 0;
	width:0;
}
#results {
	opacity: 0;
	font-size:1em;
}
#results.actv {
	opacity: 1;
	font-size:1.2em;
}
.--------------/-FORM-------------------{}

.bnr-h-1 {
	font-size:240%;
	padding-top: 1em;
	padding-bottom: .25em;
	line-height:1em;
}
.bnr-h-2 {
	font-size:140%;
	margin-bottom: .75em;
	line-height:1.25em;
}
.bnr-h-3 {
	font-size:130%;
	line-height:1.25em;
}









.head-main-pict-box {
	background-color: rgb(108,76,87);
}
.sliiider-box-top {
	height: 42%;
	position: relative;
}
.sliiider-box-top-item {
	background-color: rgb(224,224,222);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
.sliiider-box-bottom {
	height: 58%;
	background-color: #e98c94;
	background-image: url(../img/bg-rose.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.main-sliiider-text {
	position: relative;
}
.main-sliiider-text div {
	position: absolute;
	width: 100%;
	top: 0px;
}
.main-sliiider-text div p {
	margin:0;
}

.logo-big {
	height: 135px;
	width: 200px;
	position: absolute;
	z-index: 9999;
	z-index: 1000000;
	left: 0px;
	bottom: 0px;
	margin-left: -100px;
	margin-bottom: -66px;
}
.logo-big img {
	display: block;
	width: 100%;
}
.logo-v-menu {
    border-top: 8px solid rgb(232, 125, 133);
}
.logo-v-menu img {
    width: 75%;
	max-width: 200px;
    margin: 0px auto;
    text-align: center;
    display: block;
    padding: 20px 0;
}
.target-word {
	position: relative;
	display: inline-block;
}
.target-word:before, .target-word:after {
	content: '';
	position: absolute;
	display: block;
	width: 59px;
	height: 7px;
	top: 50%;
	left: -75px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -3px;
}
.target-word:after {
	left: auto;
	right: -75px;
	background-position: 0 -7px;
}
.count-sliiider-items {
	position: relative;
	font-size: 200%;
	display: inline-block;
	line-height: 160%;
}
.count-sliiider-items b {
	letter-spacing: .1em;
	display: inline-block;
	vertical-align: top;
}
/*.count-sliiider-items:before, .count-sliiider-items:after {
	content: '';
	background-image: url(../img/sprite.png);
	background-position: 0 -15px;
	display:block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: -80px;
	border: solid 1px #FFCCCC;
	margin-top: -30px;
	cursor: pointer;	
}
.count-sliiider-items:after {
	left: auto;
	right: -80px;
	background-position: -60px -15px;
}
.count-sliiider-items:hover::before, .count-sliiider-items:after:hover {
	background-color: rgb(255,153,0);
}*/
.count-sliiider-items i {
	font-size: 200%;
	font-weight: bold;
	letter-spacing: .025em;
}
.count-sliiider-items em {
	font-weight: 400;
	font-style: normal;
}
.count-sliiider-items a {
	display: inline-block;
	height: 60px;
	width: 60px;
	border: 1px solid rgb(255,206,206);
	vertical-align: baseline;
	line-height: 200%;
	margin: 0 25px 0 20px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-position: 23px -15px;
	cursor: pointer;
}
.count-sliiider-items a + i + b + a {
	background-position: -25px -15px;
}
.count-sliiider-items a:hover {
	background-color: rgb(204,102,153);
	border-color:  rgb(204,102,153);
	background-position: 18px -15px;
}
.count-sliiider-items a + i + b + a:hover {
	background-position: -20px -15px;
}

.sliiider-h-1 {
	font-size: 200%;
	font-weight: 700;
	display: block;
}
.sliiider-h-2 {
	font-size: 150%;
	font-weight: 400;
	display: block;
}
.sliiider-btn-more {
	color: rgb(108,76,87);
	background-color: rgb(255,255,255);
	display: inline-block;
	line-height: 100%;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 14px;
	padding-left: 20px;
	margin-top: 12px;
	text-decoration: none;
}
.sliiider-btn-more:hover {
	color: rgb(255,255,255);
	background-color: rgb(108,76,87);
	text-decoration: none;
}
.sliider-time-line {
	background-color: rgb(255,102,153);
	height: 4px;
	width: 10%;
	position: absolute;
	z-index: 1000;
	left: 0px;
	bottom: 0px;
}
.sliider-time-line.actv {
	width: 100%;
	-webkit-transition: all 3s linear; -moz-transition: all 3s linear;
	-ms-transition: all 3s linear; -o-transition: all 3s linear;
    transition: all 3s linear;
}
.menu-panel {
}
.menu-panel.actv {
	position: fixed;
	left: 0px;
	top: 0px;
	bottom:0px;
}
.menu {
}
.menu ul {
}
.menu ul li {
	position: relative;
    color: rgb(255,255,255);
    font-size: 75%;
    line-height: 100%;
    border-top: solid 1px #a25e63;
    padding: 9px 0px;
    border-bottom: solid 1px #a25e63;
    margin-top: -1px;
}
.menu ul li.actv {
	color: rgb(255,153,153);
}
.menu ul li.actv:before {
	content: '';
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	display: block;
	width: 16px; height: 32px;
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -16px;
	background-position: -70px 0px;
}
.slog-1 {
	padding: 40px 20px 0px;
}
.slog-main {
	padding:15px 30px;
	display: inline-block;
}
.utp-main-list {
}
.utp-main-list li {
	position: relative;
	font-weight: 700;
	padding: .7em 0px;
	padding-left: 50px;
}
.utp-main-list li:before {
	content: '';
	display: block;
	position: absolute;
	width: 36px; height: 36px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-position: -270px -0px;
	left: 0px;
	top: 50%;
	margin-top: -18px;
}
.utp-prikaz {
	position: relative;
	padding: 50px 40px;
	padding-left: 50px;
	margin: 30px 0px;
}
.utp-prikaz:before {
	content: '';
	display: block;
	width: 18px; height: 26px;
	position: absolute;
	left: 50px; top: 0px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-position: -320px 0px;
}
.utp-sliiider {
	position: relative;
	margin: 20px 0;
}
.utp-sliiider:after {
	content:'';
	display: block;
	width: 98px; height: 97px;
	position: absolute;
	z-index:100000;
	right: 20px; top: 0px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-position: -120px 0px;
}
.utp-sld {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
}
.utp-sliiider img {
	width:100%;
	max-width:480px;
	display: block;
	margin: 0 auto;
}
.utp-labels {
	display: table;
}
.utp-labels div {
	display: table-cell;
	float: none;
	vertical-align: middle;
	padding-top: .75em;
	padding-bottom: .75em;
	height:100%;
}
.utp-labels div p {
	margin:0; padding:0;
}
.color-line {
	position: relative;
	overflow: hidden;
	width: 25%;
	height: 10px;
	background-color: rgb(104,140,152);
	border-left: solid 25% rgb(249,182,91);
	border-right: solid 50% rgb(229,218,221);
}
.color-line > div {
	height:100%;
	width: 33%;
	background-color: rgb(229,218,221);
	float: right;
}
.color-line:before {
	content:'';
	display:block;
	position: absolute;
	top: 0; left: 0;
	width: 25%; height: 100%;
	background-color: rgb(249,182,91);
}
.color-line:after {
	content:'';
	display:block;
	position: absolute;
	top: 0; right: 0;
	width: 25%; height: 100%;
	background-color: rgb(232,131,137);
}


.digiduga {
	position: absolute;
	bottom: 0px; left: 50%;
	margin-left: -1em;
	display: block;
	width: 2em; height: 0.5em;
	border: solid 4px rgb(232,131,137);
	border-top-color: transparent;
}
.scan-time-label {
}
.scan-time-label:before, .scan-time-label:after {
	content:'';
	display:block;
	position: absolute;
	top: 0px;
	width:.25em;
	height: 100%;
	border: solid 4px rgb(249,182,91);
}
.scan-time-label:before {
	left: 0px;
	border-right: 0px;
}
.scan-time-label:after {
	right: 0px;
	border-left: 0px;
}
.ukazatel-bezoshib-metod {
	background-image: url(../img/ukazatel-vpravo.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 46px;
	height: 80%;
	top:10%;
	bottom:10%;
	left: 50%;
	margin-left: -23px;
}
.bg-scans-ocenka {
	background-image: url(../img/bg-scans-dark-large.jpg);
	background-position: center center;
}
.btn-scan-sldr-left, .btn-scan-sldr-right {
	background-image: url(../img/sprite.png);
	width:55px; height: 110px;
	position: absolute;
	top: 50%;
	margin-top: -55px;
	opacity: .7;
	cursor: pointer;
}
.btn-scan-sldr-left:hover, .btn-scan-sldr-right:hover {
	opacity: 1;
}
.btn-scan-sldr-left {
	left: 0;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	background-position: -2px -122px;
}
.btn-scan-sldr-right {
	right: 0;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	background-position: -62px -122px;
}
.unik-items {
	padding-bottom: 1em;
}
.unik-items p {
	position: relative;
}
.unik-items i {
	position: absolute;
	display:block;
	text-align: center;
	width:1.5em;
	height:1.5em;
	font-style: normal;
	left: -2em;
	top:0;
	background-color: rgb(143,95,107);
	background-color: rgb(232, 131, 137);
	color: rgb(255,255,255);
}

.komu-list p {
	border-left: .4em solid rgb(255,204,51);
	padding-left: 1.5em;
	margin: 1em auto;
}
.komu-pict {
	width:134px; height:134px;
}
.komu-pict-factory {
	background-position: 0px 0px;
}
.komu-pict-medcar {
	background-position: -135px 0px;
}
.komu-pict-village {
	background-position: 0px -135px;
}
.komu-pict-hospital {
	background-position: -135px -135px;
}
.list-base {
}
.list-base li {
	position: relative;
	padding-left: 2em;
}
.list-base li:before {
	content:'';
	position: absolute;
	width:.5em; height:.5em;
	display:block;
	left:0px;
	top:0.5em;
	background-color: rgb(104,140,152);
}
.top-cherta {
	position:relative;
}
.top-cherta:before {
	content:'';
	position:absolute;
	display:block;
	width: 4em; height:0.25em;
	background-color: rgb(104,140,152);
	top:0; left:50%;
	margin-left: -2em;
	
}

.top-cherta-1-2, .top-cherta-3-4 {
	position:relative;
}
.top-cherta-1-2:before {
	content:'';
	position:absolute;
	display:block;
	width: 3em; height:0.25em;
	border-left:solid .5em rgb(249,182,91);
	background-color: rgb(104,140,152);
	top:0; left:50%;
	margin-left: -1.5em;
}
.top-cherta-3-4:after {
	content:'';
	position:absolute;
	display:block;
	width: 1em; height:0.25em;
	border-left:solid .5em rgb(229,218,221);
	background-color: rgb(232,131,137);
	top:0; left:50%;
	margin-left: .5em;
}


















.MEDIA-SCREEN-------------------------------------------{}


@media only screen and (max-width: 1400px) {
.logo-footer { max-width:200px; }
.head-bar .logo { width: 20%; }

.page-title { background-image: url(../img/bg-page-title-lg.jpg); }
}

@media only screen and (max-width: 1280px), screen and (max-height: 800px) {
body { font-size: 20px; }
.vverh { margin-right: -10px; }
.tab-line-link:before { width: 16px; height: 33px; top: 9px; left: -30px; }
.logo-footer { max-width:200px; }
}

@media only screen and (max-width: 1100px) {
body { font-size: 18px; }
.text-box-vert-padd { padding-top: 35px; padding-bottom: 35px; }
.vert-padd-h-1 { padding-top: 17px; padding-bottom: 17px; }
.padd-t-1 { padding-top: 8px; }
.padd-t-2 { padding-top: 15px; }
.padd-t-3 { padding-top: 22px; }
.padd-t-4 { padding-top: 30px; }
.padd-t-5 { padding-top: 37px; }
.padd-t-6 { padding-top: 43px; }

.tab-line-link:before {
	width: 12px; height: 25px; left: -25px;
	background-image: url(../img/item-sm.png);
}
}

@media only screen and (max-width: 991px) {
body { font-size: 16px; }
.screen-main { background-image: url(../img/bg-child-960.jpg); }
.text-box-vert-padd { padding-top: 30px; padding-bottom: 30px; }
.vert-padd-h-1 { padding-top: 15px; padding-bottom: 15px; }
.padd-t-1 { padding-top: 5px; }
.padd-t-2 { padding-top: 10px; }
.padd-t-3 { padding-top: 15px; }
.padd-t-4 { padding-top: 20px; }
.padd-t-5 { padding-top: 25px; }
.padd-t-6 { padding-top: 30px; }
.tab-line-link:before {
	width: 12px;
	height: 25px;
	top: 9px;
	left: -25px;
}
.display-desk { display: none !important; }
.display-mob { display: block !important; }
.logo-big { margin-left: 20px; }

.head-bar .logo { width: 150px; }
.page-title { background-image: url(../img/bg-page-title-md.jpg); }

.bnr-h-1 { font-size: 220%; padding-top: .75em; padding-bottom: 0em; }

}

@media only screen and (max-height: 700px) {
.btn-vniz-box { display: none; }
}

@media only screen and (max-width: 767px) {
.btn-vniz-box { display: none; }
.display-desk-min { display: none; }
.display-mob-min { display: block; }
.item-point li::before { width: 9px; height: 9px; top: 7px; }
.sliiider-box-bottom { padding-top: 50px; }
.logo-big img { width: 90%; }

.utp-labels, .utp-labels div { display: block; }
.head-bar .mobmenu { display: block; }
.menubar-placeholder { display: none; }
.main-menu { position: fixed; bottom:0; z-index:100000; overflow:auto; background-color: rgb(104,140,152); color: rgb(255,255,255); 
left:auto; right: -85%; width: 85%; padding-top:60px;
}
.main-menu.actv { right:0; }

.main-menu > div > ul > li { float: none; }
.main-menu > div > ul > li > a {
    display: block;
    padding: .5em .75em;
    color: rgb(255,255,255);
    font-weight: 500;
	font-size:1.25em;
}
.menu-close { display:block; }

.main-menu > div > ul > li.actv, .main-menu > div > ul > li:hover, .main-menu > div > ul > li.actv:hover, .main-menu > div > ul > li.actv > a:hover, .main-menu > div > ul > li > ul > li > a:hover {
	background-color: rgb(87,119,130) !important;
}
.main-menu > div > ul > li > ul {
	position: relative;
	left: 0;
	top: 0;
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 0.9em;
	width: 20em;
	background-color: rgb(139,167,175);
	opacity: 1;
	visibility: visible;
	display:none;
	width: 100%;
}
.main-menu > div > ul > li > a:hover {
	background-color: rgb(87,119,130);
	color: rgb(255,255,255);
}
.main-menu > div > ul > li > ul > li > a {
    display: block;
    padding: 1em 15px;
    color: rgb(255,255,255);
}

.glavmam {
	text-align: center;
}

.page-title { background-image: url(../img/bg-page-title-sm.jpg); }
.slog-main { padding: 10px 0px; }
.bnr-h-1 { font-size: 210%; padding-top: .6em; }
.color-line { width: 35%; height: 8px; }




}
@media only screen and (max-width: 767px) and (orientation: portrait) {
}

@media only screen and (max-width: 640px) {
.bnr-h-1 { font-size: 200%; }
.bnr-h-2 { font-size: 125%; margin-bottom: .5em; }
.bnr-h-3 { font-size: 125%; }
}


@media only screen and (max-width: 480px) {
body { font-size: 15px; }
.h-1 { font-size: 175%; margin-top: 20px; margin-bottom: 10px; }
.h-2 { font-size: 160%; margin-top: 12px; margin-bottom: 8px; }
.h-3 { font-size: 145%; margin-top: 12px; margin-bottom: 8px; }
.h-4 { font-size: 130%; margin-top: 12px; margin-bottom: 8px; }
.h-5 { font-size: 110%; margin-top: 10px; margin-bottom: 7px; }
.h-6 { font-size: 105%; margin-top: 10px; margin-bottom: 6px; }
.item-point li:before { width: 8px; height: 8px; top: 7px; }
.tab-line-link:before { top: 7px; left: -12px; }
.tab-line-link.actv:before { top: 7px; left: -12px; }
.phone-mob-btn { width: 75px; height: 75px; background-image: url(../img/phone-sm.png); } 
.vverh:after { margin: 15px; }
.td-marg { padding-right: 20px; }
#toTop { margin-top: -24px; width: 48px; height: 48px; }
.item-point li:before { left: -20px; }
.item-point { padding-left: 20px; }
.logo-big img { width: 80%; }

.head-bar .logo { width: 120px; }
.head-bar .mobmenu {
    right: 8px; top: 8px;
    width: 53px; height: 53px;
}
.head-bar .mobmenu span { top: 26px; left: 13px; }

.page-title { background-image: url(../img/bg-page-title-xs.jpg); }
.bnr-h-1 { font-size: 180%; }
.bnr-h-2 { font-size: 120%; width: 110%; }
.bnr-h-3 { font-size: 120%; }
.color-line { width: 35%; height: 6px; }

}
@media only screen and (max-width: 360px) {
.main-scr-btn { display: none; }
.td-marg { padding-right: 10px; }
.logo-big img { width: 70%; }

.bnr-h-1 { font-size: 160%; }
.bnr-h-2 { font-size: 100%; width: 120%; }
.bnr-h-3 { font-size: 110%; }

}
@media only screen and (max-height: 420px) {
body { font-size: 15px; }
.h-1 { font-size: 175%; margin-top: 20px; margin-bottom: 10px; }
.h-2 { font-size: 160%; margin-top: 12px; margin-bottom: 8px; }
.h-3 { font-size: 145%; margin-top: 12px; margin-bottom: 8px; }
.h-4 { font-size: 130%; margin-top: 12px; margin-bottom: 8px; }
.h-5 { font-size: 120%; margin-top: 10px; margin-bottom: 7px; }
.h-6 { font-size: 110%; margin-top: 10px; margin-bottom: 6px; }
.main-scr-btn { display: none; }
.screen-main { background-image: url(../img/bg-child-700.jpg); background-size: 75%; }
.text-box-vert-padd { padding-top: 20px; padding-bottom: 20px; }
.vert-padd-h-1 { padding-top: 10px; padding-bottom: 10px; }
.padd-t-1 { padding-top: 3px; }
.padd-t-2 { padding-top: 7px; }
.padd-t-3 { padding-top: 10px; }
.padd-t-4 { padding-top: 14px; }
.padd-t-5 { padding-top: 20px; }
.padd-t-6 { padding-top: 25px; }
.logo-footer { max-width:17px; }
.logo-red-top { width:50%; max-width: 200px; }
}