/* Basic Custom Classes */
* {
	box-sizing: border-box;
}

html, body {
    margin:0;
    padding: 0;
	color: #333;
}

h1, h2, h3, h4{
	line-height: 1.25em;
	margin: 0px;
	padding: 0px;
}

h1, h2{
	padding-bottom: 30px;
}

h3, h4{
	padding-bottom: 20px;
}

p {
	padding-bottom: 10px;
}

form.input-grey input, form.input-grey select, form.input-grey textarea{
	background-color: #f2f2f2;
}

form label{
	padding: 0px;
	margin: 0px;
	font-weight: 300 !important;
	font-size: 16px;
}

form.label-top-5 label{
	padding-top:5px;
}

form.label-top-10 label{
	padding-top:10px;
}

form.label-top-15 label{
	padding-top:15px;
}

ul li, ol li{
	line-height: 1.5em;
}

ul.li-pad-bottom-5 li, ol.li-pad-bottom-5 li{
	padding-bottom: 5px;
}

ul.li-pad-bottom-10 li, ol.li-pad-bottom-10 li{
	padding-bottom: 10px;
}

ul.li-pad-bottom-15 li, ol.li-pad-bottom-15 li{
	padding-bottom: 15px;
}

ul.li-pad-bottom-20 li, ol.li-pad-bottom-20 li{
	padding-bottom: 20px;
}

/*  Important for getting rid of the li display: iline-block space in Main Nav */
.nav-main ul{
	font-size: 0;
}

/* Custom Classes */
.zeroPm{
	padding: 0;
	margin: 0;
}

.no-bullet{
	list-style-type: none;
}

.bg-white{
	background-color: #fff;
}

.bg-lightgrey{
	background-color: #ebebeb;
}

.bg-grey{
	background-color: #ddd;
}

.bg-darkgrey{
	background-color: #333;
}

.fw-100{
	font-weight: 100;
}

.fw-300{
	font-weight: 300;
}

.fw-400{
	font-weight: 400;
}

.fw-500{
	font-weight: 500;
}

.fw-600{
	font-weight: 600;
}

.fw-900{
	font-weight: 900;
}

.red{
	color: red !important;
}

.blue{
	color: blue !important;
}

.yellow{
	color: yellow !important;
}

.white{
	color: white !important;
}

.black{
	color: black !important;
}

.grey{
	color: #555 !important;
}

.underline{
	text-decoration: underline !important;
}

.bold{
	font-weight: bold !important;
}

.italic{
	font-style: italic !important;
}

.ibold{
	font-weight: bold !important;
	font-style: italic !important;
}

.uibold{
	font-weight: bold !important;
	font-style: italic !important;
	text-decoration: underline !important;
}

.block{
	display: block;
}

.inline-block{
	display: inline-block;
}

.inline{
	display: inline;
}

.float-right{
	float: right;
}

.float-left{
	float: left;
}

.ver-top{
	vertical-align: top;
}

.ver-middle{
	vertical-align: middle;
}

.ver-bottom{
	vertical-align: bottom;
}

.font-12{
	font-size: 12px !important;
}

.font-13{
	font-size: 13px !important;
}

.font-14{
	font-size: 14px !important;
}

.font-15{
	font-size: 15px !important;
}

.font-16{
	font-size: 16px !important;
}

.font-18{
	font-size: 18px !important;
}

.font-20{
	font-size: 20px !important;
}

.font-22{
	font-size: 22px !important;
}

.font-24{
	font-size: 24px !important;
}

.font-26{
	font-size: 26px !important;
}

.font-28{
	font-size: 28px !important;
}

.font-30{
	font-size: 30px !important;
}

.font-32{
	font-size: 32px !important;
}

.font-34{
	font-size: 34px !important;
}

.font-36{
	font-size: 36px !important;
}

