@charset "utf-8";
@import url("total-18032023.css");
@import url("dzen.css");
@import url("forms.css");

*, ::after, ::before { outline: none; margin: 0px; padding: 0px; border-spacing: 0px; border-width: 0 0 0 0; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

html { min-height: 100%; width: 100%; position: relative; background-color: #fff; padding-bottom: 0; }
body { min-height: 100%; min-width: 320px; background-color: transparent; width: 100%; overflow: auto; color: #26272a; font-size: 1.5vw;
line-height: 1.4em; padding-top: 1px; margin-top: -1px; }
h1, h2, h3, h4, h5, h6 { font-size: 1rem; cursor: default; }
h1 { font-weight: 500; }
h2, h3, h4, h5, h6 { font-weight: 400; }
p { line-height: 1.4em; margin: 1em 0;  cursor: default; }
p img { max-width: 100%; }
table tr td { vertical-align: top; border-spacing: 0px; }
ul { list-style-type: none; }
input { outline: 0 !important; }
button { cursor: pointer; }
a { color: #339999; text-decoration: none; }	
a:hover { color: #cc0000; }

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

.flex-grow-0 { flex-grow: 0; }
.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, .flex-wrap, .flex-nowrap, [class^="btn-box"], .owl-carousel .owl-stage, .bp-body, .basic-page-sec dl { 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	display: flex;
}
.flex-wrap, .tiles-menu-item .info-box dl, .bp-body, .basic-page-sec dl {
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 
	flex-wrap: wrap;
}
.flex-nowrap {
	-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 {
	-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column;
	flex-direction: column;
}
.flex-just-start {
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.flex-just-end {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.flex-just-between {
	-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 {
	-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
	justify-content: center;
}
.flex-just-right {
	-webkit-box-pack: right; -webkit-justify-content: right; -ms-flex-pack: right;
	justify-content: right;
}
.flex-items-center {
	-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
	align-items: center;
}
.flex-items-end {
	-webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end;
	align-items: flex-end;
}
.flex-items-stretch {
	-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;
}



/*#################### RADIUS ##############################*/
.rad-circ,
.video a::before, .video > *::before, .hmbg-menu::before, .loading::before,
.contacts-bar-btn::before, .contacts-bar-btn b, .dzen-box .arrows > span::after,
.prod-tiles-menu .item .entr, .prod-tiles-menu .item .entr::after, .mod-carousel .owl-dots button,

.supp-geography .locs li, .owl-nav button, .owl-nav button::before, .presscenter .item .txt .date b::before, .presscenter .item .txt .date b::after, .prodlist-sec .item .edge i::after, .presscenter-page .news .item > b::after,
[class*="arr-"]::after, .sec-droptab .bp-hdr > i, .sec-droptab .bp-hdr > i::before, .sec-droptab .bp-hdr > i::after { 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
	border-radius: 50%; }

.rad-40 {
	-webkit-border-radius: 4em; -moz-border-radius: 4em; -ms-border-radius: 4em; -o-border-radius: 4em;
	border-radius: 4em; }
.rad-025 {
	-webkit-border-radius: 4em; -moz-border-radius: 4em; -ms-border-radius: 4em; -o-border-radius: 4em;
	border-radius: .25em; }

.rad-full { 
	-webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; 
	border-radius: 100px; }
.rad-xs {
	-webkit-border-radius: .17em; -moz-border-radius: .17; -ms-border-radius: .17; -o-border-radius: .17;
	border-radius: .17; }
.rad-sm {
	-webkit-border-radius: .33em; -moz-border-radius: .33em; -ms-border-radius: .33em; -o-border-radius: .33em;
	border-radius: .33em; }
.rad-1em {
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em;
	border-radius: 1em; }


/*#################### TRANSITION ##############################*/
.move-none {
    -webkit-transition: all 0s linear !important;
    -moz-transition: all 0s linear !important;
    -ms-transition: all 0s linear !important;
    -o-transition: all 0s linear !important;
    transition: all 0s linear !important;
}

.move, button, a, .pic-load::before, .dzen-box .dzen-picsfeed .arrows span,
[class*="is-carousel"] .owl-nav button::before, .owl-nav button span, .presscenter .item .txt .date b::before, .presscenter .item .txt .date b::after, .prodlist-sec .item .edge i::after {
	-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;
}
.moove,
.preloadcoverlay,
img[class*="lazy"], .video a img, .video > * img, .video a::before, .video > *::before, .video > *::after,
.dzen-box .arrows, .dzen-box .arrows > span::after, .gmbg-menu a i::before, .gmbg-menu a i::after, 
.hmbg-menu::before, .hmbg-menu a i, .hmbg-menu a i::before, .dzen-picsfeed-box .dzen-item a .dzen-zoom,
.presscenter .item .pic img,
.presscenter .item .txt .date b, .presscenter .item, .header .nav::before,
.presscenter-page .news .item .pic img,
[class*="arr-"],[class*="arr-"]::after,[class*="arr-"]::before,
.bp-hdr > i::after, .bp-hdr > i::before, .navlink i::before {
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear; -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slow, .prod-tiles-menu .item .entr::after,
.subnav, .close-submenu-btn, .close-submenu-btn::after, .close-submenu-btn::before, 
.header .nav.levels::before, .supp-geography .locs li {
	-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, .preload-lay, .preload-lay::after, .preload-lay > *,
.mod-gal img, .mod-carousel img,
.card-shadow, .owl-carousel,
.prod-tiles-menu .item:hover .pic img,
.tiles-menu-item a::before, .header .nav > li:hover > ul, .header .nav > li > a::before,
.header .nav > li > ul > li:hover > a > i, .prodlist-sec .item .wrap, .prodlist-sec .item .pic,
.presscenter .owl-carousel.owl-drag .owl-item .item,
.team-carousel .owl-carousel.owl-drag .owl-item,
.prod-tiles-menu .item, .presscenter-page img, .projects .card .pic img {
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

*:hover.scale, .scale-hover-110:hover img,
.video a:hover img, .video > *:hover img, .mod-gal .wrap:hover img, .mod-carousel .wrap:hover img,
.prod-tiles-menu .item:hover .pic img, .hmbg-menu:hover::before, .not-kitchens-gal a:hover img  {
    -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, .scale-hover-105:hover, .prodlist-sec .item:hover .pic {
    -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);
}


.scale-x-0,
.header .nav > li > a::before {
    -webkit-transform: scale(0,1); -moz-transform: scale(0,1);
	-ms-transform: scale(0,1); -o-transform: scale(0,1);
	transform: scale(0,1);
}
.scale-x-100,
.header .nav > li:hover > a::before,
[class*="is-carousel"] .owl-nav button::before,
[class*="is-carousel"] .owl-nav button.disabled:hover::before {
    -webkit-transform: scale(1,1); -moz-transform: scale(1,1);
	-ms-transform: scale(1,1); -o-transform: scale(1,1);
	transform: scale(1,1);
}


.scale-0,
.prod-tiles-menu .item .entr::after, .bp-hdr > i::after {
    -webkit-transform: scale(0,0); -moz-transform: scale(0,0);
	-ms-transform: scale(0,0); -o-transform: scale(0,0);
	transform: scale(0,0);
}
.scale-75, img[class*="lazy"][data-src]/*, .presscenter .item .txt .date b*/ {
    -webkit-transform: scale(0.75,0.75); -moz-transform: scale(0.75,0.75);
	-ms-transform: scale(0.75,0.75); -o-transform: scale(0.75,0.75);
	transform: scale(0.75,0.75);
}
.scale-90, .video a:hover::before, .video > *:hover::before, .card:hover .video p::before {
    -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);
}
.scale-100,
.presscenter .item:hover .txt .date b {
    -webkit-transform: scale(1,1); -moz-transform: scale(1,1);
	-ms-transform: scale(1,1); -o-transform: scale(1,1);
	transform: scale(1,1);
}
.scale-110, .dzen-box .arrows > span:hover::after, .tiles-menu .item:hover .ttl-pic,
.prod-tiles-menu .item:hover .entr::after,
.is-carousel .owl-nav button:hover::before,
.presscenter .item:hover .pic img, .latest-news .item:hover .pic img, .presscenter-page .news .item:hover .pic img, .projects .card:hover .pic img {
    -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);
}
.scale-115, [class*="is-carousel"] .owl-nav button:hover::before, .prodlist-sec .item:hover .edge i::after {
    -webkit-transform: scale(1.15,1.15); -moz-transform: scale(15.1,1.15);
	-ms-transform: scale(1.15,1.15); -o-transform: scale(1.15,1.15);
	transform: scale(1.15,1.15);
}
.scale-125, .dzen-picsfeed-box .dzen-item a:hover .dzen-zoom, .presscenter .item:hover .txt .date b::after,
.item:hover .arr-r-1::after, .item:hover .arr-r-2::after,
.bp-hdr:hover > i::after {
    -webkit-transform: scale(1.25,1.25); -moz-transform: scale(1.25,1.25);
	-ms-transform: scale(1.25,1.25); -o-transform: scale(1.25,1.25);
	transform: scale(1.25,1.25);
}




.focus-up {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.focus-up:hover {
	-webkit-transform: translateY(-1.5%);
	-moz-transform: translateY(-1.5%);
	-ms-transform: translateY(-1.5%);
	-o-transform: translateY(-1.5%);
	transform: translateY(-1.5%);
}




.rotate-0 {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.rotate-180, .actv > .bp-hdr > i::before, .navlink.actv i::before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}



.pull-out.actv, .pull-in.actv, 
.subnav.actv, .dzen-ppup-frame .tiles-menu-item .info-box.actv,
.header .nav > li.actv > ul {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.pull-out-15 {
	-webkit-transform: translateY(-15vh);
	-moz-transform: translateY(-15vh);
	-ms-transform: translateY(-15vh);
	-o-transform: translateY(-15vh);
	transform: translateY(-15vh);
}
.pull-out-30 {
	-webkit-transform: translateY(-30vh);
	-moz-transform: translateY(-30vh);
	-ms-transform: translateY(-30vh);
	-o-transform: translateY(-30vh);
	transform: translateY(-30vh);
}
.pull-in-5,
.header .nav > li > ul {
	-webkit-transform: translateY(5vh);
	-moz-transform: translateY(5vh);
	-ms-transform: translateY(5vh);
	-o-transform: translateY(5vh);
	transform: translateY(5vh);
}
.pull-in-10, 
.dzen-ppup-frame .tiles-menu-item .info-box, 
.subnav {
	-webkit-transform: translateY(10vh);
	-moz-transform: translateY(10vh);
	-ms-transform: translateY(10vh);
	-o-transform: translateY(10vh);
	transform: translateY(10vh);
}


.pull-r-0, .pull-l-0/*,
.header .nav > li > ul > li:hover > a > i*/  {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.pull-r-25/*, 
.header .nav > li > ul > li > a > i */ {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	-o-transform: translateX(25%);
	transform: translateX(25%);
}
/* ---------- */
.trans-c-x {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.trans-c-y {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.trans-c, .abs-trans-c {
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


.delay-1 { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; }
.delay-2 { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; }
.delay-3 { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }
.delay-4 { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.delay-5 { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -ms-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.delay-6 { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
.delay-7 { -webkit-transition-delay: .7s; -moz-transition-delay: .7s; -ms-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; }
.delay-8 { -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.delay-9 { -webkit-transition-delay: .9s; -moz-transition-delay: .9s; -ms-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s; }
.delay-10 { -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -ms-transition-delay: 1.0s; -o-transition-delay: 1.0s; transition-delay: 1.0s; }
.delay-11 { -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -ms-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; }
.delay-12 { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.delay-13 { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; }
.delay-14 { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
.delay-15 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }



/*#################### BUTTONS ##############################*/
[class*="btn-box"] { margin: 1em 0; }
[class*="btn-box"] > *, [class*="btn-link"] {
	padding: 1.25em 1.5em;
	margin: 0 .25em .25em 0;
	line-height: 1.4em;
	border: solid 1px;
	border-color: #26272a;
	cursor: pointer;
}
[class*="btn-link"] {
	display: inline-block !important;
	margin-right: 0;
	color: #26272a;
}
[class*="btn-link"]:hover {
	color: #fff;
	background: #26272a;
}

[class*="btn-box"].btn-fill > *, [class*="btn-link"].btn-fill {
	color: #fff;
	background: #26272a;
}
[class*="btn-box"].btn-fill > *:hover, [class*="btn-link"].btn-fill:hover {
	color: #fff;
	background: #45474d;
	border-color: #45474d;
}
/*#################### / BUTTONS ##############################*/


/*#################### POSITION ##############################*/
.rel, .in, .abs-before, .abs-after { position: relative; }
.abs, .abs-in, .abs-b-in, .abs-all, .abs-lt-50, .abs-trans-c { position: absolute; }
.fix, .fix-in, .fix-all { position: fixed; }
.in, .abs-in, .abs-b-in, .abs-all, .fix-in, .fix-all { width: 100%; left:0; top:0; }
.abs-all, .fix-all, .abs-all-before::before, .abs-all-after::after { height: 100%; }
.abs-b-in { top: auto; bottom: 0; }

.abs-before::before, .abs-after::after { content: ''; position: absolute; }

.abs-in-before::before, .abs-in-after::after,
.abs-all-before::before, .abs-all-after::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; }

.l-0, .lt-0, .lb-0 { left: 0; }
.r-0, .rb-0, .rt-0 { right: 0; }
.t-0, .lt-0, .rt-0 { top: 0; }
.b-0, .lb-0, .rb-0 { bottom: 0; }
.l-50, .lt-50, .abs-lt-50, .abs-trans-c { left: 50%; }
.t-50, .lt-50, .abs-lt-50, .abs-trans-c { top: 50%; }

.over-hidd, .fix-all { 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); }
.line-t, .line-v { border-top: solid 1px #ebebed; }
.line-b, .line-v { border-bottom: solid 1px #ebebed; }

.disp-b { display: block !important; }
.disp-n { display: none !important; }
.disp-ib { display: inline-block; }

.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }

/* ----- BG IMG----- */
.bg-img { width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }

.pic-100 { position: relative; }
.pic-100 > img, .pic-100 > a, .pic-100 > a > img { display: block; width: 100%; }
.pic-max-100 > img { display: block; max-width: 100%; }

.pic-abs-100 { position: relative; }
.pic-abs-100 > img,
[class*="pic-ph-"] > img { position: absolute; left: 0; top: 0; width: 100%; }

[class*="pic-ph-"] { position: relative; overflow: hidden; }
[class*="pic-ph-abs-"] { position: absolute !important; }

.pic-in > img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.pic-h-100 > img { width: auto !important; height: 100% !important; }

.pic-ph-50, .pics-ph-50 .pic-ph- { padding-top: 50%; }
.pic-ph-66, .pics-ph-66 .pic-ph- { padding-top: 66%; }
.pic-ph-75, .pics-ph-75 .pic-ph- { padding-top: 75%; }
.pic-ph-100, .pics-ph-100 .pic-ph-, .pic-ph-abs-100, .pics-ph-100 .pic-ph-abs- { padding-top: 100%; }
.pic-ph-133, .pics-ph-133 .pic-ph- { padding-top: 133%; }

.frame-1, .pic-frame-1 > img { border: solid 1px #ddd; }


/*#################### HEADERS ##############################*/
.h-0 { font-size: 3.5rem; }
.h-1 { font-size: 2.5rem; }
.h-2 { font-size: 2.1rem; }
.h-3 { font-size: 1.75rem; }
.h-4 { font-size: 1.5rem; }
.h-5 { font-size: 1.35rem; }
.h-6 { font-size: 1.15rem; }

.h-1, .h-2, .h-3, .h-4, .h-5, .h-6  { line-height: 1.25em; letter-spacing: .025em; font-weight:400; margin: 0; padding: 1em 0 .75em 0; }




/*#################### ROW---and---COL ##############################*/
.wid-limit { min-width:270px; max-width:1600px; position: relative; margin:0 auto; width:100%; }
.box-limit { max-width: 720px; margin-left: auto; margin-right: auto; }

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

/* ---------- */
.max-w-100 { max-width: 100%; }

.h-0 { height: 0; }
.h-25 { height: 25%; }
.h-50 { height: 50%; }
.h-75 { height: 75%; }
.h-100 { height: 100%; }
.min-h-100 { min-height: 100%; }

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

.vw-25 { width: 25vw; }
.vw-33 { width: 33.33vw; }
.vw-50 { width: 50vw; }
.vw-75 { width: 75vw; }
.vw-100 { width: 100vw; }
.max-vw-100 { max-width: 100vw; }
/*-----*/


/* -- BOXES -- */
.box-1 { width: 8.33%; }
.box-2 { width: 16.66% }
.box-3 { width: 25%; }
.box-4 { width: 33.33%; }
.box-5 { width: 41.66% }
.box-6 { width: 50%; }
.box-7 { width: 58.33%; }
.box-8 { width: 66.66%; }
.box-9 { width: 75%; }
.box-10 { width: 83.33%; }
.box-11 { width: 91.66%; }
.box-12, .w-100 { width: 100%; }

.ofs-1 { margin-left: 8.33% }
.ofs-2 { margin-left: 16.66%; }
.ofs-3 { margin-left: 25%; }
.ofs-4 { margin-left: 33.33%; }
.ofs-5 { margin-left: 41.66%; }
.ofs-6 { margin-left: 50%; }
.ofs-7 { margin-left: 58.33%; }
.ofs-8 { margin-left: 66.66%; }
.ofs-9 { margin-left: 75%; }
.ofs-10 { margin-left: 83.33%; }
.ofs-11 { margin-left: 91.66%; }
/* -- BOXES -- */

/* ---------- */
.l-out-15 { left: -1.5em; }
.l-out-30 { left: -3em; }
.l-out-45 { left: -4.5em; }

.r-out-15 { right: -1.5em; }
.r-out-30 { right: -3em; }
.r-out-45 { right: -4.5em; }

.t-out-15 { top: -1.5em; }
.t-out-30 { top: -3em; }
.t-out-45 { top: -4.5em; }

.b-out-15 { bottom: -1.5em; }
.b-out-30 { bottom: -3em; }
.b-out-45 { bottom: -4.5em; }

/* -- MARG & PADD -- */
/* ---------- */
.ml-out-5, .mh-out-5 { margin-left: -.5em; }
.ml-out-10, .mh-out-10 { margin-left: -1em; }
.ml-out-15, .mh-out-15 { margin-left: -1.5em; }
.ml-out-20, .mh-out-20 { margin-left: -2em; }
.ml-out-30, .mh-out-30 { margin-left: -3em; }
.ml-out-45, .mh-out-45 { margin-left: -4.5em; }

.mr-out-5, .mh-out-5 { margin-right: -.5em; }
.mr-out-10, .mh-out-10 { margin-right: -1em; }
.mr-out-15, .mh-out-15 { margin-right: -1.5em; }
.mr-out-20, .mh-out-20 { margin-right: -2em; }
.mr-out-30, .mh-out-30 { margin-right: -3em; }
.mr-out-45, .mh-out-45 { margin-right: -4.5em; }

.mt-out-15 { margin-top: -1.5em; }
.mt-out-30 { margin-top: -3em; }
.mt-out-45 { margin-top: -4.5em; }

.mb-out-15 { margin-bottom: -1.5em; }
.mb-out-30 { margin-bottom: -3em; }
.mb-out-45 { margin-bottom: -4.5em; }
/* ----------- */
.mh-a { margin-left: auto; margin-right: auto; }
/* ----------- */
.ml-a { margin-left: auto; }
.ml-0, .mh-0, .m-0, .ofs-0 { margin-left: 0; }
.ml-5, .mh-5, .m-5 { margin-left: .5em; }
.ml-10, .mh-10, .m-10 { margin-left: 1em; }
.ml-15, .mh-15, .m-15 { margin-left: 1.5em; }
.ml-20, .mh-20, .m-20 { margin-left: 2em; }
.ml-30, .mh-30, .m-30 { margin-left: 3em; }
.ml-45, .mh-45, .m-45 { margin-left: 4.5em; }

.mr-a { margin-right: auto; }
.mr-0, .mh-0, .m-0 { margin-right: 0; }
.mr-5, .mh-5, .m-5 { margin-right: .5em; }
.mr-10, .mh-10, .m-10 { margin-right: 1em; }
.mr-15, .mh-15, .m-15 { margin-right: 1.5em; }
.mr-20, .mh-20, .m-20 { margin-right: 2em; }
.mr-30, .mh-30, .m-30 { margin-right: 3em; }
.mr-45, .mh-45, .m-45 { margin-right: 3em; }

.mt-0, .mv-0, .m-0 { margin-top: 0; }
.mt-5, .mv-5, .m-5 { margin-top: .5em; }
.mt-10, .mv-10, .m-10 { margin-top: 1em; }
.mt-15, .mv-15, .m-15 { margin-top: 1.5em; }
.mt-20, .mv-20, .m-20 { margin-top: 2em; }
.mt-30, .mv-30, .m-30 { margin-top: 3em; }
.mt-45, .mv-45, .m-45 { margin-top: 4.5em; }

.mb-0, .mv-0, .m-0 { margin-bottom: 0; }
.mb-5, .mv-5, .m-5 { margin-bottom: .5em; }
.mb-10, .mv-10, .m-10 { margin-bottom: 1em; }
.mb-15, .mv-15, .m-15 { margin-bottom: 1.5em; }
.mb-20, .mv-20, .m-20 { margin-bottom: 2em; }
.mb-30, .mv-30, .m-30 { margin-bottom: 3em; }
.mb-45, .mv-45, .m-45 { margin-bottom: 4.5em; }
/* ----------- */
/* ----------- */
.pl-0, .ph-0, .p-0 { padding-left: 0; }
.pl-5, .ph-5, .p-5 { padding-left: .5em; }
.pl-10, .ph-10, .p-10 { padding-left: 1em; }
.pl-15, .ph-15, .p-15 { padding-left: 1.5em; }
.pl-20, .ph-20, .p-20 { padding-left: 2em; }
.pl-30, .ph-30, .p-30 { padding-left: 3em; }
.pl-45, .ph-45, .p-45 { padding-left: 4.5em; }

.pr-0, .ph-0, .p-0 { padding-right: 0; }
.pr-5, .ph-5, .p-5 { padding-right: .5em; }
.pr-10, .ph-10, .p-10 { padding-right: 1em; }
.pr-15, .ph-15, .p-15 { padding-right: 1.5em; }
.pr-20, .ph-20, .p-20 { padding-right: 2em; }
.pr-30, .ph-30, .p-30 { padding-right: 3em; }
.pr-45, .ph-45, .p-45 { padding-right: 4.5em; }

.pt-0, .pv-0, .p-0 { padding-top: 0; }
.pt-5, .pv-5, .p-5 { padding-top: .5em; }
.pt-10, .pv-10, .p-10 { padding-top: 1em; }
.pt-15, .pv-15, .p-15 { padding-top: 1.5em; }
.pt-20, .pv-20, .p-20 { padding-top: 2em; }
.pt-30, .pv-30, .p-30 { padding-top: 3em; }
.pt-45, .pv-45, .p-45 { padding-top: 4.5em; }

.pb-0, .pv-0, .p-0 { padding-bottom: 0; }
.pb-5, .pv-5, .p-5 { padding-bottom: .5em; }
.pb-10, .pv-10, .p-10 { padding-bottom: 1em; }
.pb-15, .pv-15, .p-15 { padding-bottom: 1.5em; }
.pb-20, .pv-20, .p-20 { padding-bottom: 2em; }
.pb-30, .pv-30, .p-30 { padding-bottom: 3em; }
.pb-45, .pv-45, .p-45 { padding-bottom: 4.5em; }
/* ----------- */

.ph-desk { padding-left:1em; padding-right:1em; }
/* -- / MARG & PADD -- */



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





/*#################### OVERLAY ##############################*/
.overlay {
	position: fixed; visibility: hidden;
	left: 0; top: 0; right: 0; bottom: 0;
	opacity:0; z-index: 101;
	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;
}

.overlay .overlay-bg {
	background-color: #161618;
	background-color: #d6d6d9;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 5rem;
	padding: 0;
	opacity: 1;
}
.overlay.actv .overlay-bg {
	margin: 0;
	padding: 5rem;
}


/*#################### TEXT ##############################*/
.font-1, .font-2, .font-3, .font-4, .font-5, .font-6, .font-7, .font-8 { line-height: 1.25em; }

.font-1 { font-size: 1em; }
.font-2 { font-size: 1.5em; }
.font-3 { font-size: 2em; }
.font-4 { font-size: 2.5em; }
.font-5 { font-size: 3em; }
.font-6 { font-size: 3.5em; }
.font-7 { font-size: 4em; }
.font-8 { font-size: 5em; }

.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-133 { font-size: 1.33em; }
.font-150 { font-size: 1.5em; }
.font-175 { font-size: 1.75em; }
.font-200 { font-size: 2em; }


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

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


.light { font-weight:100; }
.regular { font-weight:300; }
.bolder { font-weight:400; }
.bold { font-weight:500; }
.solid { font-weight:700; }

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

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

.bull-list { position: relative; }
.bull-list > li { position: relative; padding-left: 2em; line-height: 1.4em; margin: 1em 0; }
.bull-list > li .bull { position: absolute; left: 0; top: 0; width: 1em; height: 1em; }
.bull-list > li .bull::before { margin: 0; }


/*#################### COLORS ##############################*/
.clr-link, .clr-link > a { color: #7a7a86; }

.clr-white { color: #fff; }
.bg-clr-white { background-color: #fff; }
.bg-clr-white-hover:hover { background-color: #fff; }

.clr-black { color: #1d1f1e; }
.bg-clr-black { background-color: #1d1f1e; }

.clr-grey-1 { color: #333; }
.bg-clr-grey-1 { background-color: #333; background-color: #36373e; }

.clr-grey-2 { /*color: #555; */color: #424551; }
.bg-clr-grey-2 { /*background-color: #555; background-color: #444851; background-color: #494859; */background-color: #424551; }

.clr-grey-3 { color: #777; }
.bg-clr-grey-3 { background-color: #777; }

.clr-grey-4 { color: #999; }
.bg-clr-grey-4 { background-color: #999; }

.clr-grey-5 { color: #bbb; }
.bg-clr-grey-5 { background-color: #bbb; }

.clr-grey-6 { color: #ddd; }
.bg-clr-grey-6 { background-color: #ddd; }

.clr-grey-7 { color: #f3f3f3; color: #eeeef0; }
.bg-clr-grey-7 { /*background-color: #f3f3f3; */background-color: #eee; background-color: #eeeef0; }

.clr-grey-base { color: #d3d3d5; }
.bg-clr-grey-base { /*background-color: #d3d3d5; background-color: #d9d9db; background-color: #dededf; */background-color: #d7d7db; background-color: #d4d4d7; background-color: #d6d6d9; }

.clr-grey-base-2 { color: #dcdcdd; }
.bg-clr-grey-base-2 { background-color: #dcdcdd; }

.clr-hdr-light { color: #dbdbdd; }
.clr-hdr-dark { color: #656572; }


/*.clr-pudra { color: #cec3b8; }
.bg-clr-pudra { background-color: #cec3b8; }*/

.clr-pudra { color: #bdad9d; }
.bg-clr-pudra { background-color: #bdad9d; }

.clr-pudra-2 { color: #a69a8e; }
.bg-clr-pudra-2 { background-color: #a69a8e; }

.clr-beige { color: #dbd5c9; }
.bg-clr-beige { background-color: #dbd5c9; }

.clr-beige-2 { color: #d1cdca; }
.bg-clr-beige-2 { background-color: #d1cdca; }

.clr-beige-3 { color: #f6f4f1; }
.bg-clr-beige-3 { background-color: #f6f4f1; }


.clr-red, .clr-link:hover, .clr-link > a:hover { color: #ce4a4e; color: #e15c4f; color: #df010a; }
.bg-clr-red { background-color: #df010a; }

.clr-green { color: #5fb4ae; }
.bg-clr-green { background-color: #5fb4ae; }

.clr-green-1 { color: #d1f0c8; }
.bg-clr-green-1 { background-color: #d1f0c8; }





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

/* XXL */
@media screen and (min-width: 1600px) {
	body { font-size: 21px; }
}

/* XL */
@media screen and (max-width: 1599px) {
	body { font-size: 1.35vw; }
}
@media screen and (max-width: 1400px) {
	body { font-size: 1.5vw; }
	
}

/* LG */
@media screen and (max-width: 1279px) {
	body { font-size: 1.6vw; }
	
	/* -- BOXES -- */
    .box-lg-8 { width: 66.66%; }
    /* -- BOXES -- */

}
@media screen and (max-width: 1023px) {
	body { font-size: 1.75vw; }
}

/* MD */
@media screen and (max-width: 991px) {
	body { font-size: 1.9vw; }
	.wid-half-padd { padding-left: .75em; padding-right: .75em; }
	
	.disp-md-b { display: block !important; }
	.disp-md-n { display: none !important; }
	.disp-md-ib { display: inline-block; }
	
	.l-md-0 { left: 0; }
	.r-md-0 { right: 0; }
	.t-md-0 { top: 0; }
	.b-md-0 { bottom: 0; }
	
	
	/* -- BOXES -- */
	.box-md-1 { width: 8.33%; }
	.box-md-2 { width: 16.66% }
	.box-md-3 { width: 25%; }
	.box-md-4 { width: 33.33%; }
	.box-md-5 { width: 41.66% }
	.box-md-6 { width: 50%; }
	.box-md-7 { width: 58.33%; }
	.box-md-8 { width: 66.66%; }
	.box-md-9 { width: 75%; }
	.box-md-10 { width: 83.33%; }
	.box-md-11 { width: 91.66%; }
	.box-md-12 { width: 100%; }

	.ofs-md-1 { margin-left: 8.33% }
	.ofs-md-2 { margin-left: 16.66%; }
	.ofs-md-3 { margin-left: 25%; }
	.ofs-md-4 { margin-left: 33.33%; }
	.ofs-md-5 { margin-left: 41.66%; }
	.ofs-md-6 { margin-left: 50%; }
	.ofs-md-7 { margin-left: 58.33%; }
	.ofs-md-8 { margin-left: 66.66%; }
	.ofs-md-9 { margin-left: 75%; }
	.ofs-md-10 { margin-left: 83.33%; }
	.ofs-md-11 { margin-left: 91.66%; }
	/* -- BOXES -- */
	
	/*-----*/
	.l-out-md-15 { left: -1.5em; }
	.l-out-md-30 { left: -3em; }

	.r-out-md-15 { right: -1.5em; }
	.r-out-md-30 { right: -3em; }

	.t-out-md-15 { top: -1.5em; }
	.t-out-md-30 { top: -3em; }

	.b-out-md-15 { bottom: -1.5em; }
	.b-out-md-30 { bottom: -3em; }
	
	/* -- MARG & PADD -- */
	/* ---------- */
	.ml-out-md-5, .mh-out-md-5 { margin-left: -.5em; }
	.ml-out-md-10, .mh-out-md-10 { margin-left: -1em; }
	.ml-out-md-15, .mh-out-md-15 { margin-left: -1.5em; }
	.ml-out-md-20, .mh-out-md-20 { margin-left: -2em; }
	.ml-out-md-30, .mh-out-md-30 { margin-left: -3em; }

	.mr-out-md-5, .mh-out-md-5 { margin-right: -.5em; }
	.mr-out-md-10, .mh-out-md-10 { margin-right: -1em; }
	.mr-out-md-15, .mh-out-md-15 { margin-right: -1.5em; }
	.mr-out-md-20, .mh-out-md-20 { margin-right: -2em; }
	.mr-out-md-30, .mh-out-md-30 { margin-right: -3em; }
	
	.mt-out-md-15 { margin-top: -1.5em; }
	.mt-out-md-30 { margin-top: -3em; }

	.mb-out-md-15 { margin-bottom: -1.5em; }
	.mb-out-md-30 { margin-bottom: -3em; }
	/* ----------- */
	.mh-md-a { margin-left: auto; margin-right: auto; }
	/* ----------- */
	.ml-md-0, .mh-md-0, .m-md-0, .box-md-12, .ofs-md-0 { margin-left: 0; }
	.ml-md-5, .mh-md-5, .m-md-5 { margin-left: .5em; }
	.ml-md-10, .mh-md-10, .m-md-10 { margin-left: 1em; }
	.ml-md-15, .mh-md-15, .m-md-15 { margin-left: 1.5em; }
	.ml-md-20, .mh-md-20, .m-md-20 { margin-left: 2em; }
	.ml-md-30, .mh-md-30, .m-md-30 { margin-left: 3em; }

	.mr-md-0, .mh-md-0, .m-md-0 { margin-right: 0; }
	.mr-md-5, .mh-md-5, .m-md-5 { margin-right: .5em; }
	.mr-md-10, .mh-md-10, .m-md-10 { margin-right: 1em; }
	.mr-md-15, .mh-md-15, .m-md-15 { margin-right: 1.5em; }
	.mr-md-20, .mh-md-20, .m-md-20 { margin-right: 2em; }
	.mr-md-30, .mh-md-30, .m-md-30 { margin-right: 3em; }
	
	.mt-md-0, .mv-md-0, .m-md-0 { margin-top: 0; }
	.mt-md-5, .mv-md-5, .m-md-5 { margin-top: .5em; }
	.mt-md-10, .mv-md-10, .m-md-10 { margin-top: 1em; }
	.mt-md-15, .mv-md-15, .m-md-15 { margin-top: 1.5em; }
	.mt-md-20, .mv-md-20, .m-md-20 { margin-top: 2em; }
	.mt-md-30, .mv-md-30, .m-md-30 { margin-top: 3em; }

	.mb-md-0, .mv-md-0, .m-md-0 { margin-bottom: 0; }
	.mb-md-5, .mv-md-5, .m-md-5 { margin-bottom: .5em; }
	.mb-md-10, .mv-md-10, .m-md-10 { margin-bottom: 1em; }
	.mb-md-15, .mv-md-15, .m-md-15 { margin-bottom: 1.5em; }
	.mb-md-20, .mv-md-20, .m-md-20 { margin-bottom: 2em; }
	.mb-md-30, .mv-md-30, .m-md-30 { margin-bottom: 3em; }
	/* ----------- */

	/* ----------- */
	.pl-md-0, .ph-md-0, .p-md-0 { padding-left: 0; }
	.pl-md-5, .ph-md-5, .p-md-5 { padding-left: .5em; }
	.pl-md-10, .ph-md-10, .p-md-10 { padding-left: 1em; }
	.pl-md-15, .ph-md-15, .p-md-15 { padding-left: 1.5em; }
	.pl-md-20, .ph-md-20, .p-md-20 { padding-left: 2em; }
	.pl-md-30, .ph-md-30, .p-md-30 { padding-left: 3em; }

	.pr-md-0, .ph-md-0, .p-md-0 { padding-right: 0; }
	.pr-md-5, .ph-md-5, .p-md-5 { padding-right: .5em; }
	.pr-md-10, .ph-md-10, .p-md-10 { padding-right: 1em; }
	.pr-md-15, .ph-md-15, .p-md-15 { padding-right: 1.5em; }
	.pr-md-20, .ph-md-20, .p-md-20 { padding-right: 2em; }
	.pr-md-30, .ph-md-30, .p-md-30 { padding-right: 3em; }
	/* ----------- */
	.pt-md-0, .pv-md-0, .p-md-0 { padding-top: 0; }
	.pt-md-5, .pv-md-5, .p-md-5 { padding-top: .5em; }
	.pt-md-10, .pv-md-10, .p-md-10 { padding-top: 1em; }
	.pt-md-15, .pv-md-15, .p-md-15 { padding-top: 1.5em; }
	.pt-md-20, .pv-md-20, .p-md-20 { padding-top: 2em; }
	.pt-md-30, .pv-md-30, .p-md-30 { padding-top: 3em; }

	.pb-md-0, .pv-md-0, .p-md-0 { padding-bottom: 0; }
	.pb-md-5, .pv-md-5, .p-md-5 { padding-bottom: .5em; }
	.pb-md-10, .pv-md-10, .p-md-10 { padding-bottom: 1em; }
	.pb-md-15, .pv-md-15, .p-md-15 { padding-bottom: 1.5em; }
	.pb-md-20, .pv-md-20, .p-md-20 { padding-bottom: 2em; }
	.pb-md-30, .pv-md-30, .p-md-30 { padding-bottom: 3em; }
	/* ----------- */

	.ph-desk-md { padding-left:0; padding-right:0; }
	/* -- / MARG & PADD -- */
	
}


@media screen and (max-width: 840px) {
	body { font-size: 2.2vw; }
}
	
	
/* SM */
@media screen and (max-width: 767px) {
	body { font-size: 18px; }
	.font-sm-2 { font-size: 1.5em; }
	.font-sm-133 { font-size: 1.33em; }
	.font-sm-125 { font-size: 1.25em; }
	
	.disp-sm-b { display: block !important; }
	.disp-sm-n { display: none !important; }
	.disp-sm-ib { display: inline-block; }
	
	.text-sm-c { text-align: center; }
	
	.l-sm-0 { left: 0; }
	.r-sm-0 { right: 0; }
	.t-sm-0 { top: 0; }
	.b-sm-0 { bottom: 0; }
	
	
	/* -- BOXES -- */
	.box-sm-1 { width: 8.33%; }
	.box-sm-2 { width: 16.66% }
	.box-sm-3 { width: 25%; }
	.box-sm-4 { width: 33.33%; }
	.box-sm-5 { width: 41.66% }
	.box-sm-6 { width: 50%; }
	.box-sm-7 { width: 58.33%; }
	.box-sm-8 { width: 66.66%; }
	.box-sm-9 { width: 75%; }
	.box-sm-10 { width: 83.33%; }
	.box-sm-11 { width: 91.66%; }
	.box-sm-12 { width: 100%; }

	.ofs-sm-1 { margin-left: 8.33% }
	.ofs-sm-2 { margin-left: 16.66%; }
	.ofs-sm-3 { margin-left: 25%; }
	.ofs-sm-4 { margin-left: 33.33%; }
	.ofs-sm-5 { margin-left: 41.66%; }
	.ofs-sm-6 { margin-left: 50%; }
	.ofs-sm-7 { margin-left: 58.33%; }
	.ofs-sm-8 { margin-left: 66.66%; }
	.ofs-sm-9 { margin-left: 75%; }
	.ofs-sm-10 { margin-left: 83.33%; }
	.ofs-sm-11 { margin-left: 91.66%; }
	/* -- BOXES -- */
	
	/*-----*/
	.l-out-sm-15 { left: -1.5em; }
	.l-out-sm-30 { left: -3em; }

	.r-out-sm-15 { right: -1.5em; }
	.r-out-sm-30 { right: -3em; }

	.t-out-sm-15 { top: -1.5em; }
	.t-out-sm-30 { top: -3em; }

	.b-out-sm-15 { bottom: -1.5em; }
	.b-out-sm-30 { bottom: -3em; }
	
	/* -- MARG & PADD -- */
	/* ---------- */
	.ml-out-sm-5, .mh-out-sm-5 { margin-left: -.5em; }
	.ml-out-sm-10, .mh-out-sm-10 { margin-left: -1em; }
	.ml-out-sm-15, .mh-out-sm-15 { margin-left: -1.5em; }
	.ml-out-sm-20, .mh-out-sm-20 { margin-left: -2em; }

	.mr-out-sm-5, .mh-out-sm-5 { margin-right: -.5em; }
	.mr-out-sm-10, .mh-out-sm-10 { margin-right: -1em; }
	.mr-out-sm-15, .mh-out-sm-15 { margin-right: -1.5em; }
	.mr-out-sm-20, .mh-out-sm-20 { margin-right: -2em; }
	
	.mt-out-sm-15 { margin-top: -1.5em; }
	.mt-out-sm-30 { margin-top: -3em; }

	.mb-out-sm-15 { margin-bottom: -1.5em; }
	.mb-out-sm-30 { margin-bottom: -3em; }
	/* ----------- */
	.mh-sm-a { margin-left: auto; margin-right: auto; }
	/* ----------- */
	.ml-sm-0, .mh-sm-0, .m-sm-0, .box-sm-12, .ofs-sm-0 { margin-left: 0; }
	.ml-sm-5, .mh-sm-5, .m-sm-5 { margin-left: .5em; }
	.ml-sm-10, .mh-sm-10, .m-sm-10 { margin-left: 1em; }
	.ml-sm-15, .mh-sm-15, .m-sm-15 { margin-left: 1.5em; }
	.ml-sm-20, .mh-sm-20, .m-sm-20 { margin-left: 2em; }

	.mr-sm-0, .mh-sm-0, .m-sm-0 { margin-right: 0; }
	.mr-sm-5, .mh-sm-5, .m-sm-5 { margin-right: .5em; }
	.mr-sm-10, .mh-sm-10, .m-sm-10 { margin-right: 1em; }
	.mr-sm-15, .mh-sm-15, .m-sm-15 { margin-right: 1.5em; }
	.mr-sm-20, .mh-sm-20, .m-sm-20 { margin-right: 2em; }
	
	.mt-sm-0, .mv-sm-0, .m-sm-0 { margin-top: 0; }
	.mt-sm-5, .mv-sm-5, .m-sm-5 { margin-top: .5em; }
	.mt-sm-10, .mv-sm-10, .m-sm-10 { margin-top: 1em; }
	.mt-sm-15, .mv-sm-15, .m-sm-15 { margin-top: 1.5em; }
	.mt-sm-20, .mv-sm-20, .m-sm-20 { margin-top: 2em; }

	.mb-sm-0, .mv-sm-0, .m-sm-0 { margin-bottom: 0; }
	.mb-sm-5, .mv-sm-5, .m-sm-5 { margin-bottom: .5em; }
	.mb-sm-10, .mv-sm-10, .m-sm-10 { margin-bottom: 1em; }
	.mb-sm-15, .mv-sm-15, .m-sm-15 { margin-bottom: 1.5em; }
	.mb-sm-20, .mv-sm-20, .m-sm-20 { margin-bottom: 2em; }
	/* ----------- */

	/* ----------- */
	.pl-sm-0, .ph-sm-0, .p-sm-0 { padding-left: 0; }
	.pl-sm-5, .ph-sm-5, .p-sm-5 { padding-left: .5em; }
	.pl-sm-10, .ph-sm-10, .p-sm-10 { padding-left: 1em; }
	.pl-sm-15, .ph-sm-15, .p-sm-15 { padding-left: 1.5em; }
	.pl-sm-20, .ph-sm-20, .p-sm-20 { padding-left: 2em; }

	.pr-sm-0, .ph-sm-0, .p-sm-0 { padding-right: 0; }
	.pr-sm-5, .ph-sm-5, .p-sm-5 { padding-right: .5em; }
	.pr-sm-10, .ph-sm-10, .p-sm-10 { padding-right: 1em; }
	.pr-sm-15, .ph-sm-15, .p-sm-15 { padding-right: 1.5em; }
	.pr-sm-20, .ph-sm-20, .p-sm-20 { padding-right: 2em; }
	/* ----------- */
	.pt-sm-0, .pv-sm-0, .p-sm-0 { padding-top: 0; }
	.pt-sm-5, .pv-sm-5, .p-sm-5 { padding-top: .5em; }
	.pt-sm-10, .pv-sm-10, .p-sm-10 { padding-top: 1em; }
	.pt-sm-15, .pv-sm-15, .p-sm-15 { padding-top: 1.5em; }
	.pt-sm-20, .pv-sm-20, .p-sm-20 { padding-top: 2em; }

	.pb-sm-0, .pv-sm-0, .p-sm-0 { padding-bottom: 0; }
	.pb-sm-5, .pv-sm-5, .p-sm-5 { padding-bottom: .5em; }
	.pb-sm-10, .pv-sm-10, .p-sm-10 { padding-bottom: 1em; }
	.pb-sm-15, .pv-sm-15, .p-sm-15 { padding-bottom: 1.5em; }
	.pb-sm-20, .pv-sm-20, .p-sm-20 { padding-bottom: 2em; }
	/* ----------- */
	/* -- / MARG & PADD -- */

}

/* XS */
@media screen and (max-width: 576px) {
	body { font-size: 17px; }
	.font-xs-133 { font-size: 1.33em; }
	.font-xs-125 { font-size: 1.25em; }
	
	.l-xs-0 { left: 0; }
	.r-xs-0 { right: 0; }
	.t-xs-0 { top: 0; }
	.b-xs-0 { bottom: 0; }
	
	
	/* -- BOXES -- */
	.box-xs-1 { width: 8.33%; }
	.box-xs-2 { width: 16.66% }
	.box-xs-3 { width: 25%; }
	.box-xs-4 { width: 33.33%; }
	.box-xs-5 { width: 41.66% }
	.box-xs-6 { width: 50%; }
	.box-xs-7 { width: 58.33%; }
	.box-xs-8 { width: 66.66%; }
	.box-xs-9 { width: 75%; }
	.box-xs-10 { width: 83.33%; }
	.box-xs-11 { width: 91.66%; }
	.box-xs-12 { width: 100%; }

	.ofs-xs-0, .box-xs-12 { margin-left: 0 }
	.ofs-xs-1 { margin-left: 8.33% }
	.ofs-xs-2 { margin-left: 16.66%; }
	.ofs-xs-3 { margin-left: 25%; }
	.ofs-xs-4 { margin-left: 33.33%; }
	.ofs-xs-5 { margin-left: 41.66%; }
	.ofs-xs-6 { margin-left: 50%; }
	.ofs-xs-7 { margin-left: 58.33%; }
	.ofs-xs-8 { margin-left: 66.66%; }
	.ofs-xs-9 { margin-left: 75%; }
	.ofs-xs-10 { margin-left: 83.33%; }
	.ofs-xs-11 { margin-left: 91.66%; }
	/* -- BOXES -- */
	
	
	
	/* -- MARG & PADD -- */
	/* ----------- */
	.mh-xs-a { margin-left: auto; margin-right: auto; }
	/* ----------- */
	.ml-xs-0, .mh-xs-0, .m-xs-0, .box-xs-12, .ofs-xs-0 { margin-left: 0; }
	.ml-xs-5, .mh-xs-5, .m-xs-5 { margin-left: .5em; }
	.ml-xs-10, .mh-xs-10, .m-xs-10 { margin-left: 1em; }
	.ml-xs-15, .mh-xs-15, .m-xs-15 { margin-left: 1.5em; }

	.mr-xs-0, .mh-xs-0, .m-xs-0 { margin-right: 0; }
	.mr-xs-5, .mh-xs-5, .m-xs-5 { margin-right: .5em; }
	.mr-xs-10, .mh-xs-10, .m-xs-10 { margin-right: 1em; }
	.mr-xs-15, .mh-xs-15, .m-xs-15 { margin-right: 1.5em; }
	
	.mt-xs-0, .mv-xs-0, .m-xs-0 { margin-top: 0; }
	.mt-xs-5, .mv-xs-5, .m-xs-5 { margin-top: .5em; }
	.mt-xs-10, .mv-xs-10, .m-xs-10 { margin-top: 1em; }
	.mt-xs-15, .mv-xs-15, .m-xs-15 { margin-top: 1.5em; }

	.mb-xs-0, .mv-xs-0, .m-xs-0 { margin-bottom: 0; }
	.mb-xs-5, .mv-xs-5, .m-xs-5 { margin-bottom: .5em; }
	.mb-xs-10, .mv-xs-10, .m-xs-10 { margin-bottom: 1em; }
	.mb-xs-15, .mv-xs-15, .m-xs-15 { margin-bottom: 1.5em; }
	/* ----------- */

	/* ----------- */
	.pl-xs-0, .ph-xs-0, .p-xs-0 { padding-left: 0; }
	.pl-xs-5, .ph-xs-5, .p-xs-5 { padding-left: .5em; }
	.pl-xs-10, .ph-xs-10, .p-xs-10 { padding-left: 1em; }
	.pl-xs-15, .ph-xs-15, .p-xs-15 { padding-left: 1.5em; }
	.pl-xs-45, .ph-xs-45, .p-xs-45 { padding-left: 4.5em; }

	.pr-xs-0, .ph-xs-0, .p-xs-0 { padding-right: 0; }
	.pr-xs-5, .ph-xs-5, .p-xs-5 { padding-right: .5em; }
	.pr-xs-10, .ph-xs-10, .p-xs-10 { padding-right: 1em; }
	.pr-xs-15, .ph-xs-15, .p-xs-15 { padding-right: 1.5em; }
	.pr-xs-45, .ph-xs-45, .p-xs-45 { padding-right: 4.5em; }
	/* ----------- */
	.pt-xs-0, .pv-xs-0, .p-xs-0 { padding-top: 0; }
	.pt-xs-5, .pv-xs-5, .p-xs-5 { padding-top: .5em; }
	.pt-xs-10, .pv-xs-10, .p-xs-10 { padding-top: 1em; }
	.pt-xs-15, .pv-xs-15, .p-xs-15 { padding-top: 1.5em; }

	.pb-xs-0, .pv-xs-0, .p-xs-0 { padding-bottom: 0; }
	.pb-xs-5, .pv-xs-5, .p-xs-5 { padding-bottom: .5em; }
	.pb-xs-10, .pv-xs-10, .p-xs-10 { padding-bottom: 1em; }
	.pb-xs-15, .pv-xs-15, .p-xs-15 { padding-bottom: 1.5em; }
	/* ----------- */
	/* -- / MARG & PADD -- */

}

/* XXS */
@media screen and (max-width: 479px) {
	.font-xs-2 { font-size: 1.5em; }
	.font-xs-3 { font-size: 2em; }
	
	
	/* -- BOXES -- */
	.box-xxs-3 { width: 25%; }
	.box-xxs-4 { width: 33.33%; }
	.box-xxs-6 { width: 50%; }
	.box-xxs-8 { width: 66.66%; }
	.box-xxs-9 { width: 75%; }
	.box-xxs-12 { width: 100%; }

	.ofs-xxs-0, .box-xxs-12 { margin-left: 0 }
	.ofs-xxs-3 { margin-left: 25%; }
	.ofs-xxs-4 { margin-left: 33.33%; }
	.ofs-xxs-6 { margin-left: 50%; }
	.ofs-xxs-8 { margin-left: 66.66%; }
	.ofs-xxs-9 { margin-left: 75%; }
	/* -- BOXES -- */
	
	
	
	/* -- MARG & PADD -- */
	/* ----------- */
	.mh-xxs-a { margin-left: auto; margin-right: auto; }
	/* ----------- */
	.ml-xxs-0, .mh-xxs-0, .m-xxs-0, .box-xxs-12, .ofs-xxs-0 { margin-left: 0; }
	.ml-xxs-5, .mh-xxs-5, .m-xxs-5 { margin-left: .5em; }
	.ml-xxs-10, .mh-xxs-10, .m-xxs-10 { margin-left: 1em; }

	.mr-xxs-0, .mh-xxs-0, .m-xxs-0 { margin-right: 0; }
	.mr-xxs-5, .mh-xxs-5, .m-xxs-5 { margin-right: .5em; }
	.mr-xxs-10, .mh-xxs-10, .m-xxs-10 { margin-right: 1em; }
	
	.mt-xxs-0, .mv-xxs-0, .m-xxs-0 { margin-top: 0; }
	.mt-xxs-5, .mv-xxs-5, .m-xxs-5 { margin-top: .5em; }
	.mt-xxs-10, .mv-xxs-10, .m-xxs-10 { margin-top: 1em; }

	.mb-xxs-0, .mv-xxs-0, .m-xxs-0 { margin-bottom: 0; }
	.mb-xxs-5, .mv-xxs-5, .m-xxs-5 { margin-bottom: .5em; }
	.mb-xxs-10, .mv-xxs-10, .m-xxs-10 { margin-bottom: 1em; }
	/* ----------- */

	/* ----------- */
	.pl-xxs-0, .ph-xxs-0, .p-xxs-0 { padding-left: 0; }
	.pl-xxs-5, .ph-xxs-5, .p-xxs-5 { padding-left: .5em; }
	.pl-xxs-10, .ph-xxs-10, .p-xxs-10 { padding-left: 1em; }
	.pl-xxs-30, .ph-xxs-30, .p-xxs-30 { padding-left: 3em; }

	.pr-xxs-0, .ph-xxs-0, .p-xxs-0 { padding-right: 0; }
	.pr-xxs-5, .ph-xxs-5, .p-xxs-5 { padding-right: .5em; }
	.pr-xxs-10, .ph-xxs-10, .p-xxs-10 { padding-right: 1em; }
	.pr-xxs-30, .ph-xxs-30, .p-xxs-30 { padding-right: 3em; }
	/* ----------- */
	.pt-xxs-0, .pv-xxs-0, .p-xxs-0 { padding-top: 0; }
	.pt-xxs-5, .pv-xxs-5, .p-xxs-5 { padding-top: .5em; }
	.pt-xxs-10, .pv-xxs-10, .p-xxs-10 { padding-top: 1em; }

	.pb-xxs-0, .pv-xxs-0, .p-xxs-0 { padding-bottom: 0; }
	.pb-xxs-5, .pv-xxs-5, .p-xxs-5 { padding-bottom: .5em; }
	.pb-xxs-10, .pv-xxs-10, .p-xxs-10 { padding-bottom: 1em; }
	/* ----------- */
	/* -- / MARG & PADD -- */
}
@media screen and (max-width: 360px) {

}