/* Systm / v1.3.2 */

/* // IMPORT FONT AWESOME 4.3.0 ---------------------------------------------------------------------------------------------------- */
@import url("_lib/font-awesome-4.3.0/css/font-awesome.min.css");

/* // IMPORT CUTOM CSS ---------------------------------------------------------------------------------------------------- */
@import url("../_css/systm-custom.css");


/* // FONTS ---------------------------------------------------------------------------------------------------- */
/* Montserrat / font-family:'Montserrat', Arial, Helvetica, sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);


/* // TOOLBAR ---------------------------------------------------------------------------------------------------- */
#systm-toolbar{opacity:.4; position:fixed; z-index:9999; top:20px; right:0; padding:0 0 0 10px; line-height:normal !important; background:#FFF; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; color:#333 !important; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
#systm-toolbar:hover{opacity:1;}
	#systm-toolbar .systm-logo{font-family:'Montserrat', Arial, Helvetica, sans-serif !important; font-size:15px !important;}
		#systm-toolbar .systm-logo svg{display:inline-block; width:auto; height:13px; vertical-align:middle;}
	#systm-toolbar .systm-v{font-size:10px !important;}
	#systm-toolbar a{display:inline-block; padding:10px; color:#333; background:#FFF;}
	#systm-toolbar a:hover{color:#FFF; background:#CCC;}


/* // GENERAL ---------------------------------------------------------------------------------------------------- */
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

.t-only{display:none !important;}
.m-only{display:none !important;}


/* // GRID SYSTEM ---------------------------------------------------------------------------------------------------- */
html{font-size:10px;}
body{font-size:0; margin:auto;}

