/*--------------------------------------------------------------
# Quick-grid.  simple
--------------------------------------------------------------*/

.quick-row { width: 100%; display: table; table-layout: fixed; position: relative; }
.quick-col { display: table-cell; vertical-align: top;  position: relative;  }
.quick-gap { display: table-cell; width:4%; height:30px; }

.fixed-row { width: 100%; display: table; table-layout: fixed; position: relative; }
.fixed-col { display: table-cell; vertical-align: top;  position: relative;  }
.fixed-gap { display: table-cell; width:4%; height:30px; }


.row-auto{ table-layout: auto; }
.col-auto{ width: auto !important; }

.gap-0{ display:none; }
.gap-1{ width:1% }
.gap-2{ width:2% }
.gap-3{ width:3% }
.gap-4{ width:4% }
.gap-5{ width:5% }
.gap-6{ width:6% }
.gap-7{ width:7% }
.gap-8{ width:8% }
.gap-9{ width:9% }
.gap-10{ width:10% }

.col-0 { width:0; }
.col-5 { width:3% }
.col-10{ width:8% }
.col-15{ width:13% }
.col-20{ width:18% }
.col-25{ width:22% }
.col-30{ width:28% }
.col-35{ width:33% }
.col-40{ width:38% }
.col-45{ width:42% }
.col-50{ width:48% }
.col-55{ width:53% }
.col-60{ width:58% }
.col-65{ width:63% }
.col-70{ width:68% }
.col-75{ width:73% }
.col-80{ width:78% }
.col-85{ width:84% }

@media ( max-width: 760px ) {
	.quick-gap { width: 30px; height:30px; }
}
@media ( max-width: 520px ) {
	.quick-row{ width:100%; display: block; }
	.quick-col{ width:100%; display: block; }
	.quick-gap{ height:30px; }
	.col-5,
	.col-10, .col-15, .col-20, .col-25, .col-30, .col-35, 
	.col-40, .col-45, .col-50, .col-55, .col-60, .col-65,
	.col-70, .col-75, .col-80, .col-85, .col-90, .col-95  { width:100% }
	.col-auto{ width: 100% !important; }
}


/* - - - -  Board Quick - - - -  */

.quick-board { display: flex;  flex-wrap: wrap;  align-items: stretch;  margin:-1.5%;  }
.quick-card  { margin: 1.5%; flex-grow:0; flex-shrink:0; flex-basis:30.3%; }  

.quick-card .quick-card-image{ background-size: cover; background-position: center center; position:relative; }
.quick-card .quick-card-image img { max-width: 100%;  }
.quick-card .quick-card-info { padding: 0; }

.quick-board[data-cards="1"] .quick-card{ flex-basis: 97%; }
.quick-board[data-cards="2"] .quick-card{ flex-basis: 47%; }
.quick-board[data-cards="3"] .quick-card{ flex-basis: 30.3%; }
.quick-board[data-cards="4"] .quick-card{ flex-basis: 22%; }
.quick-board[data-cards="5"] .quick-card{ flex-basis: 17%; }
.quick-board[data-cards="6"] .quick-card{ flex-basis: 13.6%; }

@media (max-width: 860px) {
	.quick-board[data-cards="3"]   .quick-card,
	.quick-board[data-cards="4"]   .quick-card{ flex-basis: 47%; }
	.quick-board[data-cards="5"]   .quick-card,
	.quick-board[data-cards="6"]   .quick-card{ flex-basis: 30.3%; }
	.quick-board[tablet-cards="1"] .quick-card{ flex-basis: 97%; }
	.quick-board[tablet-cards="2"] .quick-card{ flex-basis: 47%; }
	.quick-board[tablet-cards="3"] .quick-card{ flex-basis: 30.3%; }
	.quick-board[tablet-cards="4"] .quick-card{ flex-basis: 22%; }
	.quick-board[tablet-cards="5"] .quick-card{ flex-basis: 17%; }
	.quick-board[tablet-cards="6"] .quick-card{ flex-basis: 13.6%; }
}
@media (max-width: 520px) {
	.quick-board[data-cards="2"] .quick-card,
	.quick-board[data-cards="3"] .quick-card,
	.quick-board[data-cards="4"] .quick-card,
	.quick-board[data-cards="5"] .quick-card,
	.quick-board[data-cards="6"] .quick-card{ flex-basis: 97%; }
	.quick-board[mobi-cards="1"] .quick-card{ flex-basis: 97%; }
	.quick-board[mobi-cards="2"] .quick-card{ flex-basis: 47%; }
	.quick-board[mobi-cards="3"] .quick-card{ flex-basis: 30.3%; }
	.quick-board[mobi-cards="4"] .quick-card{ flex-basis: 22%; }
	.quick-board[mobi-cards="5"] .quick-card{ flex-basis: 17%; }
	.quick-board[mobi-cards="6"] .quick-card{ flex-basis: 13.6%; }
}



/*--------------------------------------------------------------
#   min-height in %
--------------------------------------------------------------*/

