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

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

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: 14px;
}

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

.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{
	*/ Was at 600, but now it's 300 due to the font weight difference for font "impact" */
	font-weight: 300;  
}

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

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

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

.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 #888;
}

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


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


/* Media Query for extra small screen (xs) */
@media (max-width: 767px) {
	body{
        overflow-x: hidden;    
    }
}