@charset "utf-8";
/* CSS Document */

* {
	margin: 0px; padding: 0px; border-spacing: 0px;
	border-width: 0 0 0 0;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
ul { list-style-type: none; }


html {
	min-height: 100%;
	width: 100%;
	position: relative;
	/*background-color: rgb(247,245,238);*/
	padding-bottom: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	min-height: 100%;
	min-width: 320px;
	background-color: transparent;
	width: 100%;
	overflow: auto;
}

body, h1, h2, h3, h4, h5, h6 { font-size: 18px; color: rgb(51,51,51); }
h1 { font-weight: 500; }
h2, h3, h4, h5, h6 { font-weight: 400; }

a {color: rgb(102,102,102);}	
a:hover { color: rgb(204,0,0); }

.total-wraper {
	overflow: hidden;
	left: 0;
}
html.sdvig .total-wraper {
	overflow: hidden;
	position: relative;
	left: 50%;
}

.o---plugin---to--top---------------{}
#toTop {
    /*display: none;*/
	visibility: hidden;
	z-index: 10000;
    position: fixed;
	bottom: 180px;
	margin-top: -32px;
    /*bottom: 5px;*/
    right: 16px;
    width: 64px;
    height: 64px;
    opacity: 0;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor:pointer; cursor: hand; border-radius: 4px;
	background-color: rgb(21,21,21);
	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:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 36px;
	height: 22px;
	margin-top: -13px;
	margin-left: -18px;
	background-image: url(../img/totop.png);
}
#toTop:hover.actv {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#toTop.actv {
	visibility: visible;
	opacity: 0.5;
}
.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, .li-point li:before { 
	-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, .forma-zaprosa .row.sendbtn-box .item input, .forma-zaprosa .row.sendbtn-box .item a, .btn-call-orderform, .forma-zaprosa .xbtn {
	-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 {
	-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, html {
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.sloow, img.lazy {
	-webkit-transition: all 1s linear; -moz-transition: all 1s linear;
	-ms-transition: all 1s linear; -o-transition: all 1s linear;
    transition: all 1s linear;
}
.slooow {
	-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;
}
*:hover.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);
}
*:hover.scale2 {
    -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.scale3, img.lazy[data-src] {
    -webkit-transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}


.o------------POSITION-------------------------{}
.abs { position:absolute; }
.rel { position: relative; }
.fix { position: fixed; }
.abs-full { position:absolute; left:0; top:0; width:100%; height:100%; }

.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: auto; }
.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; }
.display-none { display: none; }

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

.menu-inline { margin: 0; }
.menu-inline li { display: block; float:left; }

.text-center { text-align: center; }
.text-right { text-align: right; }

.o------ROW---and---COL-----------------------------------{}
.wid-0 { width: 0; }
.row-wrapper { margin:0; padding:0; position: relative; }
.wid-limit { min-width:240px; max-width:1600px; margin:0 auto; position: relative; z-index:0; width:100%; /*overflow: hidden;*/ }
.wid-padd { padding-left: 50px; padding-right: 50px; }
.widpadd-out { margin-left: -50px; margin-right: -50px; }

.wid-limit:before, .clear:before, .menu-inline:before { content: ''; display:block;}
.wid-limit:after, .clear:after, .menu-inline:after { content:''; clear: both; display: block; }

.col-50 {
	display: block;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

.col-padd {padding-left: 15px; padding-right: 15px;}

.row-vert-padd { padding-top: 6%; padding-bottom: 6%; }
.wid-100-max { max-width: 100%; width: auto; }
.wid-100 { width: 100%; }

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

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

.marg-t-0 { margin-top: 0 !important; }
.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-t-6 { margin-top: 1.5em !important; }
.marg-t-7 { margin-top: 2em !important; }
.marg-t-8 { margin-top: 3em !important; }
.marg-t-9 { margin-top: 4em !important; }
.marg-t-10 { margin-top: 5em !important; }

.marg-b-0 { margin-bottom: 0 !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; }

.marg-vert-0 { margin-top: 0px !important;; margin-bottom: 0px !important;; }
.marg-vert-15 { margin-top: 1.5em; margin-bottom: 1.5em; }
.marg-vert-20 { margin-top: 2em; margin-bottom: 2em; }

.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-0 { padding-top: 0em !important; }
.padd-t-1 { padding-top: .2em !important; }
.padd-t-2 { padding-top: .4em !important; }
.padd-t-3 { padding-top: .6em !important; }
.padd-t-4 { padding-top: .8em !important; }
.padd-t-5 { padding-top: 1em !important; }
.padd-t-6 { padding-top: 1.5em !important; }
.padd-t-7 { padding-top: 2em !important; }
.padd-t-8 { padding-top: 3em !important; }
.padd-t-9 { padding-top: 4em !important; }
.padd-t-10 { padding-top: 5em !important; }

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

.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; }

.marg-vert-1 { margin-top: .2em !important; margin-bottom: .2em !important; }
.marg-vert-2 { margin-top: .4em !important; margin-bottom: .4em !important; }
.marg-vert-3 { margin-top: .6em !important; margin-bottom: .6em !important; }
.marg-vert-4 { margin-top: .8em !important; margin-bottom: .8em !important; }
.marg-vert-5 { margin-top: 1em !important; margin-bottom: 1em !important; }
.marg-vert-6 { margin-top: 1.5em !important; margin-bottom: 1.5em !important; }
.marg-vert-7 { margin-top: 2em !important; margin-bottom: 2em !important; }
.marg-vert-8 { margin-top: 3em !important; margin-bottom: 3em !important; }
.marg-vert-9 { margin-top: 4em !important; margin-bottom: 4em !important; }
.marg-vert-10 { margin-top: 5em !important; margin-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; }

.marg-all-1 { margin: .2em; }
.marg-all-2 { margin: .4em; }
.marg-all-3 { margin: .6em; }
.marg-all-4 { margin: .8em; }
.marg-all-5 { margin: 1em; }

.padd-hor-desk { padding-left:15px; padding-right:15px; }

.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 {
	position: fixed; visibility: hidden;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
	opacity:0; z-index: 999999;
	overflow: auto;
	text-align: center;
}
.overlay:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.overlay.actv { 
	visibility: visible; opacity:1;
}
html.sdvig .overlay { 
	left: 40%;
}
.overlay .overlay-bg {
	background-color: rgb(51,51,51);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 5em;
	padding: 0;
	opacity: .9;
}
.overlay.actv .overlay-bg {
	margin: 0;
	padding: 5em;
}
html.sdvig .overlay-bg {
	left: 40%;
}
.overlay .overlay-content {
	position: relative;
	width: 99%;
	max-width: 720px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: scale(.5,.5); -moz-transform: scale(.5,.5);
	-ms-transform: scale(.5,.5); -o-transform: scale(.5,.5);
	transform: scale(.5,.5);
}
.overlay.actv .overlay-content {
	-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
	-ms-transform: scale(1,1); -o-transform: scale(1,1);
	transform: scale(1,1);
}




.o------ZAGOLOVKI-i-TEXT-----------------------------------{}
.h-0 { font-size: 350%; padding-top: 30px; padding-bottom: 20px; margin:0; }
.h-1 { font-size: 250%; padding-top: 30px; padding-bottom: 20px; margin:0; }
.h-2 { font-size: 210%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-3 { font-size: 175%; line-height: 1.35em !important; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-4 { font-size: 150%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-5 { font-size: 125%; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-6 { font-size: 110%; padding-top: 20px; padding-bottom: 15px; margin:0; }

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

.font-110 { font-size: 110%; }
.font-125 { font-size: 125%; }
.font-150 { font-size: 150%; }
.font-200 { font-size: 200%; }
.font-90  { font-size: 90%; }
.font-75  { font-size: 75%; }
.font-50  { font-size: 50%; }

.font-0 { font-size: 4.25rem; }
.font-1 { font-size: 3.5rem; }
.font-2 { font-size: 2.75rem; }
.font-3 { font-size: 2.25rem; }
.font-4 { font-size: 1.75rem; }
.font-5 { font-size: 1.5rem; }
.font-6  { font-size: 1.25rem; }
.font-7  { font-size: 1.1rem; }
.font-8  { font-size: 1.05rem; }


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:400;}
.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-rubin { color: rgb(126,67,81) !important; }
.bg-clr-rubin { background-color: rgb(107,61,69) !important; }
.clr-bezh { color: rgb(159, 146, 140) !important; }
.bg-clr-bezh { background-color: rgb(159, 146, 140) !important; }
.clr-bezh-dark { color: rgb(196,165,131) !important; }
.bg-clr-light { background-color: rgb(242, 235, 231) !important; }
.bg-clr-grey-235 { background-color: rgb(235, 235, 235) !important; }
.bg-clr-grey-204 { background-color: rgb(204,204,204) !important; }
.clr-grey-dark { color: rgb(71,79,91) !important; }
.bg-clr-grey-dark { background-color: rgb(71,79,91) !important; }

.clr-silver { color: silver !important; }
.bg-clr-silver { background-color: silver !important; }
.clr-yello { color: rgb(255,237,0) !important; }
.bg-clr-yello { background-color: rgb(255,237,0) !important; }

.clr-moreno { color: rgb(119,147,162) !important; }
.bg-clr-moreno { background-color: rgb(119,147,162) !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; }


/* +++++++++++++++++++ V I R O T E S T +++++++++++++++++++ */

.bg-balls {
	background-image: url(../img/bg-balls-md.png);
}
.bg-balls-light {
	background-image: url(../img/bg-balls-md-light.png);
}
p img {
	max-width: 100%;
}
.li-point {
	margin-bottom: 1.75em;
	padding-right: 1.5em;
}
.li-point li {
	position: relative;
	margin: 1em 0;
	padding-left: 3em;
	line-height: 1.1em;
}
.li-point li:before {
	content: '';
	position: absolute;
	left: 1em;
	top: .55em;
	margin-top: -5px;
	display: block;
	width: 10px;
	height: 10px;
	background-color: rgb(182,22,21);
}
.v-table, .compare {
	width: 100%;
	text-align: left;
}
.v-table.rght {
	text-align: center;
}
.v-table.rght p {
	text-align: left;
	padding: 0;
	margin: 0;
}
.v-table tr, .compare tr {
	border-bottom: solid 2px #f2ebe7;
}
.v-table th, .compare th {
	padding: .75em;
	background-color: #f2ebe7;
}
.v-table td, .compare td {
	padding: .5em;
	position: relative;
}
.compare td {
	font-weight: 500;
}
.compare td + td{
	font-weight: 300;
}
.v-table tr > td + td, .v-table tr > th + th {
	text-align: center;
}
.v-table td > i {
	display: block;
	position: absolute;
	width: 36px;
	height: 36px;
	background-image: url(../img/v.png);
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.redline {
	position: relative;
	transform: translate(0,-50%);
}


img.lazy[data-src]{
	opacity: 0;
}
img.lazy[src]{
	opacity: 1;
}









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

@media only screen and (max-width: 1680px) {

}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1280px), screen and (max-height: 800px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 18px; }
.vverh { margin-right: -10px; }
}

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1100px) {	
body, h1, h2, h3, h4, h5, h6 { font-size: 17px; }
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 991px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 16px; }
.display-desk { display: none !important; }
.display-mob { display: block !important; }

.wid-padd { padding-left: 40px; padding-right: 40px; }
.padd-hor-desk { padding-left:10px; padding-right:10px; }
}

@media only screen and (max-width: 840px) {	
.font-0 { font-size: 3.25rem; }
.font-1 { font-size: 3rem; }
.font-2 { font-size: 2.25rem; }
.font-3 { font-size: 1.75rem; }
.font-4 { font-size: 1.5rem; }
.font-5 { font-size: 1.25rem; }
.font-6  { font-size: 1.15rem; }
.font-7  { font-size: 1.1rem; }
.font-8  { font-size: 1.05rem; }
}

@media only screen and (max-height: 700px) {
}

@media only screen and (max-width: 767px) {
.display-desk-min { display: none; }
.display-mob-min { display: block; }
.mob-text-center { text-align: center; }
.red-btn-xl { padding: .7em 1.1em; }
	
.font-0 { font-size: 3rem; }
.font-1 { font-size: 2.75rem; }
.font-2 { font-size: 2.05rem; }
.font-3 { font-size: 1.6rem; }
.font-4 { font-size: 1.35rem; }
.font-5 { font-size: 1.22rem; }
.font-6  { font-size: 1.13rem; }
.font-7  { font-size: 1.1rem; }
.font-8  { font-size: 1.05rem; }
}
}