/*	
.height-10::before, .height-20::before, .height-30::before, .height-40::before, .height-50::before, 
.height-15::before, .height-25::before, .height-35::before, .height-45::before, .height-55::before, 
.height-60::before, .height-70::before, .height-80::before, .height-90::before, .height-100::before,
.height-65::before, .height-75::before, .height-85::before, .height-95::before
	{ content: ""; width: 1px; margin-left: -1px; float: left;  height: 0; } 

.height-10::after, .height-20::after, .height-30::after, .height-40::after, .height-50::after, 
.height-15::after, .height-25::after, .height-35::after, .height-45::after, .height-55::after, 
.height-60::after, .height-70::after, .height-80::after, .height-90::after, .height-100::after,
.height-65::after, .height-75::after, .height-85::after, .height-95::after 
	{ content: ""; display: table; clear: both; }

.height-10::before { padding-top: 10%; }   .height-15::before { padding-top: 15%; }
.height-20::before { padding-top: 20%; }   .height-25::before { padding-top: 25%; }
.height-30::before { padding-top: 30%; }   .height-35::before { padding-top: 35%; }
.height-40::before { padding-top: 40%; }   .height-45::before { padding-top: 45%; }
.height-50::before { padding-top: 50%; }   .height-55::before { padding-top: 55%; }
.height-60::before { padding-top: 60%; }   .height-65::before { padding-top: 65%; }
.height-70::before { padding-top: 70%; }   .height-75::before { padding-top: 75%; }
.height-80::before { padding-top: 80%; }   .height-85::before { padding-top: 85%; }
.height-90::before { padding-top: 90%; }   .height-95::before { padding-top: 95%; }
.height-100::before{ padding-top: 100%;}   
*/

.height-10 { padding-top: 10%; }   .height-15 { padding-top: 15%; }
.height-20 { padding-top: 20%; }   .height-25 { padding-top: 25%; }
.height-30 { padding-top: 30%; }   .height-35 { padding-top: 35%; }
.height-40 { padding-top: 40%; }   .height-45 { padding-top: 45%; }
.height-50 { padding-top: 50%; }   .height-55 { padding-top: 55%; }
.height-60 { padding-top: 60%; }   .height-65 { padding-top: 65%; }
.height-70 { padding-top: 70%; }   .height-75 { padding-top: 75%; }
.height-80 { padding-top: 80%; }   .height-85 { padding-top: 85%; }
.height-90 { padding-top: 90%; }   .height-95 { padding-top: 95%; }
.height-100{ padding-top: 100%;}   


/*--------------------------------------------------------------
#   styles gral
--------------------------------------------------------------*/


.font-8{ font-size: 8px; }
.font-10{ font-size: 10px; }
.font-12{ font-size: 12px; }
.font-14{ font-size: 14px; }
.font-16{ font-size: 16px; }
.font-18{ font-size: 18px; }
.font-20{ font-size: 20px; }
.font-22{ font-size: 22px; }
.font-24{ font-size: 24px; }
.font-26{ font-size: 26px; }
.font-28{ font-size: 28px; }
.font-30{ font-size: 30px; }
.font-32{ font-size: 32px; }
.font-34{ font-size: 34px; }
.font-36{ font-size: 36px; }
.font-38{ font-size: 38px; }
.font-40{ font-size: 40px; }
.font-42{ font-size: 42px; }
.font-44{ font-size: 44px; }
.font-46{ font-size: 46px; }
.font-48{ font-size: 48px; }
.font-50{ font-size: 50px; }
.font-52{ font-size: 52px; }
.font-54{ font-size: 54px; }
.font-56{ font-size: 56px; }
.font-58{ font-size: 58px; }
.font-60{ font-size: 60px; }
.font-62{ font-size: 62px; }
.font-64{ font-size: 64px; }
.font-66{ font-size: 66px; }
.font-68{ font-size: 68px; }
.font-70{ font-size: 70px; }
.font-72{ font-size: 72px; }
.font-74{ font-size: 74px; }
.font-76{ font-size: 76px; }
.font-78{ font-size: 78px; }
.font-80{ font-size: 80px; }
.font-82{ font-size: 82px; }
.font-84{ font-size: 84px; }
.font-86{ font-size: 86px; }
.font-88{ font-size: 88px; }
.font-90{ font-size: 90px; }
.font-92{ font-size: 92px; }
.font-94{ font-size: 94px; }
.font-96{ font-size: 96px; }
.font-98{ font-size: 98px; }
.font-100{ font-size: 100px; }
.font-105{ font-size: 105px; }
.font-110{ font-size: 110px; }
.font-115{ font-size: 115px; }
.font-120{ font-size: 120px; }
.font-125{ font-size: 125px; }
.font-130{ font-size: 130px; }
.font-135{ font-size: 135px; }
.font-140{ font-size: 140px; }
.font-145{ font-size: 145px; }
.font-150{ font-size: 150px; }
.font-155{ font-size: 155px; }
.font-160{ font-size: 160px; }
.font-165{ font-size: 165px; }
.font-170{ font-size: 170px; }
.font-175{ font-size: 175px; }
.font-180{ font-size: 180px; }
.font-185{ font-size: 185px; }
.font-190{ font-size: 190px; }
.font-195{ font-size: 195px; }
.font-200{ font-size: 200px; }


.font-300{ font-weight: 300; }
.font-400{ font-weight: 400; }
.font-500{ font-weight: 500; }
.font-600{ font-weight: 600; }
.font-700{ font-weight: 700; }
.font-800{ font-weight: 800; }

.font-w300{ font-weight: 300; }
.font-w400{ font-weight: 400; }
.font-w500{ font-weight: 500; }
.font-w600{ font-weight: 600; }
.font-w700{ font-weight: 700; }
.font-w800{ font-weight: 800; }


