/*
	Theme Name: Burnt Phoenix
	Theme URI: https://www.burntphoenix.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.0
	Author: Josh Nicholson
 	Author URI: https://www.burntphoenix.com
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: https://opensource.org/licenses/mit-license.php
*/


/* body and html*/

.comments { display:none !important; }

html {}
body { font-family: 'Open Sans', sans-serif; padding:0; margin:0;}
img { width:100%; height:auto;}

.blogPage article {margin-top:50px;}




#VidWrap {width:70%; margin-bottom:30px;}
.videoWrapper {
	position: relative;
	padding-bottom: 53.1%;
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
    left:43%;
	width: 100%;
	height: 100%;
}





#BlogVidWrap {width:100%; margin-bottom:30px;}
.BlogVideoWrapper {
	position: relative;
	padding-bottom: 53.1%;
	padding-top: 25px;
	height: 0;
}

.BlogVideoWrapper iframe {
	position: absolute;
	top: 0;
    left:0;
	width: 100%;
	height: 100%;
}

/*------------------------------------*\
/*------------------------------------*\
/*------------------------------------*\
				COLOURS
/*------------------------------------*\
/*------------------------------------*\
/*------------------------------------*/

.RedBG {background-color:#ef4036;}
.DarkGreyBG { background-color:#414042;}
.WhiteBG {background-color:#FFF;}
.LightGreyBG {background-color:#c7c8ca;}


.Red {color:#ef4036;}
.Grey {color:#414042;}
.White {color:#FFF;}


.BP img {
	width:60% !important;
	height:auto;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------///

				FONT STYLES

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p { color:#909090; line-height:1.8; }
.ServiceBoxText p {font-size: 14px; line-height: 1.7}


h1 { font-size: 80px; font-weight: 400; color: #414042; margin: 50px 0;}

h2 { text-transform: uppercase; font-size: 18px; color: #414042; line-height: 1.6; margin-bottom:50px; margin-top: 0;}

h3 { text-transform: uppercase; font-weight: 400; font-size: 22px; color: #414042; line-height: 1; color: #FFF; margin:0px;  }

h4 { background-color:#ef4036; height:35px; font-size: 24px; color:white; font-weight:400; margin-bottom:0;}

h5 {}

li {}

mark { background-color:#fff !important;
	font-size:35px !important;
    text-shadow: none !important;
	font-weight:400 !important;
	padding:5px;
	line-height:2;
}

.blogLink {
	text-decoration: none;
	color:#414042;
}
.blogLink:visited {
	text-decoration: none;
	color:#414042;
}
.blogLink:hover {
	text-decoration: underline;
	color:#ef4036;
}
.blogPage h2 {font-size: 24px; margin-bottom: 5px;}
.blogPage h2 a {color:#ef4036;}
.blogPage h2 a:visited {color:#ef4036;}

.blogPost img {max-width:400px !important; margin-right: 20px;}
.blogPost {margin-top: 50px;}
.blogPost p {color: #414042; }
.blogPost hr {margin-top: 40px;}
.BlogFirstOnPage h1 {margin-bottom: 0px;}
.blogIcon {font-size: 18px;}

.comment img {display:none;}


blockquote {
    position: relative;
    z-index: 49;
    margin: 500px 0% 0% 35%;
    width: 65%;
    font-size: 55px;
    color: #fff !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
    font-weight: 400;
}

blockquote p {
	color:#fff;
	font-weight:600;
	line-height:1.5;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* MENU STYLES */
/* !!!START!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

nav { width: 530px; right: 0; position: absolute; top: 5px; z-index:99;}

.light {display: none !important;}

.dark .noRoll {background-color: #414042 !important;}
.contentNav {top:5px;}
.contentNav .dark { display: none;}
.contentNav .light {display: inline-block!important; }

.contentNav .RightDivider {border-right:solid 1px #414042;}
.light {background-color: white;}
.light .noRoll {background-color: white !important;}


ul.topnav { list-style-type: none; margin: 0; overflow: hidden; background-color:#414042; padding: 9.5px 0px;}
.contentNav ul.topnav {background-color: white;}


ul.topnav img { width:45px; height:auto;}
ul.topnav li {float: left;}

ul.topnav li a { display: inline-block; color: #f2f2f2; text-align: center; padding: 0px 16px; text-decoration: none; transition: 0.3s; font-size: 15px; font-weight:600;}
.contentNav ul.topnav li a { color: #414042; text-decoration: none; transition: 0.3s; font-size: 15px; font-weight:600;}


ul.topnav li a:hover {background-color: #FFF; color:#414042;}
.contentNav ul.topnav li a:hover {background-color: #414042; color:#FFF;}

.contentNav .noRoll:hover {background-color: #FFF !important; }

.noRoll:hover {background-color: #414042 !important; }



ul.topnav li.icon {display: none;}
.NavLineOne {font-size:20px;}
.NavItemSmaller {display:none;}
.RedNavUL{ width: 494.5px; list-style: none; padding: 15px 0px 15px 35px; right: 0; top: 54px; position: absolute;}
.RedNavUL li {width:33%; text-align:center !important;}

.blogNavLink {width:20% !important;}
.blogNavLink a { margin-right: 0px !important;}
.RedNav{ font-size:14px;}
.RedNav a {text-decoration:none !important; color:white; margin-right:20px;}
.RightDivider {border-right:solid 1px white;}

.responsive .Light {display: none !important;}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


				BIG TRIANGLE STYLES

				!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

header { position:fixed; top:0; left:0; width:100%; z-index:99;}
.headerContent { position:fixed; top:0; left:0; width:100%; z-index:0;}
.triangleCont { width:50%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.triangleSmaller { width:20%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;  -o-transition: all 0.5s; transition: all 0.5s;}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
						/* START GENERAL CSS */
						/* START GENERAL CSS */
						/* START GENERAL CSS */
						/* START GENERAL CSS */
						/* START GENERAL CSS */
						/* START GENERAL CSS */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.HomeHeroImage {
	width:100%;
	height:830px;
	background-image:url(https://nickell.com.au/wp-content/uploads/2023/10/Header.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
	background-color: #414042;
	padding:0;
	position:absolute;
	top:0;
	right: 0;
	z-index:0;
}

.ContHeroImage {
		width:100%;
	height:160px;
	background-color: #414042;
}


.WhoLogos img { width:25%;
height:auto;
min-width:150px;
max-width:225px;
float:left;
}

.WhoLogos { margin-bottom:50px;}



/*------------------------------------*\



			!!STRUCTURE!!



\*------------------------------------*/

.BodyContainer { width:100%; height:auto; clear:both; position:relative; margin-top:830px;}
.ContentContainer { width:100%; height:auto; clear:both; position:relative; margin-top:0px;}
.Five {width: 5%;}
.Fifteen {width:15%;}
.TwentyFive {width:25%;}
.Thirty {width: 30%;}
.Fourty {width:40%;}
.Fifty {width:50%;}
.Sixty {width:60%;}
.Seventy {width:70%;}


.ContBig {display:block;}
.ContSmall {display:none;}



.Contact .Fifty img {width:90%; height:auto;}
.contTri {width:40% !important; height:auto !important;}



.LeftCol {width:20%;}
.LeftCol:after {content:"."; color:rgba(0, 0, 0, 0);}

.ContentContainer .midBodCol { width: 50%; padding-left: 10%; padding-bottom:100px;}
.ContentContainer  img {width:100%; height:auto; margin-bottom:0;}
.ContentContainer .TextTight {
    background-image: url("https://nickell.com.au/wp-content/uploads/2016/12/Grey_Triangle_odd.png");
    background-repeat: no-repeat;
    background-size: 18%;
}
.midBodCol {width:60%;}
.RightCol {width: 20%;}
.RightCol:after {content:"."; color:rgba(0, 0, 0, 0);}

.DGTriangle {background-image:url(https://nickell.com.au/wp-content/uploads/2016/12/Grey_Triangle.png); background-repeat:no-repeat; background-position:top right; background-size:contain; height:200px;}

.DGTriangleODD {background-image:url(https://nickell.com.au/wp-content/uploads/2016/12/Grey_Triangle_odd.png); background-repeat:no-repeat; background-position:top right; background-size:contain; height:300px;}

.FirstOnPage {margin-top:100px;}
.BlogFirstOnPage {margin-top: 150px;}
.XtraSpace {margin-top:50px;}

.floatLeft {float:left;}

#clear {clear:both;}
#clear:after {content:"."; color:rgba(0, 0, 0, 0);}

.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}


.TextTight {padding-left:40%}


hr {}

.SectionSpacing { margin-top:100px; }

.serviceBoxContainer { width: 30%; height:auto; margin-top:50px;}
.imageCont {width: 100%; height: 160px; overflow: hidden;}
.serviceBoxContainer img { width: 100%; height: auto;}

.serviceBoxBorder {width: 100%; height: 15px;}
.FillHeight {height: inherit;}

.midCol {width: 5%; float:left; content:""; height:1px;}
.ServiceBoxText {padding:5% 8%; height:200px; }

.ContRead { position:relative; bottom:-20px;  width: 92%; color:white; padding-left:8%; padding-top: 7px; height:39px; background-image: url(https://nickell.com.au/wp-content/uploads/2016/12/ContReadingBG.png); background-repeat: no-repeat;}
.ContRead a {text-decoration: none; color: white;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;  -o-transition: all 0.5s; transition: all 0.5s;}
.ContRead a:hover {color:#000;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;  -o-transition: all 0.5s; transition: all 0.5s;}


.homesecttwo img { width: 95%; height: auto; }



.howWeDo {width:100%; height:auto; padding: 50px 0;}
.howWeDo h1, .howWeDo p {color: white;}

.Recent {width:100%; height:auto; padding: 50px 0; margin-top:0;}
.Recent h1 {color:white; text-align:center;}
.Recent .midBodCol {margin:0 auto;}
.Recent ul {list-style:none; padding-left:20%; padding-right:20%;}
.Recent li { color:white; margin-bottom:15px; font-size:20px; list-style:none;}
.Recent .title, .Recent a  {
    margin: 20px auto 0px auto;
    line-height: 1.8;
    /* border-bottom: white 2px solid; */
    color: white;
    display: block;
    font-size: 30px;
}

.view {color:#ef4036 !important; text-align:center; font-size:15px;}

.Recent .excerpt-dash {display:none;}

.Recent .view-article { display: none;}


.columns {
    -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
	padding:10px;
}


.NoBreak {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.NoBreak {
	display: table;
}
}

.extraBotSpace {
	padding-bottom:100px;
}



.arrow h3 {
	width: 75%;
	margin:20px auto;
	line-height:1.8;
	border-bottom:white 2px solid;
}

.howWeDo .columns p {
	width: 75%;
	margin:20px auto;
	font-size:15px;
}



.whoWeAre {
	background-image:url(https://nickell.com.au/wp-content/uploads/2016/12/whoWeAreBG1.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	padding-bottom:50px;
}

.whoWeAre .Fifty {margin-left:5%; width:45%;}
.whoWeAre .Fifty img { width: 45%; float: left; margin-right:5%;}
.whoWeAre .Fifty p { font-size: 14px; color: #414042; font-weight:400;}
.whoWeAre .Fifty h4 {width:47%; float: left; padding:1% 0% 1% 3%; margin:0 0 20px 0;}
/* footer */

.whoWeAre .Five:after, .whoWeAre .Fifteen:after, .whoWeAre .TwentyFive:after, .whoWeAre .Thirty:after, .whoWeAre .Fourty:after, .whoWeAre .Fifty:after, .whoWeAre .Sixty:after, .whoWeAre .Seventy:after {content:"."; color:rgba(0, 0, 0, 0);}

.mission {
	background-color:#FFF;
	padding:40px 30%;
	height:auto;
}

.mission h1 {
	font-style:italic;
	font-size:25px;
	color:#ef4036;
	font-weight:400;
	line-height: 1.6;
}




footer {
	clear: both;
width: 100%;
	height:auto;
	padding: 50px 0;
	color: white;
	background-color: #414042;
	border-bottom: solid 10px white;
	text-align:center;
}

.FooterLogo { width:180px; height:auto; margin:0 auto; display: block;}

.mainNav {margin-top: 30px;}
footer .mainNav a {color: white; text-transform: uppercase; font-size: 15px; text-decoration: none;}
footer .mainNav a:visited {color: white;}
footer .mainNav a:hover {color: #ef4036; text-decoration: underline;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s;  -o-transition: all 0.2s; transition: all 0.2s;}

.SecondaryNav {margin-top: 8px;}
footer .SecondaryNav a {color: white; text-transform: uppercase; font-size: 12px; text-decoration: none;}
footer .SecondaryNav a:visited {color: white;}
footer .SecondaryNav a:hover {color: #ef4036; text-decoration: underline;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s;  -o-transition: all 0.2s; transition: all 0.2s;}

.subNav { color: #ef4036; font-weight: 600; font-size: 15px; margin-top: 15px; margin-bottom: 20px;}
.subNav a {text-decoration: none; color: #ef4036; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s;  -o-transition: all 0.2s; transition: all 0.2s;}
.subNav a:hover {color: #FFF; text-decoration: underline;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s;  -o-transition: all 0.2s; transition: all 0.2s;}
.subNav a:visited {color: #ef4036;}

.miniNav {text-transform: uppercase; font-size: 10px; margin-top: 5px}
.miniNav a {color: white; text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s;  -o-transition: all 0.2s; transition: all 0.2s;}
.miniNav a:hover {color: #ef4036; text-decoration: underline;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s;  -o-transition: all 0.2s; transition: all 0.2s;}

.orange {color: #fd7802 !important;}


.BackToTop {
    width: 80px;
    height: auto;
    position: fixed;
    bottom: 5px;
    right: 5px;
    clear: both;
}


/*------------------------------------*\



			!!LINKS!!



\*------------------------------------*/


.zIndex {
	position:relative;
	z-index:999;
}



a {

}



a:hover {

}



a:focus {

}


input[type="button"], input[type="submit"] {
	border-radius:none !important;
	border:none !important;
	background-color:#ef4036;
	color:#FFF;
	padding:8px;
	width:200px;
	}

input[type="button"]:hover, input[type="submit"]:hover {
	background-color:#c7c8ca;
	color:#000;
	}


input, textarea {
	border-radius:none !important;
	border:none !important;
	background-color:#414042;
	color:#FFF;
	padding:8px;
	width:100%;
}




/*------------------------------------*\



    RESPONSIVE



\*------------------------------------*/

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

}



@media only screen and (max-width:1900px) {
.HomeHeroImage {
	background-size:cover;
}
}



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

	.LeftCol, .RightCol {width: 15%;}
	.midBodCol {width: 70%;}
	.ContentContainer .midBodCol {
    width: 70%;
    padding-left: 0;
}

	.serviceBoxContainer {width: 32%;}
	.midCol {width: 1.5%;}

	.ServiceBoxText p {font-size: 13px;}
	.headerContent {z-index: 99;}
}

@media only screen and (max-width:1300px) {
.ServiceBoxText {
    padding: 4% 5%;
    height: 250px;
}

.ContRead {
    width: 80%;
    padding-left: 8%;
    padding-top: 4px;
	background-size: contain;
}

	.mission {padding-left:20%; padding-right: 20%;}

	.howWeDo .columns p { font-size: 12px; line-height: 1.5;}

	blockquote { margin-left:auto; margin-right:5%;  margin-top: 450px; margin-bottom:0; width:70%; font-size: 45px; text-align: right;}
	.whoWeAre h4 {font-size: 18px; height: 30px;}
}


@media only screen and (max-width:1024px) {
	.BackToTop {
    width: 50px;
    height: auto;
}

	.serviceBoxContainer {width: 47.5%;}
	.midCol, .SPECmidCol {   float: left; content: ""; height: 1px; width:5%;}
	.goAway {width: 0% !important;}
  .ServiceBoxText {
    padding: 4% 5%;
    height: 190px;
}

.TextTight {padding-left:20%}
.smallClear:after { display:block; clear:both; content:"."; color:rgba(255, 255, 255, 0)}
.SecondaryNav {line-height: .7; margin-top:30px;}
	.mainNav {line-height: .8;}
	.subNav {margin-top: 20px}


	blockquote { margin-left:auto; margin-right:5%; margin-top:380px; margin-bottom:0; width:70%; font-size: 45px; text-align: right;}

		.HomeHeroImage {
	width:100%;
	height:650px;
	background-size:cover;
		background-position-x: 50%;
}

.BodyContainer {
    margin-top: 650px;
	}



.columns {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	padding:20px;
	column-gap: 0px;
}


.NoBreak {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	display: inline-block;
}

.arrow {
	border-top: solid 2px white;
    background-image: none;
    text-align: left;
	  margin-left:0;
	padding-top: 10px;
	margin-top: 30px;
}
.arrow h3 {
	width: 100%;
	right: 0;
    height: 25px;
    padding-top: 5px;
	border-bottom:none;
}






	.howWeDo .columns p { width: 85%;}

	.homesecttwo .Sixty {width: 30%;}
	.homesecttwo .Sixty .Fifty {float: none !important; width: 90%; margin-bottom: 20px}
	.homesecttwo .Sixty .Fifty img {width: 100%; height: auto;}
	.homesecttwo .Fourty {width: 70%}


}



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


mark {
	font-size:20px !important;
    text-shadow: none !important;
	font-weight:400 !important;
	padding:5px;
	line-height:2;
}

blockquote {
    margin-left: auto;
    margin-right: 5%;
    margin-top: 400px;
    width: 80%;
    font-size: 34px;
    text-align: right;
}

}

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

		.LeftCol, .RightCol {width: 7.5%;}
	.midBodCol {width: 84%;}
	.ContentContainer .midBodCol {width: 85%;}

.triangleCont {width:500px; height:750px; }
.triangleSmaller { width:500px; height:750px;}
	.contentTriangle {width:300px; height:300px;}

	.ContHeroImage {top: 0; position: absolute;}

header { position:relative;}
.headerContent {position: relative; z-index: 99;}
.BodyContainer { /*margin-top:-60px;*/ position: relative;}

	nav {  margin-top: 570px;}
	.contentNav {margin-top: 90px; position: absolute; width: 70%;}

	.ContentContainer {margin-top: -85px; position:relative;}


	.HomeHeroImage {
	width:100%;
	height:650px;
	background-size:cover;
		background-position-x: 75%;
}



	.whoWeAre .TwentyFive {width: 5%;}
	.whoWeAre .Seventy {width: 90%;}

.ContBig {display:none;}
.ContSmall {display:block;}
.Contact .Fifty {width:100%;}
.Contact .Fifty img {width:100%; height:auto;}


}



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

    #VidWrap {width:90%; margin-bottom:30px;}
.videoWrapper iframe { left: 11%;}
	.contentTriangle {width:200px !important; height:200px !important; }

	.ContHeroImage {display: none;}

	.contentNav {margin-top: 80px; position: absolute; width: 80%;}

	.ContentContainer {margin-top: -70px; position:relative;}

	.topnav {color: white !important;}
	.responsive {background-color: #414042 !important;}
	.responsive li a {color: white !important;}

	.responsive li a:hover {background-color: white !important; color:#414042 !important;}
	.responsive {color: white!important;}
	.contentNav ul.topnav {background-color: #414042;}
	.contentNav ul.topnav li a {color: #FFF;}
	.contentNav ul.topnav.responsive li a {display:block; text-align: left; height:40px; padding-top:5px;}
  .contentNav .RightDivider {border-right: none;}

ul.topnav li:not(:first-child) {display: none;}
ul.topnav li.icon {float: right;display: inline-block;}
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li.icon { position: absolute; right: 0;top: 0;padding:0px;}
ul.topnav.responsive li {float: none; display: inline;}
ul.topnav.responsive li a {display: block; text-align: left; height:40px; padding-top:5px;}
.NavItemSmaller {display:block;}
.NavItemLarge {display:none;}

.imageCont {
    height: 130px;
}



.RightDivider {border-right: none;}
.RedNav { background-color:#ef4036;}
.clearTrans:hover { background-color:#ef4036 !important;}
.sizeNineteen { font-size:19.5px !important;}
.bottomBorder {border-bottom:solid 6px #414042;}

header { position:relative;}
.BodyContainer {
    margin-top: 315px;
}

.triangleCont {width:400px; height:600px; }
.triangleSmaller { width:400px; height:600px;}

	.contentTriangle	{width: 200px; height: 200px;}

	.HomeHeroImage {
	width:100%;
	    font-size: 30px;
	height:520px;
	background-size:cover;
		background-position-x: 60%;
}

nav { width: 100%; right: 0; position: relative; top: 0px; z-index: 99; margin-top: -85px;}
blockquote {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 330px;
    width: 90%;
    font-size: 25px;
}

.block {display:block;}
.disappear {display:none;}

	.footer {height:500px}
	.FooterLogo { border-bottom: 1px solid;}
 	.mainNav {width: 45%; float: left; text-align: right !important; margin-right: 2%; margin-top: 20px; line-height:1.4}
 	.SecondaryNav {width: 45%; float: left; text-align: left !important; line-height:1.5; margin-left:2%;  margin-top: 20px;}
	.subNav {clear: both; padding-top: 20px;}

	.whoWeAre .Fifty { width: 90%; margin-left:0;}
	.BackToTop {
    width: 50px;
    height: auto;
}
.ServiceBoxText p {
    font-size: 12px;
}
}


@media only screen and (max-width:520px) {
.ServiceBoxText p {
    font-size: 12px;
    line-height: 1.3;
}

}

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

blockquote {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 335px;
    width: 90%;
    font-size: 23px;
    text-align: right;
}
mark {
	font-size:15px;
}

		.HomeHeroImage {
	width:100%;
	height:520px;
	background-size:cover;
			background-position-x: 70%;
			background-position-y: 100%;
}


	.mission h1 {font-size: 18px;}
	.mission {padding: 20px 10%; }

	.imgdis {display: none;}
	.homesecttwo .Sixty {width: 60%; margin-left: 50%;}
	.homesecttwo .Fourty {width: 100%;}


	h1 {font-size: 50px;}
	.imageCont {height: 90px;}
	.serviceBoxContainer {height:360px;}
	.serviceBoxContainer h3 {font-size: 15px;}
	.serviceBoxContainer .ServiceBoxText p {font-size: 12px; line-height: 1.4;}
	.ContRead {margin-top: 20px; height: 30px; font-size: 13px; padding-top: 2px}


	.footer {height:430px}

.ContentContainer .TextTight {
    background-image:none;
	width:90%;
	padding-left:0%;
}

textarea {
	max-width: 265px !important;
}

}



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

.triangleCont {width:250px; height:410px; }
.triangleSmaller { width:250px; height:420px;}

	blockquote {  margin-top:220px; font-size: 20px; text-align: right;}

		.serviceBoxContainer {height:395px; width:100%}
	.serviceBoxContainer h3 {font-size: 22px;}
	.serviceBoxContainer .ServiceBoxText p {font-size: 12px; line-height: 1.8;}
	.ContRead {margin-top: 5px; height: 30px; font-size: 13px; padding-top: 10px}

	.imageCont {
    height: 120px;
}




	.SectionSpacing {
    margin-top: 100px;
}


.columns {
    padding: 20px;
	}

.HomeHeroImage {
    width: 100%;
    height: 340px;
    background-size: 210%;
    background-position-x: 70%;
    background-position-y: 100%;
}

}