h1,h2,h3,h4,h5,h6,ul,li,body,div,section,a,ol,a,p{

	margin: 0;

	list-style: none;

	text-decoration: none;

	padding: 0;

}

body,html{

	overflow-x:hidden;

}

body{

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

}



a {

	transition: all 0.1s linear;

}



a:link {

	color: #0067B5;

	text-decoration: none;

}



a:visited {

	color: #0067B5;

	text-decoration: none;

}



a:hover {

	color: #0085EA;

	text-decoration: none;

}



a:active {

	color: #0067B5;

	text-decoration: none;

}



/*----------------------------------RESET ELEMENTS----------------------------*/

b, strong {

	font-weight:bold;

}

/*----------------------------------GRID ELEMENTS----------------------------*/

section{

	display: block;

	float: left;

	width: 100%;

	height: auto;

}

*, *:before, *:after {

	box-sizing: border-box;

}

.fleft{

	float: left;

}

.fright{

	float: right !important;

}

.fnone{

	float: none;

}

.row{

	width: 100%;

	clear: both;

	height: auto;

	box-sizing:border-box;

	font-size: 14px;

	float: left;

}

input{

	box-sizing:border-box;

}



div[class*="col-"],nav[class*="col-"],ul[class*="col-"],section[class*="col-"] {

	display: inline-block;

	box-sizing:border-box;

	float: left;

}



.debug div[class*="col-"],.debug section[class*="col-"] {

	display: inline-block;

	box-sizing:border-box;

	float: left;

	height: 200px;

	border: 1px solid #ccc;

}



.site{

	margin: 0 auto;

}



.table {

	display: table;

}



.table-cell {

	display: table-cell;

	vertical-align: middle;

}



.mw400{

	max-width: 400px;

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding: 0 5px;

}

.mw650{

	max-width: 650px;

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding: 0 5px;

}

.mw1200{

	max-width: 1200px;

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding: 0 5px;

}

.mw1170{

	max-width: 1170px;

	width: 100%;

	height: auto;

	margin: 0 auto;

	padding: 0 5px;

}

.mw1300{

	max-width: 1300px;

	width: 100%;

	margin: 0 auto;

	height: auto;

	padding: 0 5px;

}



.pad-0{

	padding: 0;

}

.pad-1{

	padding: 1px;

}

.pad-2{

	padding: 2px;

}

.pad-2-5{

	padding: 2.5px;

}

.pad-3{

	padding: 3px;

}

.pad-4{

	padding: 4px;

}

.pad-5{

	padding: 5px;

}

.pad-6{

	padding: 6px;

}

.pad-7{

	padding: 7px;

}

.pad-8{

	padding: 8px;

}

.pad-9{

	padding: 9px;

}

.pad-10{

	padding: 10px;

}

.pad-20{

	padding: 20px;

}

.pad-25{

	padding: 25px;

}

.pad-30{

	padding: 30px;

}

.pad-40{

	padding: 40px;

}

.pad-50{

	padding: 50px;

}



.pad-r-0{

	padding-right: 0;

}

.pad-r-2-5{

	padding-right: 2.5px;

}

.pad-r-5{

	padding-right: 5px;

}

.pad-r-10{

	padding-right: 10px;

}

.pad-r-20{

	padding-right: 20px;

}

.pad-r-30{

	padding-right: 30px;

}

.pad-r-40{

	padding-right: 40px;

}

.pad-r-50{

	padding-right: 50px;

}



.pad-l-0{

	padding-left: 0;

}

.pad-l-2-5{

	padding-left: 2.5px;

}

.pad-l-5{

	padding-left: 5px;

}

.pad-l-10{

	padding-left: 10px;

}

.pad-l-20{

	padding-left: 20px;

}

.pad-l-30{

	padding-left: 30px;

}

.pad-l-40{

	padding-left: 40px;

}

.pad-l-50{

	padding-left: 50px;

}



.pad-t-0{

	padding-top: 0;

}

.pad-t-2{

	padding-top: 2px;

}

.pad-t-2-5{

	padding-top: 2.5px;

}

.pad-t-4{

	padding-top: 4px;

}

.pad-t-5{

	padding-top: 5px;

}

.pad-t-10{

	padding-top: 10px;

}

.pad-t-15{

	padding-top: 15px;

}

