@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;
}
html {
	min-height: 100%;
	width: 100%;
	position: relative;
	background-color: #070707;
	background-color: #161618;
	padding-bottom: 0;
	font-size: 17px;
}
body, input, textarea {
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 300;
}
body {
	min-height: 100%;
	min-width: 320px;
	background-color: transparent;
	width: 100%;
	overflow: auto;
}
body, h1, h2, h3, h4, h5, h6 { font-size: 1rem; color: #161618; }
h1 { font-weight: 500; }
h2, h3, h4, h5, h6 { font-weight: 400; }
p { line-height: 1.4em; }
p img { max-width: 100%; }

a { color: rgb(0, 135, 176); text-decoration: none; }	
a:hover { color: rgb(204,0,0); }

ul { list-style-type: none; }

img.lazy[data-src]{
	opacity: 0;
}
img.lazy[src]{
	opacity: 1;
}
#jsContentWid { width: 100%; height: 0;}


/*#################### plugin ## to--top ##############################*/
#toTop {
    /*display: none;*/
	visibility: hidden;
	z-index: 10000;
    position: fixed;
	bottom: 180px;
	margin-top: -32px;
    /*bottom: 5px;*/
    right: 16px;
    width: 80px;
    height: 80px;
    opacity: 0;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor:pointer; cursor: hand; border-radius: 4px;
	background-color: rgb(21,21,21);
	background-color: rgb(183, 161, 135);
	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: '\f176';
	position: absolute;
	top: 50%;
	height: 1.35rem;
	margin-top: -.67rem;
	font-family: "iconset";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 100%;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	color: black;
	font-size: 1.35rem;
}
#toTop:hover.actv {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#toTop.actv {
	visibility: visible;
	opacity: 0.5;
}
/*#################### / plugin ## to--top ##############################*/


/* +++ CLOSE SUBMENU BUTTON X +++ */
.close-submenu-btn {
	position: fixed;
	width: 5rem; height: 5rem;
	top: 0; right: 2rem;
	margin-top: 2rem;
	z-index: 1000010;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
}
.scroll .close-submenu-btn {
	top: 0;
}
.over-hidd .close-submenu-btn {
	opacity: 1;
	visibility: visible;
}
.close-submenu-btn::before, .close-submenu-btn::after {
	content: '';
	position: absolute;
	background-color: #ffffff80;
	-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
	-ms-transform: scale(1,1); -o-transform: scale(1,1);
	transform: rotate(45deg);
}
.close-submenu-btn::before {
	left: 0; top: 50%;
	width: 100%; height: 2px;
	margin-top: -1px;
}
.close-submenu-btn::after {
	left: 50%; top: 0;
	width: 2px; height: 100%;
	margin-left: -1px;
}
.close-submenu-btn:hover::before, .close-submenu-btn:hover::after {
	background-color: #b7a187;
	
}
/* +++ / CLOSE SUBMENU BUTTON X +++ */

/* +++ CONTACT BAR BUTTON +++ */
.contacts-bar-btn {
	position: fixed;
	width: 5rem; height: 5rem;
	top: 0; right: 2rem;
	margin-top: 2rem;
	z-index: 10000010;
	cursor: pointer;
}
.scroll .contacts-bar-btn {
	top: 0;
}
.over-hidd .contacts-bar-btn {
	display: none;
}
.contacts-bar-btn b {
	position: absolute;
	display: block;
	left: 0; top: 0; width: 100%; height: 100%;
	background-color: #b7a187;
}
.contacts-bar-btn:hover b {
	background-color: #161618;
}
.contacts-bar-btn i {
	position: absolute;
	display: block;
	width: 100%; height: 100%;
	font-size: 2rem;
	line-height: 5rem;
	text-align: center;
	color: #161618;
}
.contacts-bar-btn:hover i {
	color: #b7a187;
}
.contacts-bar-btn i::before {
	width: 100%;
	margin: 0;
}
.contacts-bar-btn::before {
	content: '';
	position: absolute;
	left: 0; top: 0; width: 100%; height: 100%;
	background-color: #b7a187;
	-webkit-animation: contacts_bar_btn_impuls 6s linear infinite;
	-moz-animation: contacts_bar_btn_impuls 6s linear infinite;
	-ms-animation: contacts_bar_btn_impuls 6s linear infinite;
	-o-animation: contacts_bar_btn_impuls 6s linear infinite;
	animation: contacts_bar_btn_impuls 6s linear infinite;
}
.contacts-bar-btn b + i {
	-webkit-animation: contacts_bar_btn_change_1 6s linear infinite;
	-moz-animation: contacts_bar_btn_change_1 6s linear infinite;
	-ms-animation: contacts_bar_btn_change_1 6s linear infinite;
	-o-animation: contacts_bar_btn_change_1 6s linear infinite;
	animation: contacts_bar_btn_change_1 6s linear infinite;
}
.contacts-bar-btn b + i+ i {
	-webkit-animation: contacts_bar_btn_change_2 6s linear infinite;
	-moz-animation: contacts_bar_btn_change_2 6s linear infinite;
	-ms-animation: contacts_bar_btn_change_2 6s linear infinite;
	-o-animation: contacts_bar_btn_change_2 6s linear infinite;
	animation: contacts_bar_btn_change_2 6s linear infinite;
}

