@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,700,700i');
/**GENERAL STYLINGS **/
	body {
		background-color: #fff !important;
		font-family: 'Raleway', Arial;
		font-size: 18px;
		color: #454547;
	}
	a:link, a:visited, a:active {
		color: #d9381c;	
	}
	a:hover {
		color: #606264;
	}
	p {font-size: 18px; line-height: 30px;}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4{
		font-family: 'telefonregular';
	}
	h2, .h2 {
	    font-size: 34px; color: #DB3B1F;
	}
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	

	
.btn-primary {
	background-color: #DB3B1F;
	border-color: #DB3B1F;
	color :#fff;
	font-size: 18px;
}
.grid-section {padding-bottom: 30px;}

/** SOCIAL MEDIA HEADER **/
	.socialmedia {margin-top: 10px;}
	.socialmedia a {margin-right: 20px; color: #606264;}
	.socialmedia a:hover {color: #EE643F;}
	i.fa.fa-circle.fa-stack-2x.fa-inverse:hover {color: #2f8CCF;}
	.navbar.social {
		margin-bottom: 0px;
		min-height: 45px;
	}
/** NAVBAR **/
	.navbar-brand>img {
		margin-top: -45px;
	}
	@media (max-width: 767px){
		.navbar-default .navbar-brand {width: 80%;}
		.navbar {min-height: 115px;}
		.navbar-brand { height: 115px;}
		.navbar-brand>img {height: 80px; margin-top: 0px;}
		.navbar-toggle {top: 25px;}
	 }
	.navbar{
		min-height: 80px;
	}
	div#navbar {
		margin-top: 10px;
	}
	.navbar-default {
		background-color: #fff;
		border-color: #fff;
		margin-bottom: 0px;
	}
	.navbar-collapse {
		padding-right: 0px;
	}
	.inside {
		box-shadow: 0px 8px 10px #ccc;
	}
/** NAVIGATION A LINKS  **/
	.navbar-default .navbar-nav>li>a {
		font-size: 20px;
		font-weight: 500;
		color: #606264;
	}
/** NAVIGATION HOVER & FOCUS **/
	@media (min-width:768px){
			.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
				color: #d9381c;	
			}
			.stroke > ul > li > a {
			  position: relative;
			}
			.stroke > ul > li > a:after{
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  right: 0;
			  margin: auto;
			  width: 0%;
			  content: '.';
			  color: transparent;
			  background: #d9381c;
			  height: 2px;
			}
			.stroke > ul > li > a:hover:after {
			  width: 100%;
			}
			nav ul li a,
			nav ul li a:after,
			nav ul li a:before {
			  transition: all .5s;
			}
	}
/** DROPDOWN MENU **/
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		color: #fff;
		background-color: #F05023;
	}
	.navbar-right .dropdown-menu {
		left: 0;
	}
	.dropdown-menu>li>a {
		padding: 10px 20px;	
	}
/** Slide in Menu Mobile **/ 
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #fff;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
		box-shadow: 0px 0px 50px #333;
	}

	.sidenav a {
		padding: 10px 10px 10px 20px;
		text-decoration: none;
		font-size: 18px;
		color: #636363;
		display: block;
		transition: 0.3s;
	}
	a.sidelink:hover {
		border-left: 3px solid #EF3A1B;
		background-color: #F9D8D2;
	}

	.sidenav .closebtn {
		position: absolute;
		top: 0;
		left: 0px;
		font-size: 36px;
	}
	a.closebtn:hover {
		color: #EF3A1B;
	}
	.sidenav .btn-default {
	font-size: 16px;
	color: #d73619;
	border-color: #EF3A1B;
	margin: 20px;
	}
	.sidenav .btn-default:hover {
		background-color: #EF3A1B;
		color: #fff;
	}
	.socialmedia-side {text-align: center;}
	.socialmedia-side a {
		display: inline;
		padding: 15px;
	}
	.socialmedia-side .fa-lg:hover {
		color: #EF3A1B;
		transition: all .5s;
	}
/**BANNER**/
 .jumbotron {
     background-image: url(/media/aoxlmxqp/homebanner.jpg);
     height: 445px;
     background-position: center center;
     background-size: cover;
 }
 
 .jumbotron h1, .jumbotron .h1 {
     background-color: rgb(239,58,27,0.9);
     color: #fff;
     padding: 15px;
     width: 75%;
     margin: 123px auto;
 }

/** LARGE BUTTONS **/
	.bg {
		padding-top: 30px;
		padding-bottom: 40px;
	}
.homebutton a { 
    font-family: 'telefonregular';
    font-size: 27px;
    color: #333;
    text-transform: uppercase;
    cursor: pointer;
}
.homebutton img {
    padding-bottom: 15px;
    width: 55%;
}
.homebutton {
    margin-bottom: 40px;
}