.pad-t-20{

	padding-top: 20px;

}

.pad-t-30{

	padding-top: 30px;

}

.pad-t-40{

	padding-top: 40px;

}

.pad-t-50{

	padding-top: 50px;

}



.pad-b-0{

	padding-bottom: 0;

}

.pad-b-2-5{

	padding-bottom: 2.5px;

}

.pad-b-5{

	padding-bottom: 5px;

}

.pad-b-10{

	padding-bottom: 10px;

}

.pad-b-15{

	padding-bottom: 15px;

}

.pad-b-20{

	padding-bottom: 20px;

}

.pad-b-30{

	padding-bottom: 30px;

}

.pad-b-40{

	padding-bottom: 40px;

}

.pad-b-50{

	padding-bottom: 50px;

}





.mar-0{

	margin: 0;

}

.mar-1{

	margin: 1px;

}

.mar-2{

	margin: 2px;

}

.mar-3{

	margin: 3px;

}

.mar-4{

	margin: 4px;

}

.mar-5{

	margin: 5px;

}

.mar-10{

	margin: 10px;

}

.mar-15{

	margin: 15px;

}

.mar-20{

	margin: 20px;

}

.mar-25{

	margin: 25px;

}

.mar-30{

	margin: 30px;

}

.mar-40{

	margin: 40px;

}

.mar-50{

	margin-right: 50px;

}



.mar-r-0{

	margin-right: 0;

}

.mar-r-10{

	margin-right: 10px;

}

.mar-r-20{

	margin-right: 20px;

}

.mar-r-30{

	margin-right: 30px;

}

.mar-r-40{

	margin-right: 40px;

}

.mar-r-50{

	margin-right: 50px;

}



.mar-l-0{

	margin-left: 0;

}

.mar-l-5{

	margin-left: 5px;

}

.mar-l-10{

	margin-left: 10px;

}

.mar-l-20{

	margin-left: 20px;

}

.mar-l-30{

	margin-left: 30px;

}

.mar-l-40{

	margin-left: 40px;

}

.mar-l-50{

	margin-left: 50px;

}



.mar-t-0{

	margin-top: 0;

}

.mar-t-5{

	margin-top: 0;

}

.mar-t-10{

	margin-top: 10px;

}

.mar-t-20{

	margin-top: 20px;

}

.mar-t-30{

	margin-top: 30px;

}

.mar-t-40{

	margin-top: 40px;

}

.mar-t-50{

	margin-top: 50px;

}



.mar-b-0{

	margin-bottom: 0;

}

.mar-b-5{

	margin-bottom: 0;

}

.mar-b-10{

	margin-bottom: 10px;

}

.mar-b-20{

	margin-bottom: 20px;

}

.mar-b-30{

	margin-bottom: 30px;

}

.mar-b-40{

	margin-bottom: 40px;

}

.mar-b-50{

	margin-bottom: 50px;

}



.col-a{

	width: auto;

}

.col-05{

	width: 5%;

}

.col-1{

	width: 10%;

}

.col-15{

	width: 15%;

}

.col-2{

	width: 20%;

}

.col-25{

	width: 25%;

}

.col-3{

	width: 30%;

}

.col-33{

	width: calc(100% / 3);

}

.col-35{

	width: 35%;

}

.col-45{

	width: 45%;

}

.col-4{

	width: 40%;

}

.col-5{

	width: 50%;

}

.col-6{

	width: 60%;

}

.col-65{

	width: 65%;

}

.col-7{

	width: 70%;

}

.col-75{

	width: 75%;

}

.col-8{

	width: 80%;

}

.col-9{

	width: 90%;

}

.col-10{

	width: 100%;

}





.fright,div.fright[class*="col-"]{

	float: right;

}

/*-------------------------------COL BASE STYLE-------------------------------*/



.column-head .title{

	float: left;

	width: auto;

}



/* ----- Simple transitions */





/*------------COL BORDER------*/





/*------------COL HEADER------*/





/*------------COL SETTINGS------*/

div[class*="col-"].blue .ui-menu ul li:hover{

	background-color:rgba(33, 150, 243, 0.4);

}

div[class*="col-"].red .ui-menu ul li:hover{

	background-color:rgba(244, 67, 54, 0.41);

}

