/* 
	custom by arifin v.1 20june2015
	arifin@catalyzecommunications.com
*/
.center-align{text-align:center;}
.btn-default { border: none; }

p, h1, h2, h3, h4 , span, a{
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
	*h1,h2,h3,h4 top and bottom become 10
	*p top and bottom become 10, font-size 14
	
	line-height 1.5 = 11px
	line-height 1.7 = 12px
 */
/* content div to P top 7px and bottom 5px */
p{
	margin-bottom:0px;
	padding-top: 3px;
    padding-bottom: 5px;
}

/* content div to h1 top 8px and bottom 8px , font size 36px*/
h1, .h1 {
    padding-top: 2px;
    padding-bottom: 2px;
	margin:0px;
}

/* content div to h2 top 7px and bottom 7px , font size 30px*/
h2, .h2 {
    padding-top: 3px;
    padding-bottom: 50px;
	margin:0px;
}

/* content div to h3 top 6px and bottom 6px , font size 24px*/
h3, .h3 {
    padding-top: 4px;
    padding-bottom: 4px;
	margin:0px;
}

/* content div to h4 top 5px and bottom 5px , font size 24px*/
h4, .h4 {
    padding-top: 5px;
    padding-bottom: 5px;
	margin:0px;
}

/* =========================================================== padding */
.no-pad-l-r{
	padding-left:0px;
	padding-right:0px;
}

.no-pad-r{
	padding-right:0px;
}

.no-pad-l{
	padding-left:0px;
}

.pad-1{ padding:1px; }
.pad-l-1{padding-left:1px;}
.pad-r-1{padding-right:1px;}
.pad-t-1{padding-top:1px;}
.pad-b-1{padding-bottom:1px;}

.pad-t-5{padding-top:5px;}
.pad-b-5{padding-bottom:5px;}
.pad-l-5{padding-left:5px;}
.pad-r-5{padding-right:5px;}

.pad-t-10{padding-top:10px;}
.pad-b-10{padding-bottom:10px;}
.pad-l-10{padding-left:10px;}
.pad-r-10{padding-right:10px;}

.pad-t-15{padding-top:15px;}
.pad-b-15{padding-bottom:15px;}
.pad-l-15{padding-left:15px;}
.pad-r-15{padding-right:15px;}

.pad-t-20{padding-top:20px;}
.pad-b-20{padding-bottom:20px;}
.pad-l-20{padding-left:20px;}
.pad-r-20{padding-right:20px;}

.pad-t-30{padding-top:30px;}
.pad-b-30{padding-bottom:30px;}
.pad-l-30{padding-left:30px;}
.pad-r-30{padding-right:30px;}

.pad-t-40{padding-top:40px;}
.pad-b-40{padding-bottom:40px;}
.pad-l-40{padding-left:40px;}
.pad-r-40{padding-right:40px;}

.pad-t-50{padding-top:50px;}
.pad-b-50{padding-bottom:50px;}
.pad-l-50{padding-left:50px;}
.pad-r-50{padding-right:50px;}

.pad-t-60{padding-top:60px;}
.pad-b-60{padding-bottom:60px;}
.pad-l-60{padding-left:60px;}
.pad-r-60{padding-right:60px;}

/* =========================================================== margin */
.no-mar-l-r{
	margin-left:0px;
	margin-right:0px;
}

.no-mar-r{
	margin-right:0px;
}

.no-mar-l{
	margin-left:0px;
}

.mar-t-5{margin-top:5px;}
.mar-b-5{margin-bottom:5px;}
.mar-l-5{margin-left:5px;}
.mar-r-5{margin-right:5px;}

.mar-t-10{margin-top:10px;}
.mar-b-10{margin-bottom:10px;}
.mar-l-10{margin-left:10px;}
.mar-r-10{margin-right:10px;}

.mar-t-15{margin-top:15px;}
.mar-b-15{margin-bottom:15px;}
.mar-l-15{margin-left:15px;}
.mar-r-15{margin-right:15px;}

.mar-t-20{margin-top:20px;}
.mar-b-20{margin-bottom:20px;}
.mar-l-20{margin-left:20px;}
.mar-r-20{margin-right:20px;}

.mar-t-30{margin-top:30px;}
.mar-b-30{margin-bottom:30px;}
.mar-l-30{margin-left:30px;}
.mar-r-30{margin-right:30px;}

.mar-t-50{margin-top:50px;}
.mar-b-50{margin-bottom:50px;}
.mar-l-50{margin-left:50px;}
.mar-r-50{margin-right:50px;}

.mar-t-60{margin-top:60px;}
.mar-b-60{margin-bottom:60px;}
.mar-l-60{margin-left:60px;}
.mar-r-60{margin-right:60px;}

.mar-t-80{margin-top:80px;}
.mar-b-80{margin-bottom:80px;}
.mar-l-80{margin-left:80px;}
.mar-r-80{margin-right:80px;}

/* =========================================================== row */
.row{
	margin-left: 0px;
	margin-right: 0px;
}


/* =========================================================== container center position */
.container-full{
	margin:0 auto;
	width:100%;
}

@media screen { 
	.container-full{ overflow: visible; }
}

@media screen and (min-width: 767px) {
	.container-full{ overflow: hidden; }
}

.container-12, .container-11, .container-10, .container-9, .container-8, .container-7, .container-6, .container-5{
	margin:0 auto;
	overflow: hidden;
}

.container-12, .container-11, .container-10, .container-9, .container-8, .container-7, .container-6, .container-5{
	margin:0 auto;
	padding-left:30px;
	padding-right:30px;
}

.container-12{
	width:100%;
}

.container-11{
	width:90%;
}

.container-10{
	width:80%;
}

.container-9{
	width:70%;
}

.container-8{
	width:60%;
}

.container-7{
	width:50%;
}

.container-6{
	width:40%;
}

.container-5{
	width:30%;
}

/* =========================================================== container 5 column */
.col-5-am{
	float:left;
}

.col-5-am{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/* =========================================================== responsive */
/* ====================================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 0) {}
@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1852px) {}
@media only screen and (max-width: 1800px) {}
@media only screen and (max-width: 1760px) {}
@media only screen and (max-width: 1700px) {}
@media only screen and (max-width: 1660px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1560px) {}
@media only screen and (max-width: 1500px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1400px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1365px) {}
@media only screen and (max-width: 1300px) {}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1200px) {
	/* max width container */
	.container {
		width: 100%;
	}
}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 980px) {}
@media only screen and (max-width: 900px) {}
@media only screen and (max-width: 860px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 768px) {
	.container {
		width: 100%;
		padding-left:30px;
		padding-right:30px;
	}
	
	#secondaryNavBkg .container { padding-left: 0; padding-right: 0; }
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: 0!important; }
	
	/* container 5 column */

	.col-5-am{
		width:20%;
		padding-bottom:0px;
	}
}
@media only screen and (max-width: 640px) {}
/*@media only screen and (max-width: 600px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	
	.container {
		width: 100%;
		padding-left:15px;
		padding-right:15px;
	}
	
	container 5 column
	.col-5-am img{
		padding-bottom:5px;
	}
}*/
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 360px) {}	
@media only screen and (max-width: 320px) {}