.line-h05{ line-height: 0.5; }
.line-h06{ line-height: 0.6; }
.line-h07{ line-height: 0.7; }
.line-h08{ line-height: 0.8; }
.line-h09{ line-height: 0.9; }
.line-h10{ line-height: 1.0; }
.line-h11{ line-height: 1.1; }
.line-h12{ line-height: 1.2; }
.line-h13{ line-height: 1.3; }
.line-h14{ line-height: 1.4; }
.line-h15{ line-height: 1.5; }
.line-h16{ line-height: 1.6; }
.line-h17{ line-height: 1.7; }
.line-h18{ line-height: 1.8; }
.line-h19{ line-height: 1.9; }
.line-h20{ line-height: 2.0; }
.line-h21{ line-height: 2.1; }
.line-h22{ line-height: 2.2; }
.line-h23{ line-height: 2.3; }
.line-h24{ line-height: 2.4; }
.line-h25{ line-height: 2.5; }
.line-h26{ line-height: 2.6; }
.line-h22{ line-height: 2.7; }
.line-h28{ line-height: 2.8; }
.line-h29{ line-height: 2.9; }
.line-h30{ line-height: 3.0; }


.margin-0   { margin:0; }
.margin-5   { margin:5px; }
.margin-10  { margin:10px; }
.margin-20  { margin:20px; }
.margin-30  { margin:30px; }
.margin-40  { margin:40px; }
.margin-50  { margin:50px; }
.margin-60  { margin:60px; }
.margin-70  { margin:70px; }
.margin-80  { margin:80px; }
.margin-90  { margin:90px; }
.margin-100 { margin:100px; }
.margin-110 { margin:110px; }
.margin-120 { margin:120px; }
.margin-130 { margin:130px; }
.margin-140 { margin:140px; }
.margin-150 { margin:150px; }
.margin-160 { margin:160px; }
.margin-170 { margin:170px; }
.margin-180 { margin:180px; }
.margin-190 { margin:190px; }
.margin-200 { margin:100px; }

.margin-t0  { margin-top:0; }
.margin-t5  { margin-top:5px; }
.margin-t10 { margin-top:10px; }
.margin-t20 { margin-top:20px; }
.margin-t30 { margin-top:30px; }
.margin-t40 { margin-top:40px; }
.margin-t50 { margin-top:50px; }
.margin-t60 { margin-top:60px; }
.margin-t70 { margin-top:70px; }
.margin-t80 { margin-top:80px; }
.margin-t90 { margin-top:90px; }
.margin-t100{ margin-top:100px; }
.margin-t110{ margin-top:110px; }
.margin-t120{ margin-top:120px; }
.margin-t130{ margin-top:130px; }
.margin-t140{ margin-top:140px; }
.margin-t150{ margin-top:150px; }
.margin-t160{ margin-top:160px; }
.margin-t170{ margin-top:170px; }
.margin-t180{ margin-top:180px; }
.margin-t190{ margin-top:190px; }
.margin-t200{ margin-top:200px; }

.margin-b0  { margin-bottom:0; }
.margin-b5  { margin-bottom:5px; }
.margin-b10 { margin-bottom:10px; }
.margin-b20 { margin-bottom:20px; }
.margin-b30 { margin-bottom:30px; }
.margin-b40 { margin-bottom:40px; }
.margin-b50 { margin-bottom:50px; }
.margin-b60 { margin-bottom:60px; }
.margin-b70 { margin-bottom:70px; }
.margin-b80 { margin-bottom:80px; }
.margin-b90 { margin-bottom:90px; }
.margin-b100{ margin-bottom:100px; }
.margin-b120{ margin-bottom:120px; }
.margin-b130{ margin-bottom:130px; }
.margin-b140{ margin-bottom:140px; }
.margin-b150{ margin-bottom:150px; }
.margin-b160{ margin-bottom:160px; }
.margin-b170{ margin-bottom:170px; }
.margin-b180{ margin-bottom:180px; }
.margin-b190{ margin-bottom:190px; }
.margin-b200{ margin-bottom:200px; }

.margin-v0    { margin-top: 0; margin-bottom: 0; }
.margin-v5    { margin-top: 5px; margin-bottom: 5px; }
.margin-v10   { margin-top: 10px; margin-bottom: 10px; }
.margin-v15   { margin-top: 15px; margin-bottom: 15px; }
.margin-v20   { margin-top: 20px; margin-bottom: 20px; }
.margin-v30   { margin-top: 30px; margin-bottom: 30px; }
.margin-v40   { margin-top: 40px; margin-bottom: 40px; }
.margin-v50   { margin-top: 50px; margin-bottom: 50px; }
.margin-v60   { margin-top: 60px; margin-bottom: 60px; }
.margin-v70   { margin-top: 70px; margin-bottom: 70px; }
.margin-v80   { margin-top: 80px; margin-bottom: 80px; }
.margin-v90   { margin-top: 90px; margin-bottom: 90px; }
.margin-v100  { margin-top: 100px; margin-bottom: 100px; }
.margin-v110  { margin-top: 110px; margin-bottom: 110px; }
.margin-v120  { margin-top: 120px; margin-bottom: 120px; }
.margin-v130  { margin-top: 130px; margin-bottom: 130px; }
.margin-v140  { margin-top: 140px; margin-bottom: 140px; }
.margin-v150  { margin-top: 150px; margin-bottom: 150px; }
.margin-v160  { margin-top: 160px; margin-bottom: 160px; }
.margin-v170  { margin-top: 170px; margin-bottom: 170px; }
.margin-v180  { margin-top: 180px; margin-bottom: 180px; }
.margin-v190  { margin-top: 190px; margin-bottom: 190px; }
.margin-v200  { margin-top: 200px; margin-bottom: 200px; }