div[class*="col-"].green .ui-menu ul li:hover{

	background-color:rgba(76, 175, 80, 0.4);

}

div[class*="col-"].orange .ui-menu ul li:hover{

	background-color: rgba(255, 87, 34, 0.4);

}

div[class*="col-"].lightblue .ui-menu ul li:hover{

	background-color: rgba(0, 188, 212, 0.41);

}

div[class*="col-"].brown .ui-menu ul li:hover{

	background-color:rgba(121, 85, 72, 0.3);

}

div[class*="col-"].teal .ui-menu ul li:hover{

	background-color:rgba(77, 182, 172, 0.41);

}

/*------------COL TABLE EVEN------*/



/*------------COL TABLE THEAD------*/

div[class*="col-"].blue table.list > thead{

	background-color:rgba(33, 150, 243, 0.6);

}

div[class*="col-"].red table.list > thead{

	background-color:rgba(244, 67, 54, 0.61);

}

div[class*="col-"].green table.list > thead{

	background-color:rgba(76, 175, 80, 0.6);

}

div[class*="col-"].orange table.list > thead{

	background-color: rgba(255, 87, 34, 0.6);

}

div[class*="col-"].lightblue table.list > thead{

	background-color: rgba(0, 188, 212, 0.61);

}

div[class*="col-"].brown table.list > thead{

	background-color:rgba(121, 85, 72, 0.3);

}

div[class*="col-"].teal table.list > thead{

	background-color:rgba(77, 182, 172, 0.61);

}





/*---------------------UI Elements ----------------------*/



div[class*="abs-"]{

	position: absolute;

}



.ui-menu div.relative span{

	float: left;

	line-height: 25px;

	margin: 0 5px;

}

.ui-menu div.relative{

	position: relative;

	display: block;

	float: left;

	box-sizing:border-box;

}



.ui-menu i.icon{

	width: 20px;

	display: block;

	font-size: 20px;

	line-height: 25px;

	text-align: center;

	z-index: 10;

	opacity: 1;

	float: left;

}



.ui-menu ul{

	position: static;

	text-align: left;

	display: block;

	top: 0;

}

.ui-menu ul li:last-child{

	border:none;

}

.ui-menu ul li{

	float:left;

	width: 100%;

	height: auto;

	white-space: nowrap;

	min-height: 27px;

	box-sizing:border-box;

	padding: 5px 10px;

	margin: 2px 0;

}



.ui-menu ul li.icon{

	

	padding-left: 30px;

	position: relative;

}

.ui-menu ul li:hover{

	background-color:#f5f5f5 ;

}

.ui-menu ul li.icon:hover i{

	opacity: 1;

}

.ui-menu ul li.icon i{

	color: black;

	position: absolute;

	left: 0;

	opacity: 0.6;

	line-height: 27px;

	height: 27px;

	width: 30px;

	font-size: 16px;

	top: 0;

}

.btn i.icon{

	opacity: 1;

	height: 20px;

	width: 20px;

	line-height: 20px;

}

.btn{

	height: auto;

	line-height: 20px;

	box-sizing:border-box;

	transition: color 0.4s ease-in-out,

				background-color 0.4s ease-in-out;

}



.btn:hover{

	cursor: pointer;

}



/* ----- Text Styles */



.txt-right{

	text-align: right;

}

.border-none{

	border:none !important;

}



.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;

}



.title.big {

	line-height: 45px;

	font-size: 35px;

	float: none;

}







/*---------------------ANIMATIONS---------------------*/





@keyframes menuSlideDown {

	0% {

		opacity: 0;

		transform: translateY(-10%);

	}

	100% {

		opacity: 1;

		transform: translateY(0%);

	}

}

@-webkit-keyframes menuSlideDown {

	0% {

		opacity: 0;

		transform: translateY(-10%);

	}

	100% {

		opacity: 1;

		transform: translateY(0%);

	}

}





	

@keyframes menuSlideLeft {

	0% {

		opacity: 0;

		transform: translateX(-10%);

	}

	100% {

		opacity: 1;

		transform: translateX(0%);

	}

}

@-webkit-keyframes menuSlideLeft {

	0% {

		opacity: 0;

		transform: translateX(-10%);

	}

	100% {

		opacity: 1;

		transform: translateX(0%);

	}

}





	