@media only screen and (max-width: 640px) {
#toTop { top: 80%; margin-top: -40px; width: 40px; height: 40px; background-image: url(../img/vverh-sm.png); }
#toTop:after { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; background-image: url(../img/sprite-mob-menu.png);
	background-size: 120px 120px; background-position: -100px -80px;}
	
.wid-padd { padding-left: 30px; padding-right: 30px; }

}

@media only screen and (max-width: 540px) {
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
}
@media only screen and (max-width: 480px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 15px; }
.h-0 { font-size: 225%; padding-top: 20px; padding-bottom: 10px; }
.h-1 { font-size: 175%; padding-top: 20px; padding-bottom: 10px; }
.h-2 { font-size: 160%; padding-top: 12px; padding-bottom: 8px; }
.h-3 { font-size: 145%; padding-top: 12px; padding-bottom: 8px; }
.h-4 { font-size: 130%; padding-top: 12px; padding-bottom: 8px; }
.h-5 { font-size: 120%; padding-top: 10px; padding-bottom: 7px; }
.h-6 { font-size: 110%; padding-top: 10px; padding-bottom: 6px; }
	
.font-0 { font-size: 2.5rem; }
.font-1 { font-size: 2.25rem; }
.font-2 { font-size: 1.75rem; }
.font-3 { font-size: 1.6rem; }
.font-4 { font-size: 1.4rem; }
.font-5 { font-size: 1.25rem; }
.font-6  { font-size: 1.15rem; }
.font-7  { font-size: 1.1rem; }
.font-8  { font-size: 1.05rem; }

.wid-padd { padding-left: 20px; padding-right: 20px; }
}
@media only screen and (max-width: 420px) {
}
@media only screen and (max-width: 360px) {
.wid-padd { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-height: 360px) {

}
@media only screen and (max-height: 420px) {
body, h1, h2, h3, h4, h5, h6 { font-size: 15px; }
.h-0 { font-size: 225%; padding-top: 20px; padding-bottom: 10px; }
.h-1 { font-size: 175%; padding-top: 20px; padding-bottom: 10px; }
.h-2 { font-size: 160%; padding-top: 12px; padding-bottom: 8px; }
.h-3 { font-size: 145%; padding-top: 12px; padding-bottom: 8px; }
.h-4 { font-size: 130%; padding-top: 12px; padding-bottom: 8px; }
.h-5 { font-size: 120%; padding-top: 10px; padding-bottom: 7px; }
.h-6 { font-size: 110%; padding-top: 10px; padding-bottom: 6px; }
	


}