.margin-h0    { margin-left: 0;    margin-right: 0; }
.margin-h5    { margin-left: 5px;  margin-right: 5px; }
.margin-h10   { margin-left: 10px; margin-right: 10px; }
.margin-h15   { margin-left: 15px; margin-right: 15px; }
.margin-h20   { margin-left: 20px; margin-right: 20px; }
.margin-h30   { margin-left: 30px; margin-right: 30px; }
.margin-h40   { margin-left: 40px; margin-right: 40px; }
.margin-h50   { margin-left: 50px; margin-right: 50px; }
.margin-h60   { margin-left: 60px; margin-right: 60px; }
.margin-h70   { margin-left: 70px; margin-right: 70px; }
.margin-h80   { margin-left: 80px; margin-right: 80px; }
.margin-h90   { margin-left: 90px; margin-right: 90px; }
.margin-h100  { margin-left: 100px; margin-right: 100px; }
.margin-h110  { margin-left: 110px; margin-right: 110px; }
.margin-h120  { margin-left: 120px; margin-right: 120px; }
.margin-h130  { margin-left: 130px; margin-right: 130px; }
.margin-h140  { margin-left: 140px; margin-right: 140px; }
.margin-h150  { margin-left: 150px; margin-right: 150px; }
.margin-h160  { margin-left: 160px; margin-right: 160px; }
.margin-h170  { margin-left: 170px; margin-right: 170px; }
.margin-h180  { margin-left: 180px; margin-right: 180px; }
.margin-h190  { margin-left: 190px; margin-right: 190px; }
.margin-h200  { margin-left: 200px; margin-right: 200px; }

.padding-0   { padding:0; }
.padding-5   { padding:5px; }
.padding-10  { padding:10px; }
.padding-20  { padding:20px; }
.padding-30  { padding:30px; }
.padding-40  { padding:40px; }
.padding-50  { padding:50px; }
.padding-60  { padding:60px; }
.padding-70  { padding:70px; }
.padding-80  { padding:80px; }
.padding-90  { padding:90px; }
.padding-100 { padding:100px; }
.padding-110 { padding:110px; }
.padding-120 { padding:120px; }
.padding-130 { padding:130px; }
.padding-140 { padding:140px; }
.padding-150 { padding:150px; }
.padding-160 { padding:160px; }
.padding-170 { padding:170px; }
.padding-180 { padding:180px; }
.padding-190 { padding:190px; }
.padding-200 { padding:200px; }

.padding-t0  { padding-top:0; }
.padding-t1  { padding-top:1px; }
.padding-t5  { padding-top:5px; }
.padding-t10 { padding-top:10px; }
.padding-t20 { padding-top:20px; }
.padding-t30 { padding-top:30px; }
.padding-t40 { padding-top:40px; }
.padding-t50 { padding-top:50px; }
.padding-t60 { padding-top:60px; }
.padding-t70 { padding-top:70px; }
.padding-t80 { padding-top:80px; }
.padding-t90 { padding-top:90px; }
.padding-t100{ padding-top:100px; }
.padding-t110{ padding-top:110px; }
.padding-t120{ padding-top:120px; }
.padding-t130{ padding-top:130px; }
.padding-t140{ padding-top:140px; }
.padding-t150{ padding-top:150px; }
.padding-t160{ padding-top:160px; }
.padding-t170{ padding-top:170px; }
.padding-t180{ padding-top:180px; }
.padding-t190{ padding-top:190px; }
.padding-t200{ padding-top:200px; }

.padding-b0  { padding-bottom:0; }
.padding-b1  { padding-bottom:1px; }
.padding-b5  { padding-bottom:5px; }
.padding-b10 { padding-bottom:10px; }
.padding-b20 { padding-bottom:20px; }
.padding-b30 { padding-bottom:30px; }
.padding-b40 { padding-bottom:40px; }
.padding-b50 { padding-bottom:50px; }
.padding-b60 { padding-bottom:60px; }
.padding-b70 { padding-bottom:70px; }
.padding-b80 { padding-bottom:80px; }
.padding-b90 { padding-bottom:90px; }
.padding-b100{ padding-bottom:100px; }
.padding-b110{ padding-bottom:110px; }
.padding-b120{ padding-bottom:120px; }
.padding-b130{ padding-bottom:130px; }
.padding-b140{ padding-bottom:140px; }
.padding-b150{ padding-bottom:150px; }
.padding-b160{ padding-bottom:160px; }
.padding-b170{ padding-bottom:170px; }
.padding-b180{ padding-bottom:180px; }
.padding-b190{ padding-bottom:190px; }
.padding-b200{ padding-bottom:200px; }

.padding-v0    { padding-top: 0; padding-bottom: 0; }
.padding-v5    { padding-top: 5px; padding-bottom: 5px; }
.padding-v10   { padding-top: 10px; padding-bottom: 10px; }
.padding-v15   { padding-top: 15px; padding-bottom: 15px; }
.padding-v20   { padding-top: 20px; padding-bottom: 20px; }
.padding-v30   { padding-top: 30px; padding-bottom: 30px; }
.padding-v40   { padding-top: 40px; padding-bottom: 40px; }
.padding-v50   { padding-top: 50px; padding-bottom: 50px; }
.padding-v60   { padding-top: 60px; padding-bottom: 60px; }
.padding-v70   { padding-top: 70px; padding-bottom: 70px; }
.padding-v80   { padding-top: 80px; padding-bottom: 80px; }
.padding-v90   { padding-top: 90px; padding-bottom: 90px; }
.padding-v100  { padding-top: 100px; padding-bottom: 100px; }
.padding-v110  { padding-top: 110px; padding-bottom: 110px; }
.padding-v120  { padding-top: 120px; padding-bottom: 120px; }
.padding-v130  { padding-top: 130px; padding-bottom: 130px; }
.padding-v140  { padding-top: 140px; padding-bottom: 140px; }
.padding-v150  { padding-top: 150px; padding-bottom: 150px; }
.padding-v160  { padding-top: 160px; padding-bottom: 160px; }
.padding-v170  { padding-top: 170px; padding-bottom: 170px; }
.padding-v180  { padding-top: 180px; padding-bottom: 180px; }
.padding-v190  { padding-top: 190px; padding-bottom: 190px; }
.padding-v200  { padding-top: 200px; padding-bottom: 200px; }