@keyframes menuSlideRight {

	0% {

		opacity: 0;

		transform: translateX(10%);

	}

	100% {

		opacity: 1;

		transform: translateX(0%);

	}

}

@-webkit-keyframes menuSlideRight {

	0% {

		opacity: 0;

		transform: translateX(10%);

	}

	100% {

		opacity: 1;

		transform: translateX(0%);

	}

}







@keyframes fadeInLeft {

	0% {

		opacity: 0;

		transform: translateY(-10%);

	}

	100% {

		opacity: 1;

		transform: translateY(0%);

	}

}

@-webkit-keyframes menuSlideDown {

	0% {

		opacity: 0;

		transform: translateY(-10%);

	}

	100% {

		opacity: 1;

		transform: translateY(0%);

	}

}





/*---------- MEDIA QUERY ----------*/

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



/* ---- MQ-COL ---- */

	.mq-9-col-1 {

		width: 10%;

	}

	.mq-9-col-2 {

		width: 20%;

	}

	.mq-9-col-25 {

		width: 25%;

	}

	.mq-9-col-3 {

		width: 30%;

	}

	.mq-9-col-4 {

		width: 40%;

	}

	.mq-9-col-5 {

		width: 50% !important;

	}

	.mq-9-col-6 {

		width: 60%;

	}

	.mq-9-col-7 {

		width: 70%;

	}

	.mq-9-col-8 {

		width: 30%;

	}

	.mq-9-col-9 {

		width: 30%;

	}

	.mq-9-col-10 {

		width: 100%;

		padding: 0 5px !important;

	}

/* ---- MQ SPECIAL COLS ---- */

	.mq-9-col-5-not-important {

		width: 50%;

	}

	.mq-9-col-5-no-pad {

		width: 50%;

		padding: 0 !important;

	}

	.mq-9-col-10-no-pad {

		width: 100%;

		padding: 0 !important;

	}



	.mq-9-col-10-pad-not-important {

		width: 100%;

		padding: 0 5px;

	}



/* ---- MQ-PAD ---- */

	/* ---- PAD Around*/

	.mq-9-pad-0 {

		padding: 0 !important;

	}



	.mq-9-pad-2-5 {

		padding: 2.5px;

	}



	.mq-9-pad-5 {

		padding: 5px;

	}



	.mq-9-pad-10 {

		padding: 10px;

	}

	

	.mq-9-pad-15 {

		padding: 15px;

	}



	.mq-9-pad-20 {

		padding: 20px;

	}

	/* ---- PAD Top*/

	.mq-9-pad-t-2-5 {

		padding-top: 2.5px;

	}



	.mq-9-pad-t-5 {

		padding-top: 5px;

	}



	.mq-9-pad-t-10 {

		padding-top: 10px;

	}

	

	.mq-9-pad-t-15 {

		padding-top: 15px;

	}



	.mq-9-pad-t-20 {

		padding-top: 20px;

	}

	/* ---- PAD Bottom*/

	.mq-9-pad-b-2-5 {

		padding-bottom: 2.5px;

	}



	.mq-9-pad-b-5 {

		padding-bottom: 5px;

	}



	.mq-9-pad-b-10 {

		padding-bottom: 10px;

	}

	

	.mq-9-pad-b-15 {

		padding-bottom: 15px;

	}



	.mq-9-pad-b-20 {

		padding-bottom: 20px;

	}

	/* ---- PAD Left*/

	.mq-9-pad-l-2-5 {

		padding-left: 2.5px !important;

	}



	.mq-9-pad-l-5 {

		padding-left: 5px !important;

	}



	.mq-9-pad-l-10 {

		padding-left: 10px;

	}

	

	.mq-9-pad-l-15 {

		padding-left: 15px;

	}



	.mq-9-pad-l-20 {

		padding-left: 20px;

	}

	/* ---- PAD Right*/

	.mq-9-pad-r-2-5 {

		padding-right: 2.5px !important;

	}



	.mq-9-pad-r-5 {

		padding-right: 5px !important;

	}



	.mq-9-pad-r-10 {

		padding-right: 10px;

	}

	

	.mq-9-pad-r-15 {

		padding-right: 15px;

	}



	.mq-9-pad-r-20 {

		padding-right: 20px;

	}





