@charset "utf-8";
/* CSS Document */

@import url('/css/font-awesome.min.css');

/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

pre {
	white-space: pre-wrap;
}

small {
	font-size: 80%;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.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,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
	padding-left: 0;
	padding-right: 0;
}

.fix-pad {
	box-sizing: border-box;
}

/*===================== 
	default styles 
=======================*/

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

.clear {
	clear: both;
}

a:focus,
a:hover {
	text-decoration: none !important;
	cursor: pointer !important;
}

:focus {
	outline: 0px !important;
}

/*===================== 
	Navigation
=======================*/

/*---------------------NAVIGATION Fixed sidebartwo------------------*/


.navbar {
	margin: 0;
}

.nav-wrap {
	padding: 0;
}

.navbar-header {
	background: #000;
	padding: 10px 20px;
	min-height: 80px;
	box-sizing: border-box;
}

nav.sidebartwo.navbar {
	border-radius: 0px;
	height: 100%;
	max-width: 300px;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #222222;
	overflow-x: hidden;
}

nav.sidebartwo,
.main {
	-webkit-transition: margin 200ms ease-out;
	-moz-transition: margin 200ms ease-out;
	-o-transition: margin 200ms ease-out;
	transition: margin 200ms ease-out;
}

.nav-logo {
	max-width: 300px;
	width: 100%;
	height: auto;
}

/*---------------------NAVIGATION Fixed sidebartwo END------------------*/

/*---------------------BODY CONTENT SHRINK WIDTH------------------*/

.main-pagetwo.container-fluid {
	width: calc(100% - 300px);
	float: right;
	box-sizing: border-box;
	z-index: 15;
	position: relative;
}

/*-------------------BODY CONTENT SHRINK WIDTH END------------------*/

/*---------------------GENERAL NAV STYLES------------------*/
.navbar-inverse .navbar-nav>li>a {
	background-color: transparent;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	padding: 15px 20px;
	border-left: solid 5px transparent;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	border-color: #fdd500;
	color: #fdd500;
}


.navbar-nav>li {
	width: 100%;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #e5ad40;
	background-color: transparent;
	border-color: #e5ad40;
}

.dropdown-menutwo {
	position: relative !important;
	border-radius: 0px !important;
	background-color: #000 !important;
	float: none !important;
	padding: 0 !important;
	border: none !important;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
	color: #fdd500;
}

.dropdown-menutwo>li>a {
	padding: 10px 20px !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600 !important;
	color: #fff !important;
}

.dropdown-menutwo>li>a:focus,
.dropdown-menutwo>li>a:hover {
	background-color: #e11e26 !important;
	color: #fff;
}

.partner-logo-section {
	padding: 0 20px;
	box-sizing: border-box;
}

.partner-logo {
	max-width: 300px;
	width: 100%;
	height: auto;
	margin-top: 10px;
	border: solid 1px #fff;
	display: inline-block;
}

.partner-logo:hover {
	border-color: #fdd500;
}


/*---------------------MOBILE NAVIGATION------------------*/

.navbar-default {
	background-color: #fff;
	border: none;
	border-radius: 0px;
	margin: 0;
}

/*=======================================
	 Page Top Phone and Social
=========================================*/

.page-top {
	padding: 15px 5%;
	background: url('/siteart/grey-bg.jpg');
	background-repeat: repeat;
	background-position: center;
	min-height: 80px;
	box-sizing: border-box;
}

/*===================== 
	Social Icons
=======================*/

.gen-box,
.fb-box,
.twitter-box {
	background-color: #000;
	min-width: 50px;
	height: auto;
	display: inline-block;
	border-radius: 4px;
}

.gen-box i,
.fb-box i,
.twitter-box i {
	color: #fff;
	font-size: 16px;
	padding: 16px;
	display: block;
	margin: auto;
	text-align: center;
}

.gen-box:hover {
	background-color: #e11e26;
}

.fb-box:hover {
	background-color: #3b5998;
}

.twitter-box:hover {
	background-color: #00acee;
}

/*========================= 
	 Carousel Styles
===========================*/