.content{
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Padding */
.pad-0{
	padding: 0px !important
}

.pad-top-0{
	padding-top: 0px !important;
}

.pad-top-5{
	padding-top: 5px;
}

.pad-top-10{
	padding-top: 10px;
}

.pad-top-15{
	padding-top: 15px;
}

.pad-top-20{
	padding-top: 20px;
}

.pad-top-30{
	padding-top: 30px;
}

.pad-right-0{
	padding-right: 0px !important;
}

.pad-right-5{
	padding-right: 5px;
}

.pad-right-10{
	padding-right: 10px;
}

.pad-right-15{
	padding-right: 15px;
}

.pad-right-20{
	padding-right: 20px;
}

.pad-right-30{
	padding-right: 30px;
}

.pad-bottom-0{
	padding-bottom: 0px !important;
}

.pad-bottom-5{
	padding-bottom: 5px;
}

.pad-bottom-10{
	padding-bottom: 10px;
}

.pad-bottom-15{
	padding-bottom: 15px;
}

.pad-bottom-20{
	padding-bottom: 20px;
}

.pad-bottom-30{
	padding-bottom: 30px;
}

.pad-left-0{
	padding-left: 0px !important;
}

.pad-left-5{
	padding-left: 5px;
}

.pad-left-10{
	padding-left: 10px;
}

.pad-left-15{
	padding-left: 15px;
}

.pad-left-20{
	padding-left: 20px;
}

.pad-left-30{
	padding-left: 30px;
}

.pad-top-bottom-10{
	padding: 10px auto;
}

.pad-top-bottom-20{
	padding: 20px auto;
}

.pad-top-bottom-30{
	padding: 30px auto;
}

.pad-left-50{
	padding-left: 50px;
}

.pad-right-50{
	padding-right: 50px;
}
/* End Padding */

/* Margin */
.mar-0{
	margin: 0px !important
}

.mar-top-0{
	margin-top: 0px !important;
}

.mar-top-5{
	margin-top: 5px;
}

.mar-top-10{
	margin-top: 10px;
}

.mar-top-15{
	margin-top: 15px;
}

.mar-top-20{
	margin-top: 20px;
}

.mar-top-30{
	margin-top: 30px;
}

.mar-right-0{
	margin-right: 0px !important;
}

.mar-right-5{
	margin-right: 5px;
}

.mar-right-10{
	margin-right: 10px;
}

.mar-right-15{
	margin-right: 15px;
}

.mar-right-20{
	margin-right: 20px;
}

.mar-right-30{
	margin-right: 30px;
}

.mar-bottom-0{
	margin-bottom: 0px !important;
}

.mar-bottom-5{
	margin-bottom: 5px;
}

.mar-bottom-10{
	margin-bottom: 10px;
}

.mar-bottom-15{
	margin-bottom: 15px;
}

.mar-bottom-20{
	margin-bottom: 20px;
}

.mar-bottom-30{
	margin-bottom: 30px;
}

.mar-left-0{
	margin-left: 0px !important;
}

.mar-left-5{
	margin-left: 5px;
}

.mar-left-10{
	margin-left: 10px;
}

.mar-left-15{
	margin-left: 15px;
}

.mar-left-20{
	margin-left: 20px;
}

.mar-left-30{
	margin-left: 30px;
}

.mar-top-bottom-10{
	margin: 10px auto;
}

.mar-top-bottom-20{
	margin: 20px auto;
}

.mar-top-bottom-30{
	margin: 30px auto;
}

.mar-left-50{
	margin-left: 50px;
}

.mar-right-50{
	margin-right: 50px;
}
/* End Margin */

.img-center{
    margin: 0 auto;
}

.shadow{
	box-shadow: 0px 0px 5px #ddd;
}

.border-lightgrey{
	border: 1px solid #ebebeb;
}

.border-grey{
	border: 1px solid #ddd;
}

.border-darkgrey{
	border: 1px solid #333;
}

.middle-borders{
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.border-top{
	border-top: 1px solid #ddd;
}

.border-bottom{
	border-bottom: 1px solid #ddd;
}

.border-right{
	border-right: 1px solid #ddd;
}

.border-left{
	border-left: 1px solid #ddd;
}

.ctaBtn{
	display: inline-block;
	margin: 0px;
	padding: 10px 25px 10px 25px;
	font-weight: bold;
	font-size: 18px;
	border-radius: 4px;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
}

.ctaBtn:hover{
	text-decoration: none;
}
/* End of Custom Basic Classes*/


/* Media Query for large screen (lg) */
@media (max-width: 1200px) {
	body{
        overflow-x: hidden;    
    }
	
	h1{
		line-height: 1.15em;
		font-size: 32px;
	}
	
	h2{
		font-size: 26px;
	}
	
	h3{
		font-size: 22px;
	}
}


/* Media Query for medium screen (md) */
@media (max-width: 992px) {
	body{
        overflow-x: hidden;    
    }
	
	h1{
		font-size: 30px;
	}
}


/* Media Query for extra small screen (xs) */
@media (max-width: 767px) {
	body{
        overflow-x: hidden;    
    }
	
	form label{
		padding-top:10px !important;
	}
	
	.pad-left-50{
		padding-left: 15px;
	}
	
	.pad-right-50{
		padding-right: 15px;
	}
	
	.mar-left-50{
		margin-left: 15px;
	}

	.mar-right-50{
		margin-right: 15px;
	}
}