@keyframes contacts_bar_btn_change_1 {
	0% { opacity: 1; }
	40% { opacity: 1; }
	50% { opacity: 0; }
	90% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes contacts_bar_btn_change_2 {
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes contacts_bar_btn_impuls {
	0% {
		opacity: 1;
		-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
		-ms-transform: scale(1,1); -o-transform: scale(1,1);
		transform: scale(1,1);
	}
	90% {
		opacity: 1;
		-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
		-ms-transform: scale(1,1); -o-transform: scale(1,1);
		transform: scale(1,1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3);
		-ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3);
		transform: scale(1.3,1.3);
	}
}

@-webkit-keyframes contacts_bar_btn_change_1 {
	0% { opacity: 1; }
	40% { opacity: 1; }
	50% { opacity: 0; }
	90% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes contacts_bar_btn_change_2 {
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes contacts_bar_btn_impuls {
	0% {
		opacity: 1;
		-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
		-ms-transform: scale(1,1); -o-transform: scale(1,1);
		transform: scale(1,1);
	}
	90% {
		opacity: 1;
		-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
		-ms-transform: scale(1,1); -o-transform: scale(1,1);
		transform: scale(1,1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.3,1.3); -moz-transform: scale(1.3,1.3);
		-ms-transform: scale(1.3,1.3); -o-transform: scale(1.3,1.3);
		transform: scale(1.3,1.3);
	}
}
/* +++ CONTACT BAR BUTTON +++ */










/*#################### RADIUS ##############################*/
.radius-50, #toTop, .li-hr > li::before, .li-hr > li > i, .contacts-bar-btn, .contacts-bar-btn::before, .contacts-bar-btn b { 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
	border-radius: 50%; }
.radius-full { 
	-webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; 
	border-radius: 100px; }
.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; }
.radius-1em {
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em;
	border-radius: 1em; }


/*#################### TRANSITION ##############################*/
.move, button, .product .gal > i, .nav-other a i, .pricebox input+i::before, .sizes-list a::before, .nav-rotate, .contacts-bar-btn i
 {
	-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, a, img.lazy, img, .subnav, .submenu-list a:hover > span,
.header, .nav, .contacts-bar-btn, .contacts-bar-btn:hover b,
.btn-call,
.btn-sm a::before, .btn-md a::before, .btn-lg a::before, .btn-xl a::before, .btn-sm a::after, .btn-md a::after, .btn-lg a::after, .btn-xl a::after, 
.btn-sm button::before, .btn-md button::before, .btn-lg button::before, .btn-xl button::before, .btn-sm button::after, .btn-md button::after, .btn-lg button::after, .btn-xl button::after
{
	-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);
}
*:hover.scale, .cat .itm:hover::before  {
    -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], .cat .itm::before {
    -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);
}
.scale4, .items > a:hover > span:first-child, .cat .itm:hover > dl dt > a {
    -webkit-transform: scale(0.9,0.9); -moz-transform: scale(0.9,0.9);
	-ms-transform: scale(0.9,0.9); -o-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
}