/* ---- MQ-MAR ---- */

	.mq-9-mar-t-20 {

		margin-top: 20px;

	}



	.mq-9-mar-b-20 {

		margin-bottom: 20px;

	}



/* ---- MQ DISPLAY ---- */

	.mq-9-disp-no {

		display: none !important;

	}



	.mq-9-disp-block {

		display: block !important;

	}

}



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



/* ---- MQ-COL ---- */

	.mq-6-col-1 {

		width: 10%;

	}

	.mq-6-col-2 {

		width: 20%;

	}

	.mq-6-col-3 {

		width: 30%;

	}

	.mq-6-col-4 {

		width: 40%;

	}

	.mq-6-col-5 {

		width: 50% !important;

	}

	.mq-6-col-6 {

		width: 60%;

	}

	.mq-6-col-7 {

		width: 70%;

	}

	.mq-6-col-8 {

		width: 30%;

	}

	.mq-6-col-9 {

		width: 30%;

	}

	.mq-6-col-10 {

		width: 100%;

		padding-left: 5px !important;

		padding-right: 5px !important;

	}



/* ---- MQ SPECIAL COLS ---- */

	.mq-6-col-5-not-important {

		width: 50%;

	}

	.mq-6-col-10-no-pad {

		width: 100%;

	}



	.mq-6-col-10-pad-not-important {

		width: 100%;

		padding-left: 5px;

		padding-right: 5px;

	}



	.mq-6-col-10-wide {

		width: 100%;

		padding-left: 0 !important;

		padding-right: 0 !important;

	}



/* ---- MQ-PAD ---- */

	.mq-6-pad-0 {

		padding: 0;

	}



	.mq-6-pad-2-5 {

		padding: 2.5px;

	}



	.mq-6-pad-5 {

		padding: 5px;

	}



	.mq-6-pad-10 {

		padding: 10px;

	}

	

	.mq-6-pad-15 {

		padding: 15px;

	}



	.mq-6-pad-20 {

		padding: 20px;

	}



	.mq-6-pad-t-2-5 {

		padding-top: 2.5px;

	}



	.mq-6-pad-t-5 {

		padding-top: 5px;

	}



	.mq-6-pad-t-10 {

		padding-top: 10px;

	}

	

	.mq-6-pad-t-15 {

		padding-top: 15px;

	}



	.mq-6-pad-t-20 {

		padding-top: 20px;

	}



	.mq-6-pad-r-0 {

		padding-right: 0;

	}



	.mq-6-pad-r-2-5 {

		padding-right: 2.5px;

	}



	.mq-6-pad-r-5 {

		padding-right: 5px;

	}



	.mq-6-pad-r-10 {

		padding-right: 10px;

	}

	

	.mq-6-pad-r-15 {

		padding-right: 15px;

	}



	.mq-6-pad-r-20 {

		padding-right: 20px;

	}



	.mq-6-pad-l-0 {

		padding-left: 0;

	}



	.mq-6-pad-l-2-5 {

		padding-left: 2.5px;

	}



	.mq-6-pad-l-5 {

		padding-left: 5px;

	}



	.mq-6-pad-l-10 {

		padding-left: 10px;

	}

	

	.mq-6-pad-l-15 {

		padding-left: 15px;

	}



	.mq-6-pad-l-20 {

		padding-left: 20px;

	}

	.mq-6-pad-l-r-0 {

		padding-right: 0;

		padding-left: 0;

	}



	.mq-6-pad-l-r-2-5 {

		padding-right: 2.5px;

		padding-left: 2.5px;

	}



	.mq-6-pad-l-r-5 {

		padding-right: 5px;

		padding-left: 5px;

	}



	.mq-6-pad-l-r-10 {

		padding-right: 10px;

		padding-left: 10px;

	}

	

	.mq-6-pad-l-r-15 {

		padding-right: 15px;

		padding-left: 15px;

	}



	.mq-6-pad-l-r-20 {

		padding-right: 20px;

		padding-left: 20px;

	}



/* ---- MQ-MAR ---- */

	.mq-6-mar-lr-0 {

		margin-left: 0;

		margin-right: 0;

	}



	.mq-6-mar-b-20 {

		margin-bottom: 20px;

	}



/* ---- MQ DISPLAY ---- */

	.mq-6-disp-no {

		display: none;

	}



	.mq-6-disp-block {

		display: block !important;

	}



}