.padding-h0    { padding-left: 0;    padding-right: 0; }
.padding-h5    { padding-left: 5px;  padding-right: 5px; }
.padding-h10   { padding-left: 10px; padding-right: 10px; }
.padding-h15   { padding-left: 15px; padding-right: 15px; }
.padding-h20   { padding-left: 20px; padding-right: 20px; }
.padding-h30   { padding-left: 30px; padding-right: 30px; }
.padding-h40   { padding-left: 40px; padding-right: 40px; }
.padding-h50   { padding-left: 50px; padding-right: 50px; }
.padding-h60   { padding-left: 60px; padding-right: 60px; }
.padding-h70   { padding-left: 70px; padding-right: 70px; }
.padding-h80   { padding-left: 80px; padding-right: 80px; }
.padding-h90   { padding-left: 90px; padding-right: 90px; }
.padding-h100  { padding-left: 100px; padding-right: 100px; }
.padding-h110  { padding-left: 110px; padding-right: 110px; }
.padding-h120  { padding-left: 120px; padding-right: 120px; }
.padding-h130  { padding-left: 130px; padding-right: 130px; }
.padding-h140  { padding-left: 140px; padding-right: 140px; }
.padding-h150  { padding-left: 150px; padding-right: 150px; }
.padding-h160  { padding-left: 160px; padding-right: 160px; }
.padding-h170  { padding-left: 170px; padding-right: 170px; }
.padding-h180  { padding-left: 180px; padding-right: 180px; }
.padding-h190  { padding-left: 190px; padding-right: 190px; }
.padding-h200  { padding-left: 200px; padding-right: 200px; }


.mobi-only   { display: none; }
.desk-only   { display: block; }

.display-hide,    .hide   { display: none; }
.display-none,    .none   { display: none; }
.display-block,   .block  { display: block; }
.display-inline,  .inline { display: inline; }
.display-inblock, .inblock{ display: inline-block; }


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

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

.absolute-center  { position: absolute; top: 50%; left:50%;  transform: translate(-50%, -50%); }
.absolute-vertical{ position: absolute; top: 50%; transform: translateY(-50%); }

.position-relative{ position:relative; }
.position-absolute{ position: absolute; }
.position-fixed   { position: fixed; }
.position-static  { position: static; }


.uppercase { text-transform: uppercase; }
.capitalize{ text-transform: capitalize; }
.lowercase { text-transform: lowercase; }


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

embed, iframe, object { max-width: 100%; }

.bg-image,
.bg-cover   { background-position: center center; background-size: cover;   background-repeat: no-repeat; }
.bg-contain { background-position: center center; background-size: contain; background-repeat: no-repeat; } 
.bg-fixed   { background-attachment: fixed; }
.bg-none    { background-image: none; }


/*--------------------------------------------------------------
# Clearfix
--------------------------------------------------------------*/

.clearfix::before,
.clearfix::after { display: table; content: ''; }
.clearfix::after { clear: both; }