#homeCarousel .slides .slide-0,
#homeCarousel .slides .slide-1,
#homeCarousel .slides .slide-2,
#homeCarousel .slides .slide-3,
#homeCarousel .slides .slide-4,
{
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.carousel-inner>.item {
	min-height: 35vw;
}

.carousel-item {
	height: 100%;
	min-height: 35vw;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.map-padding {
	padding: 0px 0px !important;
}

.carousel-indicators {
	bottom: 0;
}

.carousel-indicators li {
	width: 30px;
	height: 5px;
	border: none;
	background-color: #fff;
	opacity: .5;
	margin: 1px;
	border-radius: 0px;
}

.carousel-indicators .active {
	width: 30px;
	height: 5px;
	border: none;
	background-color: #fff;
	opacity: 1;
	margin: 1px;
}

.carousel-control {
	width: 12%;
}


/*===================== 
	home categories
=======================*/

.title-wrap {
	background: #fdd500;
	padding: 20px 5% 20px 3%;
}

.cat-head {
	margin: 0;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 25px;
	color: #000;
}

.cat-title {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 5px;
	max-width: 600px;
	line-height: 20px;
	margin: 0;
	text-align: center;
	padding-top: 10px;
	color: #000;
	transition: all .4s ease-in-out;
}

.cat-box {
	padding: 10px 20px 10px 0 !important;
}

.cat-box-inner {
	padding: 10px 30px 30px 30px;
	border: solid 3px #ebebeb;
	background: #fff;
	transition: all .4s ease-in-out;
}

.cat-box-inner:hover {
	border-color: #fdd500;
}

.cat-box-inner:hover .cat-title {
	color: #e11e26;
}

.cat-img {
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
	margin: auto;
}

/*===================== 
	Page Headers
=======================*/

.banner-img {
	width: 100%;
	height: auto;
}

/*===================== 
	Backgrounds
=======================*/
.grey-bg {
	background: url('/siteart/grey-bg.jpg');
	background-repeat: repeat;
	background-position: center;
}

/*===================== 
	Contact Page
=======================*/

.contact-right {
	padding-left: 3% !important;
}

.phone-box {
	background: url('/siteart/grey-bg.jpg');
	background-repeat: repeat;
	background-position: center;
	padding: 30px;
}

.map {
	width: 100%;
	height: 275px;
	border: solid 3px #fff;
}

.contact {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	line-height: 20px;
	font-size: 16px;
	font-weight: 500;
}

.contact-link {
	color: #000;
}

.contact-link:hover {
	color: #e11e26;
}

.contact-section {
	padding-bottom: 15px;
}


.pcs-map {
	width: 100%;
	height: 300px;
}

/*===================== 
	form styles 
=======================*/

.input-wrap,
.date-wrap,
.select-wrap {
	padding: 5px;
}

.field {
	width: 100%;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	border: solid 2px #222222;
}

.datefield {
	width: 100%;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	border: solid 2px #222222;
}

.selectfield {
	width: 100%;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	border: solid 2px #222222;
}

.textfield {
	width: 100%;
	padding: 8px;
	height: 125px;
	border: solid 2px #222222;
}

.checkboxinput,
.formcontent {
	display: inline-block;
}


/*===================== 
	THANK YOU 
=======================*/

.ty-icon {
	font-size: 100px;
}

.click-link {
	font-weight: 800;
	color: #000;
}

.click-link:hover {
	color: #e5ad40;
}

/*===================== 
	footer styles 
=======================*/

.footer-bg {
	background: #000;
}

.middle-footer {
	padding: 50px 5%;
	box-sizing: border-box;
}

.btm-footer {
	padding: 15px 5%;
	box-sizing: border-box;
}

.foot-contact {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	line-height: 20px;
	letter-spacing: 1px;
}

.foot-contact a {
	color: #fdd500 !important;
}

.foot-contact a:hover {
	color: #fff !important;
}

.left-foot {
	border-right: .75px solid #333;
	box-sizing: border-box;
}

.middle-foot {
	border-right: .25px solid #333;
	border-left: .25px solid #333;
	box-sizing: border-box;
}

.right-foot {
	border-left: .25px solid #333;
	box-sizing: border-box;
}

.copyright {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	line-height: 14px;
	letter-spacing: 1px;
}

.copyright a {
	color: #fff;
}

.copyright a:hover {
	color: #fdd500;
}

/*===================== 
	icons
=======================*/

.yellow-icon {
	color: #fdd500;
	font-size: 30px !important;
	padding-bottom: 15px;
}

/*===================== 
	typography styles 
=======================*/

.head {
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 800;
}

.subhead {
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 800;
}

.sm-head {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.subtxt {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	margin: 0;
}

.head-phone {
	font-family: 'Oswald', sans-serif;
	font-weight: 800;
	margin: 0;
	font-size: 25px;
}

.head-phone a {
	color: #e11e26 !important;
}

.head-phone a:hover {
	color: #000 !important;
}

.tagline {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	line-height: 16px;
	margin: 0;
}

.content {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	line-height: 20px;
}

.content a {
	color: #000;
}

.content a:hover {
	color: #e11e26;
}

.bghead {
	border-bottom: solid 3px #e11e26;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 25px;
	color: #222222;
	margin: 0;
	padding: 8px 0px;
	letter-spacing: 1px;
}


.red {
	color: #e11e26;
}

.yellow {
	color: #fdd500;
}

.black {
	color: #000;
}

.dk-grey {
	color: #222222;
}

.l-grey {
	color: #d7d7d7;
}

.white {
	color: #ffffff;
}

.bold {
	font-weight: 800;
}

.italic {
	font-style: italic;
}

.center {
	display: block;
	margin: auto;
	text-align: center;
}

/*===================== 
	button styles 
=======================*/

.btn-wrap {
	padding-top: 15px;
}

.yellow-btn {
	background-color: #fdd500;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
	color: #000;
	text-align: center;
	font-weight: 800;
	transition: all 0.5s;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}

.yellow-btn:hover {
	background-color: #ffdc14;
}

.red-btn {
	background-color: #e11e26;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
	color: #fff;
	text-align: center;
	font-weight: 800;
	transition: all 0.5s;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
}

.red-btn:hover {
	background-color: #ce1c22;
}

.gen-btn {
	background-color: #fdd500;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
	color: #000;
	text-align: center;
	font-weight: 800;
	transition: all 0.5s;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 15px 25px;
}

.gen-btn:hover {
	background-color: #e11e26;
	color: #fff;
}

.dk-btn {
	background-color: #222222;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
	color: #fff;
	text-align: center;
	font-weight: 800;
	transition: all 0.5s;
	cursor: pointer;
	letter-spacing: 1px;
	padding: 15px 25px;
}

.dk-btn:hover {
	background-color: #e11e26;
}

.foot-btn {
	background-color: transparent;
	border: solid 2px #fff;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	padding: 8px 20px;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.foot-btn:hover {
	color: #fdd500;
	border-color: #fdd500;
}

.border-btn {
	background-color: #222222;
	border: solid 2px #222222;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.border-btn:hover {
	background-color: transparent;
	color: #222222;
}

.serv-btn {
	background-color: #ccc;
	border: none;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	padding: 8px 20px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 50px;
	margin: 2.5px;
}

.serv-btn:hover {
	cursor: default;
}

/*-----------layouts---------------*/

.pad-row {
	padding: 50px 5%;
}

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

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

.space-btm {
	padding-bottom: 40px;
}

.cat-wrap {
	padding-bottom: 30px;
}

.notop {
	padding-top: 0;
}

.nobtm {
	padding-bottom: 0;
}

.left-content {
	padding-right: 2%;
}

.right-content {
	padding-left: 2%;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.add-btm {
	padding-bottom: 50px;
}

.add-top {
	padding-top: 50px;
}

.go-right {
	float: right;
}


/*==========================================================================
	MEDIA QUERIES
==========================================================================*/
@media only screen and (max-width: 1400px) {
	.cat-title {
		font-size: 16px;
		line-height: 18px;
	}
}

@media only screen and (max-width: 1199px) {
	.title-wrap {
		padding: 20px 5%;
	}

	.contact-right {
		padding-left: 0;
		padding-top: 30px;
	}
}

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

	.navbar-toggle {
		display: block !important;
		right: 0;
		padding: 15px;
		margin-top: 11px;
		margin-bottom: 0;
		margin-right: 0;
	}

	.navbar-nav>li {
		display: block;
		width: 100%;
		text-align: right;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-collapse.in {
		display: block !important;
	}

	.navbar-inverse .navbar-nav>li>a {
		border: none;
		text-align: center;
	}

	.go-right {
		float: none;
		padding-left: 10px;
	}

	.navbar-inverse .navbar-nav>li>a {
		font-size: 14px;
		padding: 10px 5%;
	}

	/*-----------Removed Fixed Navbar-------------------*/
	nav.sidebartwo.navbar {
		max-width: 100%;
		position: relative;
		height: auto;
	}

	.navbar-header {
		min-height: auto;
	}

	.main-pagetwo.container-fluid {
		width: 100%;
		float: none;
	}

	.page-top {
		display: none;
	}

	.navbar-header {
		padding: 10px 5%;
	}

	.partner-logo {
		margin: 5px 0;
		max-width: 250px;
	}

	.partner-logo-section {
		padding: 10px 5%;
		text-align: center;
	}

	.dropdown-menutwo>li>a {
		text-align: center;
	}

	.nav-social-section {
		background: #000;
		padding: 15px 5%;
		text-align: center;
		box-sizing: border-box;
	}

	.gen-box,
	.fb-box,
	.twitter-box {
		background-color: #fdd500;
		min-width: 52px;
	}

	.gen-box i,
	.fb-box i,
	.twitter-box i {
		color: #000;
		font-size: 18px;
	}

	.cat-box-inner {
		min-height: auto;
	}

	.carousel-inner>.item {
		min-height: 45vw;
	}

	.carousel-item {
		min-height: 45vw;
	}

	.title-wrap {
		text-align: center;
	}

	.about-area {
		text-align: center;
	}

	/*-----------Layout Changes-------------------*/
	.pad-row {
		padding: 30px 5%;
	}

	.notop {
		padding-top: 0;
	}

	.nobtm {
		padding-bottom: 0;
	}

	.add-btm {
		padding-bottom: 30px;
	}

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

	.left-content {
		padding-right: 0;
		padding-bottom: 30px;
	}

	.right-content {
		padding-left: 0;
	}

	.space-btm {
		padding-bottom: 30px;
	}

	.middle-footer {
		padding: 30px 5%;
	}

	.left-foot,
	.middle-foot,
	.right-foot {
		border: none;
	}

	.middle-foot {
		padding: 30px 0;
	}

	.yellow-icon {
		padding-bottom: 5px;
	}
}

@media only screen and (max-width: 900px) {
	.head-logo {
		max-width: 115px;
	}
}


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

	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin: 0;
	}

	.navbar-nav {
		margin: 0;
	}

	.navbar-nav .open .dropdown-menutwo {
		background: #000;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menutwo>li>a {
		color: #fff;
		font-family: 'Open Sans', sans-serif;
	}

	.cat-box {
		padding: 10px 0 10px 0 !important;
	}

	.form-border {
		padding: 5%;
	}

	.field {
		padding: 8px;
	}

	.textfield {
		padding: 8px;
	}

	/*-----------Font Size Changes-------------------*/
	.head {
		font-size: 25px;
	}

	.cat-head {
		font-size: 22px;
	}

	.content {
		font-size: 14px;
	}

	.pg-head {
		font-size: 25px;
	}

	.foot-contact {
		font-size: 14px;
	}

	.yellow-btn,
	.red-btn,
	.dk-btn,
	.gen-btn {
		font-size: 15px;
	}

}

@media only screen and (max-width: 600px) {
	.carousel-indicators {
		display: none;
	}

	.navbar-inverse .navbar-nav>li>a {
		padding: 6px 5%;
	}

	.partner-logo-section {
		padding-top: 0;
	}

	.partner-logo {
		max-width: 200px;
	}
}

@media only screen and (max-width: 500px) {
	.nav-logo {
		max-width: 250px;
	}

	.navbar-toggle {
		margin-top: 6px;
	}

	.fw-500 {
		width: 100%;
		margin: 5px 0;
	}

	/*font resizing for xs mobile*/
	.head {
		font-size: 22px;
	}

	.cat-head {
		font-size: 20px;
	}

	.pg-head {
		font-size: 22px;
	}

	.border-btn {
		font-size: 13px;
		padding: 8px 10px;
		margin: 0 2.5px 2.5px 0;
	}

	.serv-btn {
		font-size: 12px;
		width: 100%;
	}

}

@media only screen and (max-width: 400px) {
	.nav-logo {
		max-width: 200px;
		margin-left: 30px;
	}

	.navbar-toggle {
		margin-top: 0;
	}
}