header.inside-header {background-color: #ef3a1b; color: #fff; text-transform: uppercase; padding: 10px;}
.inside-header h1 {font-size: 44px;}

main { min-height: 400px;}


/**MAILING SIGNUP SECTION **/
	.mailingbg {
		background-color: #00aed9; 
		color: #fff; 
		padding-top: 75px; 
		padding-bottom: 75px; 
		background-image: url(../media/8846/superiorst.jpg);
	}
	.mailingbg h1 {
	color: #fff;
	}
.signupbutton {text-align: center;}
	a.btn.signup {
		border: 1px solid #fff;
		color: #fff;
		font-size: 20px;
	}
	a.btn.signup:hover {
		background-color: #fff;
		color: #F05023;
	}
/** LATEST NEWS SECTION **/
	section.pressreleases {
		background-color: #fafafa;
		padding-bottom: 60px;
		margin-top: 70px;
	}
	.newsheading {
		color: #606264;
	}
	.latestnews table {
		border: 1px solid #EAE7E7;
	}
	.latestnews td {
		padding: 8px;
		color: #000;
	}
	@media (max-width: 767px) {
		.latestnews td {padding: 4px;}
	}
	.latestnews tr:nth-child(even) {
		background-color: #fafafa !important;	
	}
	.latestnews tr:nth-child(odd) {
		background-color: #ffffff !important;
	}
	.latestnews tr:last-child {
		background-color: #fafafa !important;
		border: 0px solid transparent;
	}
	.latestnews a {
		color: #d83518 !Important;
	}

/** PROJECT DESIGN PAGE STYLINGS **/
	.design-btns {margin-top: 15px;}
	.design-btns a {
		background-color: #B2C375;
		color: #333;
		border: 1px solid #7B8D3D;
	}
	.design-btns a:hover {
		background-color: #777;
		border-color: #7B8D3D;
	}
/*General Bootstrap Overrides */
a.thumbnail:hover {
	box-shadow: 0px 0px 10px #aaa;
	border-color: #00AED9;
}
.sidebar {
margin-top: 40px;
}
/** ACCORDION **/
	.panel-title {
		font-size: 19px;
		font-weight: normal;
		font-family: 'Raleway';
	}
	.panel-heading {
		padding: 20px 15px;
	}
	.panel-title > a:before {
		float: right !important;
		font-family: FontAwesome;
		content:"\f068";
		padding-right: 5px;
	}
	.panel-title > a.collapsed:before {
		float: right !important;
		content:"\f067";
	}
	.panel-body {
		padding: 30px;
	}
.panel.panel-default {margin-bottom: 5px; box-shadow: none;}
/** FOOTER **/
	.partners {padding-top: 30px;}
	.footerLogo table td {
		padding: 5px;
	}

	footer {
		background-color: #343741;
		padding: 20px 0px 50px 0px;
		color: #fff;
		margin-top: 75px;
	}
	footer h3 {
		color: #fff;
	}
	hr.footerhr {
		width: 40%;
		border: 1px solid #00aed9;
		margin-top: 0px;
	}
	footer a, footer a:visited, footer a:link {
		color: #ccc;
		text-decoration: none;
	}
	footer a:hover {
		color: fff !important;
		text-decoration: underline;
	}
	.footerLogo {
		margin-top: 40px;
	}
	footer i.fa.fa-facebook, footer i.fa.fa-twitter, footer i.fa.fa-instagram, footer i.fa.fa-envelope-o {
	border-radius: 100%;
		font-size: 31px;
		height: 70px;
		line-height: 67px;
		margin: 5px;
		text-align: Center;
		width: 70px;
		border: 2px solid #333;
		color: #333;
		transition: transform 1s ease;
	}
	footer i.fa.fa-facebook:hover, footer i.fa.fa-twitter:hover, footer i.fa.fa-instagram:hover, footer i.fa.fa-envelope-o:hover {
		color: #fff;
		border: 2px dashed #fff;
		transform: scale(1.2);
	}

	@media (max-width:767px){
		footer i.fa.fa-facebook, footer i.fa.fa-twitter, footer i.fa.fa-instagram, footer i.fa.fa-envelope-o {font-size: 27px; height: 60px; line-height: 58px; width: 60px;}
	}
	.back-to-top {
    	cursor: pointer;
    	position: fixed;
    	bottom: 20px;
   		right: 20px;
    	display:none;
	}
	a#back-to-top {color: #00AED9; background-color: transparent; border-radius: 100%; border: 1px solid #00AED9; opacity: 0.8;}

@media (min-width: 769px) {
	.dsp {
		display: none !important;
	}
}

.umb-block-grid__area {padding-right: 20px;}
.umb-block-grid__area:last-child {padding: 0px;}

.umbraco-forms-hidden {display: none;}
.form-horizontal .control-label { width: 100%; text-align: left;}
span.field-validation-error { color: #da3316;}
.umbraco-forms-navigation.row-fluid .col-sm-offset-2 { margin-left: 0px;}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/**  Pulling in Library Custom Fonts **/
	@font-face {
		font-family: 'telefon_blackregular';
		src: url('../images/fonts/telefon-black-webfont.woff2') format('woff2'),
			 url('../images/fonts/telefon-black-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'telefon_boldregular';
		src: url('../images/fonts/telefon-bold-webfont.woff2') format('woff2'),
			 url('../images/fonts/telefon-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'telefonregular';
		src: url('../images/fonts/telefon-normal-webfont.woff2') format('woff2'),
			 url('../images/fonts/telefon-normal-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

/**umb_name:Heading 2*/
h2 {
}

/**umb_name:Heading 3*/
h3 {
}

/**umb_name:Heading 4*/
h4 {
}

/**umb_name:Red Button*/
.btn btn-primary {
	background-color: #d53215;
	border-color: none;
	color :#fff;
}