@media all and ( max-width: 760px ) {


.mobi-font-10{ font-size: 10px; }
.mobi-font-12{ font-size: 12px; }
.mobi-font-14{ font-size: 14px; }
.mobi-font-16{ font-size: 16px; }
.mobi-font-18{ font-size: 18px; }
.mobi-font-20{ font-size: 20px; }
.mobi-font-22{ font-size: 22px; }
.mobi-font-24{ font-size: 24px; }
.mobi-font-26{ font-size: 26px; }
.mobi-font-28{ font-size: 28px; }
.mobi-font-30{ font-size: 30px; }
.mobi-font-32{ font-size: 32px; }
.mobi-font-34{ font-size: 34px; }
.mobi-font-36{ font-size: 36px; }
.mobi-font-38{ font-size: 38px; }
.mobi-font-40{ font-size: 40px; }
.mobi-font-42{ font-size: 42px; }
.mobi-font-44{ font-size: 44px; }
.mobi-font-46{ font-size: 46px; }
.mobi-font-48{ font-size: 48px; }
.mobi-font-50{ font-size: 50px; }
.mobi-font-52{ font-size: 52px; }
.mobi-font-54{ font-size: 54px; }
.mobi-font-56{ font-size: 56px; }
.mobi-font-58{ font-size: 58px; }
.mobi-font-60{ font-size: 60px; }
.mobi-font-62{ font-size: 62px; }
.mobi-font-64{ font-size: 64px; }
.mobi-font-66{ font-size: 66px; }
.mobi-font-68{ font-size: 68px; }
.mobi-font-70{ font-size: 70px; }
.mobi-font-72{ font-size: 72px; }
.mobi-font-74{ font-size: 74px; }
.mobi-font-76{ font-size: 76px; }
.mobi-font-78{ font-size: 78px; }
.mobi-font-80{ font-size: 80px; }
.mobi-font-82{ font-size: 82px; }
.mobi-font-84{ font-size: 84px; }
.mobi-font-86{ font-size: 86px; }
.mobi-font-88{ font-size: 88px; }
.mobi-font-90{ font-size: 90px; }
.mobi-font-92{ font-size: 92px; }
.mobi-font-94{ font-size: 94px; }
.mobi-font-96{ font-size: 96px; }
.mobi-font-98{ font-size: 98px; }
.mobi-font-100{ font-size: 100px; }
.mobi-font-110{ font-size: 110px; }
.mobi-font-120{ font-size: 120px; }
.mobi-font-130{ font-size: 130px; }
.mobi-font-140{ font-size: 140px; }
.mobi-font-150{ font-size: 150px; }
.mobi-font-160{ font-size: 160px; }
.mobi-font-170{ font-size: 170px; }
.mobi-font-180{ font-size: 180px; }
.mobi-font-190{ font-size: 190px; }
.mobi-font-200{ font-size: 200px; }


.mobi-font-300{ font-weight: 300; }
.mobi-font-400{ font-weight: 400; }
.mobi-font-500{ font-weight: 500; }
.mobi-font-600{ font-weight: 600; }
.mobi-font-700{ font-weight: 700; }
.mobi-font-800{ font-weight: 800; }

.mobi-font-w300{ font-weight: 300; }
.mobi-font-w400{ font-weight: 400; }
.mobi-font-w500{ font-weight: 500; }
.mobi-font-w600{ font-weight: 600; }
.mobi-font-w700{ font-weight: 700; }
.mobi-font-w800{ font-weight: 800; }


.mobi-line-h05{ line-height: 0.5; }
.mobi-line-h06{ line-height: 0.6; }
.mobi-line-h07{ line-height: 0.7; }
.mobi-line-h08{ line-height: 0.8; }
.mobi-line-h09{ line-height: 0.9; }
.mobi-line-h10{ line-height: 1.0; }
.mobi-line-h11{ line-height: 1.1; }
.mobi-line-h12{ line-height: 1.2; }
.mobi-line-h13{ line-height: 1.3; }
.mobi-line-h14{ line-height: 1.4; }
.mobi-line-h15{ line-height: 1.5; }
.mobi-line-h16{ line-height: 1.6; }
.mobi-line-h17{ line-height: 1.7; }
.mobi-line-h18{ line-height: 1.8; }
.mobi-line-h19{ line-height: 1.9; }
.mobi-line-h20{ line-height: 2.0; }
.mobi-line-h21{ line-height: 2.1; }
.mobi-line-h22{ line-height: 2.2; }
.mobi-line-h23{ line-height: 2.3; }
.mobi-line-h24{ line-height: 2.4; }
.mobi-line-h25{ line-height: 2.5; }
.mobi-line-h26{ line-height: 2.6; }
.mobi-line-h22{ line-height: 2.7; }
.mobi-line-h28{ line-height: 2.8; }
.mobi-line-h29{ line-height: 2.9; }
.mobi-line-h30{ line-height: 3.0; }


.mobi-margin-0   { margin:0; }
.mobi-margin-5   { margin:5px; }
.mobi-margin-10  { margin:10px; }
.mobi-margin-20  { margin:20px; }
.mobi-margin-30  { margin:30px; }
.mobi-margin-40  { margin:40px; }
.mobi-margin-50  { margin:50px; }
.mobi-margin-60  { margin:60px; }
.mobi-margin-70  { margin:70px; }
.mobi-margin-80  { margin:80px; }
.mobi-margin-80  { margin:80px; }
.mobi-margin-90  { margin:90px; }
.mobi-margin-100 { margin:100px; }
.mobi-margin-110 { margin:110px; }
.mobi-margin-120 { margin:120px; }
.mobi-margin-130 { margin:130px; }
.mobi-margin-140 { margin:140px; }
.mobi-margin-150 { margin:150px; }
.mobi-margin-160 { margin:160px; }
.mobi-margin-170 { margin:170px; }
.mobi-margin-180 { margin:180px; }
.mobi-margin-180 { margin:180px; }
.mobi-margin-190 { margin:190px; }
.mobi-margin-200 { margin:200px; }

.mobi-margin-t0  { margin-top:0; }
.mobi-margin-t5  { margin-top:5px; }
.mobi-margin-t10 { margin-top:10px; }
.mobi-margin-t20 { margin-top:20px; }
.mobi-margin-t30 { margin-top:30px; }
.mobi-margin-t40 { margin-top:40px; }
.mobi-margin-t50 { margin-top:50px; }
.mobi-margin-t60 { margin-top:60px; }
.mobi-margin-t70 { margin-top:70px; }
.mobi-margin-t80 { margin-top:80px; }
.mobi-margin-t90 { margin-top:90px; }
.mobi-margin-t100{ margin-top:100px; }
.mobi-margin-t110{ margin-top:110px; }
.mobi-margin-t120{ margin-top:120px; }
.mobi-margin-t130{ margin-top:130px; }
.mobi-margin-t140{ margin-top:140px; }
.mobi-margin-t150{ margin-top:150px; }
.mobi-margin-t160{ margin-top:160px; }
.mobi-margin-t170{ margin-top:170px; }
.mobi-margin-t180{ margin-top:180px; }
.mobi-margin-t190{ margin-top:190px; }
.mobi-margin-t200{ margin-top:200px; }

.mobi-margin-b0  { margin-bottom:0; }
.mobi-margin-b5  { margin-bottom:5px; }
.mobi-margin-b10 { margin-bottom:10px; }
.mobi-margin-b20 { margin-bottom:20px; }
.mobi-margin-b30 { margin-bottom:30px; }
.mobi-margin-b40 { margin-bottom:40px; }
.mobi-margin-b50 { margin-bottom:50px; }
.mobi-margin-b60 { margin-bottom:60px; }
.mobi-margin-b70 { margin-bottom:70px; }
.mobi-margin-b80 { margin-bottom:80px; }
.mobi-margin-b90 { margin-bottom:90px; }
.mobi-margin-b100{ margin-bottom:100px; }
.mobi-margin-b120{ margin-bottom:120px; }
.mobi-margin-b130{ margin-bottom:130px; }
.mobi-margin-b140{ margin-bottom:140px; }
.mobi-margin-b150{ margin-bottom:150px; }
.mobi-margin-b160{ margin-bottom:160px; }
.mobi-margin-b170{ margin-bottom:170px; }
.mobi-margin-b180{ margin-bottom:180px; }
.mobi-margin-b190{ margin-bottom:190px; }
.mobi-margin-b200{ margin-bottom:200px; }

.mobi-padding-0   { padding:0; }
.mobi-padding-5   { padding:5px; }
.mobi-padding-10  { padding:10px; }
.mobi-padding-20  { padding:20px; }
.mobi-padding-30  { padding:30px; }
.mobi-padding-40  { padding:40px; }
.mobi-padding-50  { padding:50px; }
.mobi-padding-60  { padding:60px; }
.mobi-padding-70  { padding:70px; }
.mobi-padding-80  { padding:80px; }
.mobi-padding-90  { padding:90px; }
.mobi-padding-100 { padding:100px; }
.mobi-padding-110 { padding:110px; }
.mobi-padding-120 { padding:120px; }
.mobi-padding-130 { padding:130px; }
.mobi-padding-140 { padding:140px; }
.mobi-padding-150 { padding:150px; }
.mobi-padding-160 { padding:160px; }
.mobi-padding-170 { padding:170px; }
.mobi-padding-180 { padding:180px; }
.mobi-padding-190 { padding:190px; }
.mobi-padding-200 { padding:200px; }

.mobi-padding-t0  { padding-top:0; }
.mobi-padding-t1  { padding-top:1px; }
.mobi-padding-t5  { padding-top:5px; }
.mobi-padding-t10 { padding-top:10px; }
.mobi-padding-t20 { padding-top:20px; }
.mobi-padding-t30 { padding-top:30px; }
.mobi-padding-t40 { padding-top:40px; }
.mobi-padding-t50 { padding-top:50px; }
.mobi-padding-t60 { padding-top:60px; }
.mobi-padding-t70 { padding-top:70px; }
.mobi-padding-t80 { padding-top:80px; }
.mobi-padding-t90 { padding-top:90px; }
.mobi-padding-t100{ padding-top:100px; }
.mobi-padding-t110{ padding-top:110px; }
.mobi-padding-t120{ padding-top:120px; }
.mobi-padding-t130{ padding-top:130px; }
.mobi-padding-t140{ padding-top:140px; }
.mobi-padding-t150{ padding-top:150px; }
.mobi-padding-t160{ padding-top:160px; }
.mobi-padding-t170{ padding-top:170px; }
.mobi-padding-t180{ padding-top:180px; }
.mobi-padding-t190{ padding-top:190px; }
.mobi-padding-t200{ padding-top:200px; }

.mobi-padding-b0  { padding-bottom:0; }
.mobi-padding-b1  { padding-bottom:1px; }
.mobi-padding-b5  { padding-bottom:5px; }
.mobi-padding-b10 { padding-bottom:10px; }
.mobi-padding-b20 { padding-bottom:20px; }
.mobi-padding-b30 { padding-bottom:30px; }
.mobi-padding-b40 { padding-bottom:40px; }
.mobi-padding-b50 { padding-bottom:50px; }
.mobi-padding-b60 { padding-bottom:60px; }
.mobi-padding-b70 { padding-bottom:70px; }
.mobi-padding-b80 { padding-bottom:80px; }
.mobi-padding-b90 { padding-bottom:90px; }
.mobi-padding-b100{ padding-bottom:100px; }
.mobi-padding-b110{ padding-bottom:110px; }
.mobi-padding-b120{ padding-bottom:120px; }
.mobi-padding-b130{ padding-bottom:130px; }
.mobi-padding-b140{ padding-bottom:140px; }
.mobi-padding-b150{ padding-bottom:150px; }
.mobi-padding-b160{ padding-bottom:160px; }
.mobi-padding-b170{ padding-bottom:170px; }
.mobi-padding-b180{ padding-bottom:180px; }
.mobi-padding-b190{ padding-bottom:190px; }
.mobi-padding-b200{ padding-bottom:200px; }

.mobi-padding-v0    { padding-top: 0; padding-bottom: 0; }
.mobi-padding-v5    { padding-top: 5px; padding-bottom: 5px; }
.mobi-padding-v10   { padding-top: 10px; padding-bottom: 10px; }
.mobi-padding-v15   { padding-top: 15px; padding-bottom: 15px; }
.mobi-padding-v20   { padding-top: 20px; padding-bottom: 20px; }
.mobi-padding-v30   { padding-top: 30px; padding-bottom: 30px; }
.mobi-padding-v40   { padding-top: 40px; padding-bottom: 40px; }
.mobi-padding-v50   { padding-top: 50px; padding-bottom: 50px; }
.mobi-padding-v60   { padding-top: 60px; padding-bottom: 60px; }
.mobi-padding-v70   { padding-top: 70px; padding-bottom: 70px; }
.mobi-padding-v80   { padding-top: 80px; padding-bottom: 80px; }
.mobi-padding-v90   { padding-top: 90px; padding-bottom: 90px; }
.mobi-padding-v100  { padding-top: 100px; padding-bottom: 100px; }
.mobi-padding-v110  { padding-top: 110px; padding-bottom: 110px; }
.mobi-padding-v120  { padding-top: 120px; padding-bottom: 120px; }
.mobi-padding-v130  { padding-top: 130px; padding-bottom: 130px; }
.mobi-padding-v140  { padding-top: 140px; padding-bottom: 140px; }
.mobi-padding-v150  { padding-top: 150px; padding-bottom: 150px; }
.mobi-padding-v160  { padding-top: 160px; padding-bottom: 160px; }
.mobi-padding-v170  { padding-top: 170px; padding-bottom: 170px; }
.mobi-padding-v180  { padding-top: 180px; padding-bottom: 180px; }
.mobi-padding-v190  { padding-top: 190px; padding-bottom: 190px; }
.mobi-padding-v200  { padding-top: 200px; padding-bottom: 200px; }

.mobi-padding-h0    { padding-left: 0;    padding-right: 0; }
.mobi-padding-h5    { padding-left: 5px;  padding-right: 5px; }
.mobi-padding-h10   { padding-left: 10px; padding-right: 10px; }
.mobi-padding-h15   { padding-left: 15px; padding-right: 15px; }
.mobi-padding-h20   { padding-left: 20px; padding-right: 20px; }
.mobi-padding-h30   { padding-left: 30px; padding-right: 30px; }
.mobi-padding-h40   { padding-left: 40px; padding-right: 40px; }
.mobi-padding-h50   { padding-left: 50px; padding-right: 50px; }
.mobi-padding-h60   { padding-left: 60px; padding-right: 60px; }
.mobi-padding-h70   { padding-left: 70px; padding-right: 70px; }
.mobi-padding-h80   { padding-left: 80px; padding-right: 80px; }
.mobi-padding-h90   { padding-left: 90px; padding-right: 90px; }
.mobi-padding-h100  { padding-left: 100px; padding-right: 100px; }
.mobi-padding-h110  { padding-left: 110px; padding-right: 110px; }
.mobi-padding-h120  { padding-left: 120px; padding-right: 120px; }
.mobi-padding-h130  { padding-left: 130px; padding-right: 130px; }
.mobi-padding-h140  { padding-left: 140px; padding-right: 140px; }
.mobi-padding-h150  { padding-left: 150px; padding-right: 150px; }
.mobi-padding-h160  { padding-left: 160px; padding-right: 160px; }
.mobi-padding-h170  { padding-left: 170px; padding-right: 170px; }
.mobi-padding-h180  { padding-left: 180px; padding-right: 180px; }
.mobi-padding-h190  { padding-left: 190px; padding-right: 190px; }
.mobi-padding-h200  { padding-left: 200px; padding-right: 200px; }


.mobi-height-10 { padding-top: 10%; }   .mobi-height-15 { padding-top: 15%; }
.mobi-height-20 { padding-top: 20%; }   .mobi-height-25 { padding-top: 25%; }
.mobi-height-30 { padding-top: 30%; }   .mobi-height-35 { padding-top: 35%; }
.mobi-height-40 { padding-top: 40%; }   .mobi-height-45 { padding-top: 45%; }
.mobi-height-50 { padding-top: 50%; }   .mobi-height-55 { padding-top: 55%; }
.mobi-height-60 { padding-top: 60%; }   .mobi-height-65 { padding-top: 65%; }
.mobi-height-70 { padding-top: 70%; }   .mobi-height-75 { padding-top: 75%; }
.mobi-height-80 { padding-top: 80%; }   .mobi-height-85 { padding-top: 85%; }
.mobi-height-90 { padding-top: 90%; }   .mobi-height-95 { padding-top: 95%; }
.mobi-height-100{ padding-top: 100%;}   .mobi-height-105{ padding-top: 105%;}   
.mobi-height-110{ padding-top: 110%;}   .mobi-height-115{ padding-top: 115%;}   
.mobi-height-120{ padding-top: 120%;}   .mobi-height-125{ padding-top: 125%;}   
.mobi-height-130{ padding-top: 130%;}   .mobi-height-135{ padding-top: 135%;}   
.mobi-height-140{ padding-top: 140%;}   .mobi-height-145{ padding-top: 145%;}   
.mobi-height-150{ padding-top: 150%;}   .mobi-height-155{ padding-top: 155%;}   
.mobi-height-160{ padding-top: 160%;}   .mobi-height-165{ padding-top: 165%;}   
.mobi-height-170{ padding-top: 170%;}   .mobi-height-175{ padding-top: 175%;}   
.mobi-height-180{ padding-top: 180%;}   .mobi-height-185{ padding-top: 185%;}   
.mobi-height-190{ padding-top: 190%;}   .mobi-height-195{ padding-top: 195%;}   
.mobi-height-200{ padding-top: 200%;}   


.mobi-only   { display: block; }
.desk-only   { display: none; }

.mobi-display-hide   { display: none; }
.mobi-display-none   { display: none; }
.mobi-display-block  { display: block; }
.mobi-display-inline { display: inline; }
.modi-display-inblock{ display: inline-block; }

.mobi-hide   { display: none; }
.mobi-none   { display: none; }
.mobi-block  { display: block; }
.mobi-inline { display: inline; }
.mobi-inblock{ display: inline-block; }

.mobi-position-relative{ position:relative; }
.mobi-position-absolute{ position: absolute; }
.mobi-position-fixed   { position: fixed; }
.mobi-position-static  { position: static; }


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

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

.mobi-absolute-center  { position: absolute; top: 50%; left:50%;  transform: translate(-50%, -50%); }
.mobi-absolute-vertical{ position: absolute; top: 50%; transform: translateY(-50%); }


.mobi-bg-image,
.mobi-bg-cover   { background-position: center center; background-size: cover;   background-repeat: no-repeat; }
.mobi-bg-contain { background-position: center center; background-size: contain; background-repeat: no-repeat; } 
.mobi-bg-fixed   { background-attachment: fixed; }
.mobi-bg-none    { background-image: none; }

}