@charset "utf-8";
@import url('fonts.css');

/* COLOR-DEFINITION */

.dtTITLE {
	background: rgb(255, 255, 255);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(0%, rgb(243, 243, 243)), color-stop(0%, rgb(229, 229, 229)), color-stop(100%, rgb(175, 175, 175)));
	background: linear-gradient(to bottom, rgba(255, 255, 255,1) 0%, rgba(243, 243, 243,1) 0%, rgba(229, 229, 229,1) 0%, rgba(175, 175, 175,1) 100%);

}
.dtMAIN {
	color: #fff;
	background: rgba(56,87,122,1);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(100%, rgba(44,68,94,1)));
	background: linear-gradient(to bottom, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(44,68,94,1) 100%);
}

.dtCOLmain {
	color: rgba(56,87,122,1);
}

.dtSUB {
	color: #fff;
	background: rgba(77, 99, 122,1);
}

.dtCOLsub {
	color: rgba(77, 99, 122,1);
}

.dtREFER {
	background: #dc5c26;
	color: #eee;
	font-weight: 800;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 0 0 0 0px;
	letter-spacing: 1px;
}

.dtREFERsub {
	background: #f7931e;
	color: #eee;
	font-weight: 800;
	line-height: 50px;
	text-align: center;
	vertical-align: middle;
	padding: 0 0 0 0px;
	letter-spacing: 1px;
}


/* Media Set for responsive design */

@media only screen and (min-width: 1024px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	.split_0 {width: 100%;}
	.split_97 {width: 97%;}
	.split_95 {width: 95%;}
	.split_2 {width: 50%;}
	.split_2_2 {width: 45%;}
	.split_3 {width: 30%;}
	.split_4 {width: 25%;}
	.split_5 {width: 20%;}
	.split_8 {width: 16%;}
	.split_60 {width: 60%;}
	.split_70 {width: 70%;}
	.split_80 {width: 80%;}
	
	.icon {max-height: 350px;}
	.icon img {width: 100%;}
	
	.mobile {display: none;}

	/*.content {transform: translate3d(50px,0,0);}*/

/* FONT-CLASSES */

.fn12 {
	font-size: 12px;
	font-weight:normal;
}

.fn10 {
	font-size: 10px;
	font-weight:normal;
}

.fn14 {
	font-size: 14px;
	font-weight:normal;
}

.fn16 {
	font-size: 16px;
	font-weight:normal;
}

.fn18 {
	font-size: 18px;
	font-weight:normal;
}

.fn20 {
	font-size: 20px;
	font-weight:normal;
}

.fn22 {
	font-size: 22px;
	font-weight:normal;
}

.ff10 {
	font-size: 10px;
	font-weight: bold;
}

.ff12 {
	font-size: 12px;
	font-weight: bold;
}

.ff14 {
	font-size: 14px;
	font-weight: bold;
}

.ff16 {
	font-size: 16px;
	font-weight: bold;
}

.ff18 {
	font-size: 18px;
	font-weight: bold;
}

.ff20 {
	font-size: 20px;
	font-weight: bold;
}

.ff22 {
	font-size: 22px;
	font-weight: bold;
}

.ff24 {
	font-size: 24px;
	font-weight: bold;
}

.ff26 {
	font-size: 26px;
	font-weight: bold;
}

    .aLeftResp {
    	text-align: right;
    }

	.hHeight {
		max-height: 80vh;
	}

}

@media only screen and (max-width: 1023px) {
/*    [class*="col-"] 	{ width: 48%; }*/
	[class*="split_"] 	{ width: 97%; }

	.hHeight {
		max-height: 80vh;
	}

	.content {transform: translate3d(-220px,0,0); width: 100%}
	.content.isSetting {
		transform: translate3d(-440px,0,0);
	}

	/*.content {transform: translate3d(50px,0,0);}*/
	.mobile {display: none;}
	.icon img {width: 50%;}
	

.fn12 {
	font-size: 12px;
	font-weight:normal;
}

.fn10 {
	font-size: 10px;
	font-weight:normal;
}

.fn14 {
	font-size: 14px;
	font-weight:normal;
}

.fn16 {
	font-size: 16px;
	font-weight:normal;
}

.fn18 {
	font-size: 18px;
	font-weight:normal;
}

.fn20 {
	font-size: 20px;
	font-weight:normal;
}

.fn22 {
	font-size: 22px;
	font-weight:normal;
}

.ff10 {
	font-size: 10px;
	font-weight: bold;
}

.ff12 {
	font-size: 12px;
	font-weight: bold;
}

.ff14 {
	font-size: 14px;
	font-weight: bold;
}

.ff16 {
	font-size: 16px;
	font-weight: bold;
}

.ff18 {
	font-size: 18px;
	font-weight: bold;
}

.ff20 {
	font-size: 20px;
	font-weight: bold;
}

.ff22 {
	font-size: 22px;
	font-weight: bold;
}

.ff24 {
	font-size: 24px;
	font-weight: bold;
}

.ff26 {
	font-size: 26px;
	font-weight: bold;
}

    .aLeftResp {
    	text-align: left;
    }


}

@media only screen and (max-width : 820px ){
    /* For mobile phones: */
    [class*="col-"] 	{ width: 100%; }
	[class*="fn"] {	font-size: 12px; font-weight:normal; }
	[class*="ff"] {	font-size: 14px; font-weight:bold; }
	.desktop {display: none}
	.mobile {display:block}

	.card label {
		font-size: 14px;
	}

}

@media only screen and (max-width : 640px ){
    /* For mobile phones: */

	.icon {max-height: 250px;}
	.icon img {width: 50%;}

 }