.pull-out.actv, 
.subnav.actv {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.pull-out,
.subnav {
	-webkit-transform: translateY(30vh);
	-moz-transform: translateY(-30vh);
	-ms-transform: translateY(-30vh);
	-o-transform: translateY(-30vh);
	transform: translateY(-30vh);
}



.trans-center, .main-sldr .pic img {
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.trans-center-x, 
.btn-sm a:hover::before, .btn-md a:hover::before, .btn-lg a:hover::before, .btn-xl a:hover::before,
.btn-sm button:hover::before, .btn-md button:hover::before, .btn-lg button:hover::before, .btn-xl button:hover::before {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.trans-center-y, 
.btn-sm a:hover::after, .btn-md a:hover::after, .btn-lg a:hover::after, .btn-xl a:hover::after,
.btn-sm button:hover::after, .btn-md button:hover::after, .btn-lg button:hover::after, .btn-xl button:hover::after {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}



/*#################### 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: scroll; }
.vis-hidd { visibility: hidden; }
.vis-vis { visibility: visible; }

.hr { display: block; clear: both; width: 100%; height: 1px; background-color: rgb(204,204,204); }

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

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


/*#################### ROW---and---COL ##############################*/
.wid-0 { width: 0; }
.wid-100 { width: 100%; }
.max-wid-100 { max-width: 100%; width: auto; }

.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%; }
.box-limit { max-width: 720px; margin-left: auto; margin-right: auto; }

.wid-padd { padding-left: 50px; padding-right: 50px; position: relative; }
.wid-half-padd { padding-left: 25px; padding-right: 25px; position: relative; }
.content-padd { margin: 0 12.5%; }
.content-half-padd { margin: 0 6.25%; }
.total-box-padd { margin: 0 6.25%; }
.wid-marg-out { margin-left: -50px; margin-right: -50px; position: relative; }
.wid-marg-out-half { margin-left: -25px; margin-right: -25px; position: relative; }

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

.col-50 > div { display: block; float: left; width: 50%; margin: 0; padding: 0; }
.col-50::after { content: ''; display: table; height: 0;}

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



/* ------ F L E X ----- */
.flex-basis-0 { 
	flex-basis: 0;
}
.flex-basis-full { 
	flex-basis: 100%;
}

.flex-grow-1 {
	flex-grow: 1;
}
.flex-grow-2 {
	flex-grow: 2;
}
.flex-grow-3 {
	flex-grow: 3;
}
.flex-shrink-0 {
	flex-shrink: 0;
}
.flex-1-0-0 {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
}
.flex-2-0-0 {
	flex-grow: 2;
	flex-shrink: 0;
	flex-basis: 0;
}
.flex-3-0-0 {
	flex-grow: 3;
	flex-shrink: 0;
	flex-basis: 0;
}




.flex,
.dzen-picsfeed-box, .submenu-list li,
.pricebox .box1 form > ul+ul > li > div, .pricebox .box2 dt, .pricebox .box2 dd
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.flex-wrap, 
.cat .itm > a ul, .cat .itm > a dl, .product .loc, .product .gal, .pricebox .box form > ul > li, .pricebox .box2 dl,
.order-html li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap: wrap; 
	flex-wrap: wrap;
}
.flex-nowrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap; 
	-ms-flex-wrap: nowrap; 
	flex-wrap: nowrap;
}
.flex-row {
	-webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-col, 
.pricebox .box1 form > ul+ul > li > div, .pricebox .sizes-list div
{
	-webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-just-start,
.dzen-picsfeed-box {
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.flex-just-end {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.flex-just-between, .cat .itm > a dl {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-just-around {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	-ms-flex-pack: justify;
	justify-content: space-around;
}
.flex-just-center,
.submenu-list li, .pricebox .box1 form > ul+ul > li > div,
.order-html li
{
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-just-right, .product .loc {
	-webkit-box-pack: right;
	-webkit-justify-content: right;
	-ms-flex-pack: right;
	justify-content: right;
}
.flex-items-center, 
.cat .itm > a dl, .pricebox .box2 dt, .pricebox .box2 dd {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-items-stretch,
.dzen-picsfeed-box {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: center;
	align-items: stretch;
}
.flex-row-reverse {
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}
.flex-col-reverse {
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}


/* ----------- */
.marg-t-0, .marg-vert-0 { margin-top: 0 !important; }
.marg-t-1, .marg-vert-1 { margin-top: .2em !important; }
.marg-t-2, .marg-vert-2 { margin-top: .4em !important; }
.marg-t-3, .marg-vert-3 { margin-top: .6em !important; }
.marg-t-4, .marg-vert-4 { margin-top: .8em !important; }
.marg-t-5, .marg-vert-5 { margin-top: 1em !important; }
.marg-t-6, .marg-vert-6 { margin-top: 1.25em !important; }
.marg-t-7, .marg-vert-7 { margin-top: 1.5em !important; }
.marg-t-8, .marg-vert-8 { margin-top: 1.75em !important; }
.marg-t-9, .marg-vert-9 { margin-top: 2em !important; }
.marg-t-10, .marg-vert-10 { margin-top: 2.5em !important; }

.marg-b-0, .marg-vert-0 { margin-bottom: 0 !important; }
.marg-b-1, .marg-vert-1 { margin-bottom: .2em !important; }
.marg-b-2, .marg-vert-2 { margin-bottom: .4em !important; }
.marg-b-3, .marg-vert-3 { margin-bottom: .6em !important; }
.marg-b-4, .marg-vert-4 { margin-bottom: .8em !important; }
.marg-b-5, .marg-vert-5 { margin-bottom: 1em !important; }
.marg-b-6, .marg-vert-6 { margin-bottom: 1.25em !important; }
.marg-b-7, .marg-vert-7 { margin-bottom: 1.5em !important; }
.marg-b-8, .marg-vert-8 { margin-bottom: 1.75em !important; }
.marg-b-9, .marg-vert-9 { margin-bottom: 2em !important; }
.marg-b-10, .marg-vert-10 { margin-bottom: 2.5em !important; }
/* ----------- */
.marg-l-0, .marg-hor-0 { margin-left: 0 !important; }
.marg-l-1, .marg-hor-1 { margin-left: 5px !important; }
.marg-l-2, .marg-hor-2 { margin-left: 10px !important; }
.marg-l-3, .marg-hor-3 { margin-left: 15px !important; }
.marg-l-4, .marg-hor-4 { margin-left: 20px !important; }
.marg-l-5, .marg-hor-5 { margin-left: 25px !important; }
.marg-l-6, .marg-hor-6 { margin-left: 30px !important; }
.marg-l-7, .marg-hor-7 { margin-left: 40px !important; }
.marg-l-8, .marg-hor-8 { margin-left: 50px !important; }
.marg-l-9, .marg-hor-9 { margin-left: 75px !important; }
.marg-l-10, .marg-hor-10 { margin-left: 100px !important; }

.marg-r-0, .marg-hor-0 { margin-right: 0 !important; }
.marg-r-1, .marg-hor-1 { margin-right: 5px !important; }
.marg-r-2, .marg-hor-2 { margin-right: 10px !important; }
.marg-r-3, .marg-hor-3 { margin-right: 15px !important; }
.marg-r-4, .marg-hor-4 { margin-right: 20px !important; }
.marg-r-5, .marg-hor-5 { margin-right: 25px !important; }
.marg-r-6, .marg-hor-6 { margin-right: 30px !important; }
.marg-r-7, .marg-hor-7 { margin-right: 40px !important; }
.marg-r-8, .marg-hor-8 { margin-right: 50px !important; }
.marg-r-9, .marg-hor-9 { margin-right: 75px !important; }
.marg-r-10, .marg-hor-10 { margin-right: 100px !important; }
/* ----------- */

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

.text-top { vertical-align: top; }
.text-middle { vertical-align: middle; }
.text-bottom { vertical-align: bottom; }


/* ----------- */
.padd-l-0, .padd-hor-0 { padding-left: 0 !important; }
.padd-l-1, .padd-hor-1 { padding-left: 5px !important; }
.padd-l-2, .padd-hor-2 { padding-left: 10px !important; }
.padd-l-3, .padd-hor-3 { padding-left: 15px !important; }
.padd-l-4, .padd-hor-4 { padding-left: 20px !important; }
.padd-l-5, .padd-hor-5 { padding-left: 25px !important; }
.padd-l-6, .padd-hor-6 { padding-left: 30px !important; }
.padd-l-7, .padd-hor-7 { padding-left: 40px !important; }
.padd-l-8, .padd-hor-8 { padding-left: 50px !important; }
.padd-l-9, .padd-hor-9 { padding-left: 75px !important; }
.padd-l-10, .padd-hor-10 { padding-left: 100px !important; }

.padd-r-0, .padd-hor-0 { padding-right: 0 !important; }
.padd-r-1, .padd-hor-1 { padding-right: 5px !important; }
.padd-r-2, .padd-hor-2 { padding-right: 10px !important; }
.padd-r-3, .padd-hor-3 { padding-right: 15px !important; }
.padd-r-4, .padd-hor-4 { padding-right: 20px !important; }
.padd-r-5, .padd-hor-5 { padding-right: 25px !important; }
.padd-r-6, .padd-hor-6 { padding-right: 30px !important; }
.padd-r-7, .padd-hor-7 { padding-right: 40px !important; }
.padd-r-8, .padd-hor-8 { padding-right: 50px !important; }
.padd-r-9, .padd-hor-9 { padding-right: 75px !important; }
.padd-r-10, .padd-hor-10 { padding-right: 100px !important; }
/* ----------- */
.padd-t-0, .padd-vert-0 { padding-top: 0 !important; }
.padd-t-1, .padd-vert-1 { padding-top: .2em !important; }
.padd-t-2, .padd-vert-2 { padding-top: .4em !important; }
.padd-t-3, .padd-vert-3 { padding-top: .6em !important; }
.padd-t-4, .padd-vert-4 { padding-top: .8em !important; }
.padd-t-5, .padd-vert-5 { padding-top: 1em !important; }
.padd-t-6, .padd-vert-6 { padding-top: 1.25em !important; }
.padd-t-7, .padd-vert-7 { padding-top: 1.5em !important; }
.padd-t-8, .padd-vert-8 { padding-top: 1.75em !important; }
.padd-t-9, .padd-vert-9 { padding-top: 2em !important; }
.padd-t-10, .padd-vert-10 { padding-top: 2.5em !important; }

.padd-b-0, .padd-vert-0 { padding-bottom: 0 !important; }
.padd-b-1, .padd-vert-1 { padding-bottom: .2em !important; }
.padd-b-2, .padd-vert-2 { padding-bottom: .4em !important; }
.padd-b-3, .padd-vert-3 { padding-bottom: .6em !important; }
.padd-b-4, .padd-vert-4 { padding-bottom: .8em !important; }
.padd-b-5, .padd-vert-5 { padding-bottom: 1em !important; }
.padd-b-6, .padd-vert-6 { padding-bottom: 1.25em !important; }
.padd-b-7, .padd-vert-7 { padding-bottom: 1.5em !important; }
.padd-b-8, .padd-vert-8 { padding-bottom: 1.75em !important; }
.padd-b-9, .padd-vert-9 { padding-bottom: 2em !important; }
.padd-b-10, .padd-vert-10 { padding-bottom: 2.5em !important; }
/* ----------- */
.padd-hor-desk { padding-left:15px; padding-right:15px; }

.vh-25 { height: 25vh !important; }
.vh-50 { height: 50vh !important; }
.vh-75 { height: 75vh !important; }
.vh-100 { height: 100vh !important; }

.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }

.vw-25 { height: 25vw !important; }
.vw-33 { height: 33.33vw !important; }
.vw-50 { height: 50vw !important; }
.vw-75 { height: 75vw !important; }
.vw-100 { height: 100vw !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;
	justify-content: center;
}
.overlay.actv { 
	visibility: visible; opacity:1;
}
.overlay-content {
	position: relative;
    width: 90%;
    max-width: 900px;
    background-color: aliceblue;
    z-index: 1;
    align-self: center;
	visibility: hidden;
	opacity: 0;
	
	-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);
	
}
.show-content-box .overlay-content {
	visibility: visible;
	opacity: 1;
	
	-webkit-transform: scale(1,1); -moz-transform: scale(1,1);
	-ms-transform: scale(1,1); -o-transform: scale(1,1);
	transform: scale(1,1);
	transition-delay: .2s;
}
.overlay-content .close-btn, .over-container > .box .close-btn, .orderform-message .close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	height: 48px;
	font-size: 1.35em;
	line-height: 48px;
	color: #68adb0;
	text-align: center;
	cursor: hand;
	cursor: pointer;
}
.overlay-content .close-btn:hover {
	color: #6cd6db;
}


html.sdvig .overlay { 
	left: 40%;
}
.overlay .overlay-bg {
	background-color: #161618;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 5em;
	padding: 0;
	opacity: .95;
}
.overlay.actv .overlay-bg {
	margin: 0;
	padding: 5em;
}
html.sdvig .overlay-bg {
	left: 40%;
}

/*#################### TEXT ##############################*/
.h-0 { font-size: 3.5rem; padding-top: 30px; padding-bottom: 20px; margin:0; }
.h-1 { font-size: 2.5rem; padding-top: 30px; padding-bottom: 20px; margin:0; }
.h-2 { font-size: 2.1rem; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-3 { font-size: 1.75rem; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-4 { font-size: 1.5rem; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-5 { font-size: 1.35rem; padding-top: 20px; padding-bottom: 15px; margin:0; }
.h-6 { font-size: 1.15rem; padding-top: 20px; padding-bottom: 15px; margin:0; }

.h-1, .h-2, .h-3, .h-4, .h-5, .h-6, .cat-item-about h2, .cat-item-about h3  { line-height: 1.2em; letter-spacing: .025em; font-weight:400; }

.font-50  { font-size: .5em; }
.font-75  { font-size: .75em; }
.font-90  { font-size: .9em; }
.font-110 { font-size: 1.1em; }
.font-125 { font-size: 1.25em; }
.font-150 { font-size: 1.5em; }
.font-175 { font-size: 1.75em; }
.font-200 { font-size: 2em; }

.font--50  { font-size: .5rem; }
.font--75  { font-size: .75rem; }
.font--90  { font-size: .9rem; }
.font--110 { font-size: 1.1rem; }
.font--125 { font-size: 1.25rem; }
.font--150 { font-size: 1.5rem; }
.font--175 { font-size: 1.75rem; }
.font--200 { font-size: 2rem; }

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:500;}
.super-bold { font-weight:700;}

.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-red { color: rgb(204,0,102) !important; }
.bg-clr-red { background-color: rgb(204,0,102) !important; }




.over-container {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
}
.over-container.actv {
    opacity: 1;
    visibility: visible;
}
.over-container > .bg {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.over-container::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	margin-left: -3px;
	visibility: hidden;
}
.over-container > .box {
    position: relative;
	display: inline-block;
	vertical-align: middle;
    z-index: 2;
	overflow: hidden;
	margin: 4rem 0;
	background-color: transparent;
	color: #fff;
	width: 90%;
	max-width: 900px;
	opacity: 0;
	visibility: hidden;
}
.over-container > .box.actv {
	opacity: 1;
	visibility: visible;
}


/*##################################################################################*/
/*#########################  M I H A I L ## I V A N O V ############################*/
/*##################################################################################*/

.li-ok {
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
.li-ok > li {
	position: relative;
	margin: 1rem 0;
	padding-left: 3rem;
	line-height: 2.25rem;
}
.li-ok > li::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.25rem;
	height: 2.25rem;
	margin: 0;
	line-height: 2.25rem;
	color: #997E5D;
}

.li-hr {
}
.li-hr > li {
	position: relative;
	margin: 1.5rem 0;
	padding: 1.5rem 3rem;
	line-height: 2rem;
	border-top: solid 1px #997E5D50;
}
.li-hr > li > i {
	position: absolute;
	left: 50%;
	top: 0;
	width: 3rem;
	height: 3rem;
	margin: -1.5rem 0 0 -1.5rem;
	line-height: 3rem;
	font-size: 1.1rem;
	font-weight: 400;
	text-align: center;
	font-style: normal;
	color: #997E5D;
	background-color: #f7f6f5;
	border: solid 1px #997E5D50;
}


.subhdr {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.5rem;
	color: #7D6548;
	color: #997E5D;
}



.ttl-sld {
	/*background-color: #d2cec5;*/
	background-color: #e6e3dd;
	background-color: #eeece6;
	color: #090909;
}
.ttl-sld h1 {
	font-size: 4.5rem;
	margin: 1.5rem 0 2.25rem;
}
.ttl-sld h2 {
	font-size: 3.75rem;
	margin: 1.5rem 0 2.25rem;
}
.ttl-sld p {
	margin: 1rem 0;
}

.ttl-sld .slogan {
    padding-top: 4em;
    text-align: center;
    width:100%;
    
}


.ttl-sld .subhdr {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.5rem;
	color: #997E5D;
}
.ttl-sld ul {
}
.ttl-sld ul li {
}
.ttl-sld ul li strong {
	font-size: 1.1em;
	font-weight: 500;
}
.ttl-sld ul li i[class^='icon-'] {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.25rem;
	height: 2.25rem;
}
.ttl-sld ul li::before {
}
.ttl-sld .pic {
	position: relative;
	width: 40%;
	margin-top: 2.5em;
}
.ttl-sld .pic img {
  display: block;
  width: 80%;
  margin: auto;
  border-radius: 50%;
  border: solid .5em #b7a187;
  max-width: 400px;
}
.ttl-sld .txt {
	width: 60%;
	margin-left: 0;
	/*padding-top: 4rem;*/
	padding-bottom: 3rem;
	margin-top: 1.5rem;
}





.note-sld {
	background-color: #3c3c3a;
	color: #fff;
}
.note-sld .pic {
	width: 60%;
	margin-left: -60%;
}
.note-sld .pic img {
	display: block;
	width: 100%;
}
.note-sld .txt {
	width: 100%;
	padding-right: 40%;
}
.note-sld .txt .wrap {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.note-sld .txt .hdr {
	font-size: 3rem;
	color: #fff;
	margin: 1rem 0 2rem;
}
.note-sld .txt .subhdr {
	font-size: 1.6rem;
	font-weight: 500;
	color: #B7A187;
}
.note-sld .txt .prehdr {
	font-size: 2.5rem;
	font-weight: 400;
	color: #ffffff90;
	color: #B7A187;
}
.note-sld .pic {
}







.tarif-sld {
    background-color: #d2cec5;
    background-color: #e6e3dd;
    color: #090909;
    padding-bottom:4rem;
}
.tarif-sld h2 {
    padding: 3rem 0 2rem;
    font-size: 4rem;
}
.tarif-sld .tarif-box {
    
}
.tarif-sld .item {
    width: 33.33%;
}
.tarif-sld .item .wrap {
    padding: 3rem 2rem;
    margin: 0 1em;
    background: #fff;
    border: solid 3px #d2c6b8;
}
.tarif-sld .item .name {
    color: #997e5d;
    font-size: 2.5rem;
    font-weight: bolder;
    margin-bottom: 1rem;
}
.tarif-sld .item .prc {
    font-size: 3rem;
}
.tarif-sld .item .prc span {
    font-size: .5em;
}
.tarif-sld .item .descr {
    margin-top: 2em;
}
.tarif-sld .item .descr ul {
    list-style-type: disc;
    font-size: 1.1em;
}
.tarif-sld .item .descr ul li {
    margin: .75em 0;
    margin-left: 1rem;
}










.service-sld {
	padding: 4rem 0;
	background-color: #f7f6f5;
}
.service-sld > .wrap {
}
.service-sld h2 {
	padding: 3rem 0 2rem;
	font-size: 4rem;
}
.service-sld .li-hr li {
	padding: 3rem 8vw 2rem;
	font-size: 1.2rem;
}
.service-sld blockquote {
    background-color: #B7A1872E;
    border: solid 5px #997E5D50;
    padding: 5rem;
    color: #161618;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 400;
}
.service-sld blockquote p {
	line-height: 2.5rem;
}
.service-sld .pricebox .hdr {
	padding: 4rem 0 3rem;
	font-size: 3rem;
}
.service-sld .pricebox .subhdr {
	font-size: 2rem;
}
.service-sld .pricebox {
	padding: 1rem 0 2rem;
}













/*99999999999999999999999999999999999999999999999999999999999 TORGI ISHANOV 99999999999999999999999999999999999999999999999999999999999999999999999999*/


.hdr-font, .submenu-list a {
	font-family: 'Tinos', Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
}
.cond-font {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.l-space-sm {
	letter-spacing: .05rem;
}
.l-space-md {
	letter-spacing: .1rem;
}
.l-space-lg {
	letter-spacing: .2rem;
}
.l-space-xl {
	letter-spacing: .3rem;
}


.btn-sm, .btn-md, .btn-lg, .btn-xl {
	text-align: center;
}
.btn-sm a, .btn-md a, .btn-lg a, .btn-xl a, 
.btn-sm button, .btn-md button, .btn-lg button, .btn-xl button {
	position: relative;
	display: inline-block;
	border: solid 1px #ffffff9c;
	color: #ffffff9c;
	cursor: pointer;
}
.btn-sm a:hover, .btn-md a:hover, .btn-lg a:hover, .btn-xl a:hover,
.btn-sm button:hover, .btn-md button:hover, .btn-lg button:hover, .btn-xl button:hover {
	color: #fff;
}

.btn-sm a::before, .btn-md a::before, .btn-lg a::before, .btn-xl a::before,
.btn-sm button::before, .btn-md button::before, .btn-lg button::before, .btn-xl button::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -1px;
	width: 0;
	height: 100%;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}
.btn-sm a::after, .btn-md a::after, .btn-lg a::after, .btn-xl a::after,
.btn-sm button::after, .btn-md button::after, .btn-lg button::after, .btn-xl button::after {
	content: '';
	position: absolute;
	left: -1px;
	top: 50%;
	width: 100%;
	height: 0;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}




.btn-sm a:hover::before, .btn-md a:hover::before, .btn-lg a:hover::before, .btn-xl a:hover::before,
.btn-sm button:hover::before, .btn-md button:hover::before, .btn-lg button:hover::before, .btn-xl button:hover::before {
	width: 100%;
}
.btn-sm a:hover::after, .btn-md a:hover::after, .btn-lg a:hover::after, .btn-xl a:hover::after,
.btn-sm button:hover::after, .btn-md button:hover::after, .btn-lg button:hover::after, .btn-xl button:hover::after {
	height: 100%;
}





.btn-sm a, .btn-sm button {
	font-size: 1rem;
	padding: 1.25rem 1.5rem;
	margin: 1.25rem 0;
}
.btn-md a, .btn-md button {
	font-size: 1.1rem;
	padding: 1.5rem 2.25rem;
	margin: 1.5rem 0;
}
.btn-lg a, .btn-lg button {
	font-size: 1.25rem;
	padding: 2rem 3rem;
	margin: 2rem 0;
}
.btn-xl a, .btn-xl button {
	font-size: 1.5rem;
	padding: 3rem 4.5rem;
	margin: 3rem 0;
}

.btn-black a, .btn-black button {
	color: #ffffff9c;
	border-color: #ffffff40;
	background-color: transparent;
}
.btn-black a::before, .btn-black button::before {
	border-top: solid 1px #b7a187;
	border-bottom: solid 1px #b7a187;
}
.btn-black a::after, .btn-black button::after {
	border-left: solid 1px #b7a187;
	border-right: solid 1px #b7a187;
}


.btn-white a, .btn-white button,
.btn-frame a, .btn-frame button {
	color: #16161894;
	border-color: #16161830;
	background: #fff;
}
.btn-frame a, .btn-frame button {
	background: transparent;
}
.btn-white a:hover, .btn-white button:hover,
.btn-frame a:hover, .btn-frame button:hover {
	color: #161618;
}
.btn-white a::before, .btn-white button::before,
.btn-frame a::before, .btn-frame button::before {
	border-top: solid 1px #b7a187;
	border-bottom: solid 1px #b7a187;
}
.btn-white a::after, .btn-white button::after,
.btn-frame a::after, .btn-frame button::after{
	border-left: solid 1px #b7a187;
	border-right: solid 1px #b7a187;
}


.btn-call {
    
}

[class*="btn-call"] a, [class*="btn-call"] button {
    display: inline-block;
    padding: 1.25em 2.5rem;
    font-size: 1.25em;
    background: #b7a187;
    letter-spacing:.05em;
    color: white;
    cursor: pointer;
}
.btn-call a:hover, .btn-call button:hover {
    background: #997e5d;
}
.btn-call-sm a, .btn-call-sm button {
    padding: 1em 1.5em;
    font-size: 1.1em;
}

.btn-link a {
    display: inline-block;
    padding: 1.25em 2.5rem;
    font-size: 1.5em;
    letter-spacing:.05em;
    color: #333;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 500;
}
.btn-link a:hover {
    color: #997e5d;
}




/*########## HEADER ##########*/


/* +++ SUBNAV ++ Submenu +++ */
.subnav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	z-index: 1000001;
	opacity: 0;
	visibility: hidden;
}
.subnav.actv {
	opacity: 1;
	visibility: visible;
}

.subnav .callcard {
	background-color: transparent;
	padding: 0;
	margin-top: 1rem;
}
.subnav .hdr {
	padding-bottom: 2rem;
	font-size: 3rem;
	color: #fff;
	text-align: center;
}


.subnav .wrap {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	overflow: scroll;
	min-width: 320px;
}
.subnav .box {
	min-height: 100%;
	padding-top: 160px;
	padding-bottom: 160px;
}
.scroll .subnav .box {
	min-height: 100%;
	padding-top: 74px;
	padding-bottom: 74px;
}
.subnav .bar {
	padding: 3rem 0;
	color: #ffffff80;
	font-size: 1.2rem;
	font-weight: 400;
}
.subnav .bar > div > div {
	width: 33.33%;
	text-align: center;
}
.subnav .bar a {
	color: #ffffff80;
}
.subnav .bar form {
	position: relative;
}
.subnav .bar input {
	color: #fff;
	background-color: transparent;
	border: solid 1px #ffffff60;
	padding: 1rem;
	padding-right: 2rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 300;
}
.subnav .bar input + button {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 3rem;
	height: 100%;
	line-height: 3.6rem;
	font-size: 1.4rem;
	color: #b7a187;
	text-align: center;
	cursor: pointer;
	background-color: transparent;
}
.subnav .bar i {
	color: #b7a187;
}
.subnav .btn {
	width: 100%;
}



.subnav .callcard > dl {
    width: 50%;
    padding: 3rem;
}
.subnav .callcard > dl + dl {
    border-right: none;
}
.subnav .callcard > dl p {
	margin-bottom: 1rem;
}
.subnav .callcard > dl a {
	padding: .5rem;
	color: #fff;
}
.subnav .callcard > dl a:hover {
	color: #b7a187;
}
.subnav .callcard > dl a[href^='tel'] {
	font-size: 2.5rem;
	display: inline-block;
	padding: .5rem;
}
.subnav .callcard > dl a i[class^='icon-'] {
	color: #b7a187;
}
/* +++ / SUBNAV ++ Submenu +++ */


/*########## / HEADER ##########*/



.main {
	overflow: hidden;
}







/*############ FOOTER ############ */

.footer {
	position: relative;
	background-color: rgb(22, 22, 24);
	padding: 50px 0 60px 0;
}
.footer a {
	color: #ffffff80;
}
.footer.down {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.copyright {
	font-size: 1rem;
	color: #ffffff80;
	padding-top: 2rem;
}
.copyright-box {
}
.copyright p {
}
.copyright p a {
}
.copyright p a:hover {
	color: #fff;
}

.callcard > dl {
	width: 33.33%;
	text-align: center;
	padding: .5rem 2rem;
}
.callcard > dl dd {
	font-size: 1.4rem;
}
.callcard > dl dd p {
	margin-bottom: .5rem;
}
.callcard > dl dd a {
	font-size: 1rem;
}
.callcard > dl+dl {
	border-left: solid 1px #585049;
	border-right: solid 1px #585049;
}
.callcard > dl+dl dd {
	
}
.callcard > dl+dl dd a {
	color: #fff;
	font-size: 1.75rem;
}
.callcard > dl+dl dd a:hover {
	color: #b7a187;
}
.callcard > dl+dl+dl {
	border: none;
}
.callcard > dl+dl+dl dd {
	font-size: 1.2rem;
}
.callcard > dl+dl+dl dd a {
	font-size: 1.4rem;
}
.callcard > dl+dl+dl dd p + p a {
	font-size: 1.6rem;
}



.callcard dt {
	text-transform: uppercase;
	color: #b7a187;
	font-weight: 500;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	letter-spacing: .2rem;
}
.callcard dd {
	font-size: 1.2rem;
}


/*############ FOOTER ############ */


/* ########################################################################### */
/* ########################################################################### */


@media screen and (max-width: 1440px) {
html { font-size: 16px;}
	
}

@media screen and (max-width: 1279px) {
html { font-size: 15px;}
body, h1, h2, h3, h4, h5, h6 {  }	
.wid-marg-out-half { margin-left: -50px; margin-right: -50px; }
.total-box-padd { margin: 0; }
.content-padd { margin: 0 6.25vw; }
.content-half-padd { margin: 0 3.12vw; }

}

@media screen and (max-width: 1100px) {
html { font-size: 14px;}
.service-sld .li-hr li { font-size: 1.3rem; }
.service-sld blockquote { font-size: 1.35rem; }
}

@media screen and (max-width: 1023px) {
.ttl-sld .txt { width: 65%; margin-left: -5%; padding-right:0; }
.note-sld .txt { padding-right: 30%; }
}

@media screen and (max-width: 991px) {
html { font-size: 13px;}
.display-desk { display: none !important;}
.display-mob { display: block !important; }
.content-padd { margin: 0 3.12vw; }
.content-half-padd { margin: 0; }
	
.header .mob { display: block; }
.header .desktop { display: none; }
.header .desktop.actv { display: block; }
.subnav .callcard > dl { width: 100%; }
.subnav .callcard > dl { padding: 1rem 0; }
.subnav .callcard > dl + dl { border-left: none; }
.subnav .hdr { font-size: 2.5rem; }

.ttl-sld h1 {
  font-size: 4.25rem;
}


.tarif-sld .item {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 2rem;
}
.tarif-sld .item .wrap {
    width: 100%;
    font-size: 1.1em;
}


}

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


}

@media screen and (max-width: 767px) {
html { font-size: 12px; }
.wid-padd { padding-left: 30px; padding-right: 30px; }
.content-padd { margin: 0; }
.ttl-sld .pic { width: 100%;  }
.ttl-sld .pic img { width: 100%; max-width: 250px; }
.ttl-sld .txt { width: 100%; margin-left: 0; }
  
.ttl-sld h1 {  font-size: 4rem; margin: 1.25rem 0 2rem; }
.ttl-sld .subhdr { font-size: 1.5rem; line-height: 2.4rem; }
.service-sld .li-hr li { font-size: 1.5rem; }

.tarif-sld .item {
    width: 100%;
    margin-left: 0;
}


}

@media screen and (max-width: 640px) {
.ttl-sld .pic { idth: 65%; }
/*.ttl-sld .txt { width: 73%; margin-left: -30%; }*/
.note-sld .txt { padding-right: 25%; }
}
	
@media screen and (max-width: 576px) {
.wid-padd { padding-left: 20px; padding-right: 20px; }
.note-sld .txt .hdr { font-size: 2.6rem; }
.callcard > dl + dl dd a { font-size: 1.6rem; }
	
}

@media screen and (max-width: 479px) {
.wid-padd { padding-left: 15px; padding-right: 15px; }
.ttl-sld .pic { width: 100%; margin-left: 0; }
.ttl-sld .txt { width: 100%; margin-left: 0; padding-top: 0; }
.note-sld .txt { padding-right: 0; }
.note-sld .pic { width: 100%; margin-left: 0; }
.note-sld .box { -webkit-box-direction: reverse; flex-direction: column-reverse; }
.note-sld .txt .wrap { padding-bottom: 0; }
	
}

@media screen and (max-width: 420px) {
.ttl-sld h1 { font-size: 3.5rem; }
.service-sld .li-hr li { padding: 3rem 6vw 2rem; }
.ttl-sld .pic img { max-width: 220px; }
	
}

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