header{font-size:1rem; display:block; position:relative; width:100%; box-sizing:border-box;}/* DEBUG MODE */body.debugon header{background:#3C9 !important; border-top:1px solid #0FF !important;}
section{font-size:1rem; display:block; position:relative; width:100%; box-sizing:border-box;}/* DEBUG MODE */body.debugon section{background:#3C9 !important; border-top:1px solid #0FF !important;}
footer{font-size:1rem; display:block; position:relative; width:100%; box-sizing:border-box;}/* DEBUG MODE */body.debugon footer{background:#3C9 !important; border-top:1px solid #0FF !important;}
nav.nav-full{font-size:1rem; display:block; position:relative; width:100%; box-sizing:border-box;}/* DEBUG MODE */body.debugon footer{background:#3C9 !important; border-top:1px solid #0FF !important;}

.no-pad{padding-top:0 !important; padding-bottom:0 !important; padding-left:0 !important; padding-right:0 !important;}
.no-pad-v{padding-top:0 !important; padding-bottom:0 !important;}
.no-pad-h{padding-left:0 !important; padding-right:0 !important;}
.no-mar{margin-bottom:0 !important;}

/* Articles / Base & width */
article{display:block; position:relative; font-size:0;}/* DEBUG MODE */body.debugon article{background:#F3F !important;}
.w-main{max-width:1024px; margin:0 auto;}/* Default max-width / Adjust the real value in custom css file / Don't forget the !important declaration */
.w-full{width:100%;}
.w-25{width:25%;}
.w-50{width:50%;}
.w-75{width:75%;}
.w-third{width:33.33%;}
			
/* Columns / Base & width */
.col{box-sizing:border-box; font-size:1rem; position:relative; display:inline-block; vertical-align:top;}/* DEBUG MODE */body.debugon .col{background:#CF6 !important; background-clip:content-box !important; border:1px solid #0FF !important;}
/* 2 */.d-1-2{width:50%;}.d-2-2{width:100%;}
/* 3 */.d-1-3{width:33.33%;}.d-2-3{width:66.66%;}.d-3-3{width:100%;}
/* 4 */.d-1-4{width:25%;}.d-2-4{width:50%;}.d-3-4{width:75%;}.d-4-4{width:100%;}
/* 5 */.d-1-5{width:20%;}.d-2-5{width:40%;}.d-3-5{width:60%;}.d-4-5{width:80%;}.d-5-5{width:100%;}
/* 6 */.d-1-6{width:16.66%;}.d-2-6{width:33.32%;}.d-3-6{width:50%;}.d-4-6{width:66.66%;}.d-5-6{width:83.32%;}.d-6-6{width:100%;}
/* 7 */.d-1-7{width:14.28%;}.d-2-7{width:28.56%;}.d-3-7{width:42.84%;}.d-4-7{width:57.12%;}.d-5-7{width:71.40%;}.d-6-7{width:85.68%;}.d-7-7{width:100%;}
/* 8 */.d-1-8{width:12.5%;}.d-2-8{width:25%;}.d-3-8{width:37.5%;}.d-4-8{width:50%;}.d-5-8{width:62.5%;}.d-6-8{width:75%;}.d-7-8{width:87.5%;}.d-8-8{width:100%;}
/* full */.d-full{width:100%;}
		
/* Columns / Variations from parent */
.nogutter .col{padding:0 0 !important;}


/* // V CENTER ZONE ---------------------------------------------------------------------------------------------------- */
.vcenter{box-sizing:border-box; padding-top:0 !important; padding-bottom:0 !important;}/* Add the absolute height to the section */
	.vcenter article{height:100%;}
		.vcenter .container{display:table; width:100%; height:100%;}
			.vcenter .container-int{display:table-cell !important; vertical-align:middle;}
				.vcenter .col{margin:0 0 0 0;}
					.vcenter .col :last-child{margin-bottom:0 !important;}


/* // SPLIT LAYOUT ---------------------------------------------------------------------------------------------------- */
.split-zone{display:inline-table; width:100%;}
	.split-zone .split{display:table-cell; position:relative; vertical-align:top;}


/* // FULL FOLLOW ZONE ---------------------------------------------------------------------------------------------------- */
.fullfollow{z-index:42;}
	.fullfollow article{display:inline-table; height:100%;}


/* // PERFECT BOX ---------------------------------------------------------------------------------------------------- */
.pbox{display:block; position:relative; width:100%;}
	.pbox:before{content:""; display:block; padding-top:100%;}
		.pbox-content{box-sizing:border-box; position:absolute; top:0; left:0; bottom:0; right:0;}
		.pbox-circle .pbox-content{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
			.pbox-center1{display:table; width:100%; margin:0 auto; height:100%; vertical-align:middle;}
				.pbox-center2{display:table-cell; width:100%; height:100%; vertical-align:middle;}


/* // SHOW ONLY AT BREAKPOINT ---------------------------------------------------------------------------------------------------- */
.show-b1, .show-b2, .show-b3, .show-b4, .show-th, .show-tv, .show-m{display:none;}


/* **************************************************************************************************************************************************************************************************************** */
/* // RESPONSIVE -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* **************************************************************************************************************************************************************************************************************** */


/* // BREAKPOINT / 1910 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1910px) {
/* 2 */.b1-1-2{width:50% !important;}.b1-2-2{width:100% !important;}
/* 3 */.b1-1-3{width:33.33% !important;}.b1-2-3{width:66.66% !important;}.b1-3-3{width:100% !important;}
/* 4 */.b1-1-4{width:25% !important;}.b1-2-4{width:50% !important;}.b1-3-4{width:75% !important;}.b1-4-4{width:100% !important;}
/* 5 */.b1-1-5{width:20% !important;}.b1-2-5{width:40% !important;}.b1-3-5{width:60% !important;}.b1-4-5{width:80% !important;}.b1-5-5{width:100% !important;}
/* 6 */.b1-1-6{width:16.66% !important;}.b1-2-6{width:33.32% !important;}.b1-3-6{width:50% !important;}.b1-4-6{width:66.66% !important;}.b1-5-6{width:83.32% !important;}.b1-6-6{width:100% !important;}
/* 7 */.b1-1-7{width:14.28% !important;}.b1-2-7{width:28.56% !important;}.b1-3-7{width:42.84% !important;}.b1-4-7{width:57.12% !important;}.b1-5-7{width:71.40% !important;}.b1-6-7{width:85.68% !important;}.b1-7-7{width:100% !important;}
/* 8 */.b1-1-8{width:12.5% !important;}.b1-2-8{width:25% !important;}.b1-3-8{width:37.5% !important;}.b1-4-8{width:50% !important;}.b1-5-8{width:62.5% !important;}.b1-6-8{width:75% !important;}.b1-7-8{width:87.5% !important;}.b1-8-8{width:100% !important;}
/* full */.b1-full{width:100% !important;}

.show-b1.b{display:block;}
.show-b1.ib{display:inline-block;}

}

/* // BREAKPOINT / 1680 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1680px) {
/* 2 */.b2-1-2{width:50% !important;}.b2-2-2{width:100% !important;}
/* 3 */.b2-1-3{width:33.33% !important;}.b2-2-3{width:66.66% !important;}.b2-3-3{width:100% !important;}
/* 4 */.b2-1-4{width:25% !important;}.b2-2-4{width:50% !important;}.b2-3-4{width:75% !important;}.b2-4-4{width:100% !important;}
/* 5 */.b2-1-5{width:20% !important;}.b2-2-5{width:40% !important;}.b2-3-5{width:60% !important;}.b2-4-5{width:80% !important;}.b2-5-5{width:100% !important;}
/* 6 */.b2-1-6{width:16.66% !important;}.b2-2-6{width:33.32% !important;}.b2-3-6{width:50% !important;}.b2-4-6{width:66.66% !important;}.b2-5-6{width:83.32% !important;}.b2-6-6{width:100% !important;}
/* 7 */.b2-1-7{width:14.28% !important;}.b2-2-7{width:28.56% !important;}.b2-3-7{width:42.84% !important;}.b2-4-7{width:57.12% !important;}.b2-5-7{width:71.40% !important;}.b2-6-7{width:85.68% !important;}.b2-7-7{width:100% !important;}
/* 8 */.b2-1-8{width:12.5% !important;}.b2-2-8{width:25% !important;}.b2-3-8{width:37.5% !important;}.b2-4-8{width:50% !important;}.b2-5-8{width:62.5% !important;}.b2-6-8{width:75% !important;}.b2-7-8{width:87.5% !important;}.b2-8-8{width:100% !important;}
/* full */.b2-full{width:100% !important;}

.show-b2.b{display:block;}
.show-b2.ib{display:inline-block;}

}

/* // BREAKPOINT / 1440 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1440px) {
/* 2 */.b3-1-2{width:50% !important;}.b3-2-2{width:100% !important;}
/* 3 */.b3-1-3{width:33.33% !important;}.b3-2-3{width:66.66% !important;}.b3-3-3{width:100% !important;}
/* 4 */.b3-1-4{width:25% !important;}.b3-2-4{width:50% !important;}.b3-3-4{width:75% !important;}.b3-4-4{width:100% !important;}
/* 5 */.b3-1-5{width:20% !important;}.b3-2-5{width:40% !important;}.b3-3-5{width:60% !important;}.b3-4-5{width:80% !important;}.b3-5-5{width:100% !important;}
/* 6 */.b3-1-6{width:16.66% !important;}.b3-2-6{width:33.32% !important;}.b3-3-6{width:50% !important;}.b3-4-6{width:66.66% !important;}.b3-5-6{width:83.32% !important;}.b3-6-6{width:100% !important;}
/* 7 */.b3-1-7{width:14.28% !important;}.b3-2-7{width:28.56% !important;}.b3-3-7{width:42.84% !important;}.b3-4-7{width:57.12% !important;}.b3-5-7{width:71.40% !important;}.b3-6-7{width:85.68% !important;}.b3-7-7{width:100% !important;}
/* 8 */.b3-1-8{width:12.5% !important;}.b3-2-8{width:25% !important;}.b3-3-8{width:37.5% !important;}.b3-4-8{width:50% !important;}.b3-5-8{width:62.5% !important;}.b3-6-8{width:75% !important;}.b3-7-8{width:87.5% !important;}.b3-8-8{width:100% !important;}
/* full */.b3-full{width:100% !important;}

.show-b3.b{display:block;}
.show-b3.ib{display:inline-block;}

}

/* // BREAKPOINT / 1280 ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
/* 2 */.b4-1-2{width:50% !important;}.b4-2-2{width:100% !important;}
/* 3 */.b4-1-3{width:33.33% !important;}.b4-2-3{width:66.66% !important;}.b4-3-3{width:100% !important;}
/* 4 */.b4-1-4{width:25% !important;}.b4-2-4{width:50% !important;}.b4-3-4{width:75% !important;}.b4-4-4{width:100% !important;}
/* 5 */.b4-1-5{width:20% !important;}.b4-2-5{width:40% !important;}.b4-3-5{width:60% !important;}.b4-4-5{width:80% !important;}.b4-5-5{width:100% !important;}
/* 6 */.b4-1-6{width:16.66% !important;}.b4-2-6{width:33.32% !important;}.b4-3-6{width:50% !important;}.b4-4-6{width:66.66% !important;}.b4-5-6{width:83.32% !important;}.b4-6-6{width:100% !important;}
/* 7 */.b4-1-7{width:14.28% !important;}.b4-2-7{width:28.56% !important;}.b4-3-7{width:42.84% !important;}.b4-4-7{width:57.12% !important;}.b4-5-7{width:71.40% !important;}.b4-6-7{width:85.68% !important;}.b4-7-7{width:100% !important;}
/* 8 */.b4-1-8{width:12.5% !important;}.b4-2-8{width:25% !important;}.b4-3-8{width:37.5% !important;}.b4-4-8{width:50% !important;}.b4-5-8{width:62.5% !important;}.b4-6-8{width:75% !important;}.b4-7-8{width:87.5% !important;}.b4-8-8{width:100% !important;}
/* full */.b4-full{width:100% !important;}

.show-b4.b{display:block;}
.show-b4.ib{display:inline-block;}

}

/* // BREAKPOINT / 1024 TABLET HORIZONTAL ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
/* 2 */.th-1-2{width:50% !important;}.th-2-2{width:100% !important;}
/* 3 */.th-1-3{width:33.33% !important;}.th-2-3{width:66.66% !important;}.th-3-3{width:100% !important;}
/* 4 */.th-1-4{width:25% !important;}.th-2-4{width:50% !important;}.th-3-4{width:75% !important;}.th-4-4{width:100% !important;}
/* 5 */.th-1-5{width:20% !important;}.th-2-5{width:40% !important;}.th-3-5{width:60% !important;}.th-4-5{width:80% !important;}.th-5-5{width:100% !important;}
/* 6 */.th-1-6{width:16.66% !important;}.th-2-6{width:33.32% !important;}.th-3-6{width:50% !important;}.th-4-6{width:66.66% !important;}.th-5-6{width:83.32% !important;}.th-6-6{width:100% !important;}
/* 7 */.th-1-7{width:14.28% !important;}.th-2-7{width:28.56% !important;}.th-3-7{width:42.84% !important;}.th-4-7{width:57.12% !important;}.th-5-7{width:71.40% !important;}.th-6-7{width:85.68% !important;}.th-7-7{width:100% !important;}
/* 8 */.th-1-8{width:12.5% !important;}.th-2-8{width:25% !important;}.th-3-8{width:37.5% !important;}.th-4-8{width:50% !important;}.th-5-8{width:62.5% !important;}.th-6-8{width:75% !important;}.th-7-8{width:87.5% !important;}.th-8-8{width:100% !important;}
/* full */.th-full{width:100% !important;}

.show-th.b{display:block;}
.show-th.ib{display:inline-block;}

}

/* // BREAKPOINT / 768 TABLET VERTICAL ---------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
/* 2 */.tv-1-2{width:50% !important;}.tv-2-2{width:100% !important;}
/* 3 */.tv-1-3{width:33.33% !important;}.tv-2-3{width:66.66% !important;}.tv-3-3{width:100% !important;}
/* 4 */.tv-1-4{width:25% !important;}.tv-2-4{width:50% !important;}.tv-3-4{width:75% !important;}.tv-4-4{width:100% !important;}
/* 5 */.tv-1-5{width:20% !important;}.tv-2-5{width:40% !important;}.tv-3-5{width:60% !important;}.tv-4-5{width:80% !important;}.tv-5-5{width:100% !important;}
/* 6 */.tv-1-6{width:16.66% !important;}.tv-2-6{width:33.32% !important;}.tv-3-6{width:50% !important;}.tv-4-6{width:66.66% !important;}.tv-5-6{width:83.32% !important;}.tv-6-6{width:100% !important;}
/* 7 */.tv-1-7{width:14.28% !important;}.tv-2-7{width:28.56% !important;}.tv-3-7{width:42.84% !important;}.tv-4-7{width:57.12% !important;}.tv-5-7{width:71.40% !important;}.tv-6-7{width:85.68% !important;}.tv-7-7{width:100% !important;}
/* 8 */.tv-1-8{width:12.5% !important;}.tv-2-8{width:25% !important;}.tv-3-8{width:37.5% !important;}.tv-4-8{width:50% !important;}.tv-5-8{width:62.5% !important;}.tv-6-8{width:75% !important;}.tv-7-8{width:87.5% !important;}.tv-8-8{width:100% !important;}
/* full */.tv-full{width:100% !important;}

.show-tv.b{display:block;}
.show-tv.ib{display:inline-block;}

}

/* // BREAKPOINT / 640 MOBILE ---------------------------------------------------------------------------------------------------- */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
/* 2 */.m-1-2{width:50% !important;}.m-2-2{width:100% !important;}
/* 3 */.m-1-3{width:33.33% !important;}.m-2-3{width:66.66% !important;}.m-3-3{width:100% !important;}
/* 4 */.m-1-4{width:25% !important;}.m-2-4{width:50% !important;}.m-3-4{width:75% !important;}.m-4-4{width:100% !important;}
/* 5 */.m-1-5{width:20% !important;}.m-2-5{width:40% !important;}.m-3-5{width:60% !important;}.m-4-5{width:80% !important;}.m-5-5{width:100% !important;}
/* 6 */.m-1-6{width:16.66% !important;}.m-2-6{width:33.32% !important;}.m-3-6{width:50% !important;}.m-4-6{width:66.66% !important;}.m-5-6{width:83.32% !important;}.m-6-6{width:100% !important;}
/* 7 */.m-1-7{width:14.28% !important;}.m-2-7{width:28.56% !important;}.m-3-7{width:42.84% !important;}.m-4-7{width:57.12% !important;}.m-5-7{width:71.40% !important;}.m-6-7{width:85.68% !important;}.m-7-7{width:100% !important;}
/* 8 */.m-1-8{width:12.5% !important;}.m-2-8{width:25% !important;}.m-3-8{width:37.5% !important;}.m-4-8{width:50% !important;}.m-5-8{width:62.5% !important;}.m-6-8{width:75% !important;}.m-7-8{width:87.5% !important;}.m-8-8{width:100% !important;}
/* full */.m-full{width:100% !important;}

.show-m.b{display:block;}
.show-m.ib{display:inline-block;}

}