html { 
  -webkit-text-size-adjust: none;
  scroll-behavior: smooth;
  position: relative;
  overflow-x:hidden;
}
#logomain, #tophome #logomain{
	display:inline-block;
	width:200px;
	height:32px;
	margin-top:10px;
}
#tophome #logomain{
	background: url(/_img/logo-web-white-only.png) no-repeat;
}
#logomain{
	background: url(/_img/logo-web-black-only.png) no-repeat;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-size: 100%;
	color: #000;
	background: #FFF;
	/*overflow:hidden;
	overflow-y: scroll;*/
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
 .hero_container{
	height:100vh;
}
.herocontainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.center{
	text-align:center;
}
.ul-5 li{
	margin-bottom:5px;
}
.ul-10 li{
	margin-bottom:10px;
}
.ul-15 li{
	margin-bottom:15px;
}
.ul-20 li{
	margin-bottom:20px;
}
.margin_top_0{
	margin-top:0 !important;
}
.margin_top_10{
	margin-top:10px !important;
	clear:both;
}
.margin_top_15{
	margin-top:15px !important;
	clear:both;
}
.margin_top_20{
	margin-top:20px !important;
	clear:both;
}
.margin_top_30{
	margin-top:30px !important;
	clear:both;
	overflow: hidden;
}
.margin_top_50{
	margin-top:50px !important;
	clear:both;
	overflow: hidden;
}
.margin_bottom_10{
	margin-bottom:10px !important;
	clear:both;
}

.text_right{
	text-align:right;
}
.bigtext {
    font-size: 1.2em;
}
.max100 {
    max-width: 100px;
}
.max200 {
    max-width: 200px;
}
.max900 {
    max-width: 60em;
}
.max1100 {
    max-width: 65em;
}
.max1200 {
    max-width: 70em;
}
.minh400{
	min-height: 400px !important;
}
.ucase{
	text-transform: uppercase;
}
.hero{
	position:relative;
}
.hidden{
	display:none;
}
.hide{
	display: none !important;
}
.panels{
	padding:60px 0;
	background-color:#FFF;
	overflow:hidden;
	position:relative;
	min-height: 300px;
}
.panels.short{
	min-height:50px;
}
.panels.tall{
	padding:65px 0;
}
.panels:nth-of-type(even){
	background-color:#f7f7f7;
}
.panels.white{
    background:#FFF !important;
}
.panels.m_grey{
    background:#e2e2e2 !important;
}
.btt {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 300;
    padding: 5px 0 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.40;
    -khtml-opacity: 0.40;
    color: #FFF;
	width: 35px;
	height:35px;
	text-align:center;
	border-radius: 17.5px;
	box-sizing:border-box;
}
.cols.right {
	float: right;
	padding: 0;
	box-sizing:border-box;
	width: 53%;
	position:relative;
}
.cols{
	box-sizing:border-box;
}
.cols.left {
	float: left;
	padding: 0 20px 0 0;
	width:45%;
}
.navpage .cols.left{
	width:72%;
}
.navpage .cols.right{
	width:26%;
	border-left:1px solid #CCC;
}
.project .cols.left{
	width:calc(100% - 550px);
}
.project .cols.right{
	width:100%;
	max-width:550px;
}
h1 + div{
	clear:both;
	margin-top:30px;
	overflow:hidden;
}
.cols.left p{
	line-height:1.5em;
}
a {
	outline: none !important;
}
a:link, a:visited{
	color:#22487b;
}
a:link:hover, a:visited:hover, a:focus{
	color:#F00;
	text-decoration:underline;
}
.nowrap {
	white-space: nowrap;
}
.panel-left, .panel-right{
	min-height:500px;
}
h1 {
	font-size: 2em;
	font-weight: 700;
	color: #000;
	margin:0;
}
h1 span{
	font-weight:300;
}
h1 + .intro{
	margin:.5rem 0 0;
}
.intro{
	margin-top:10px;
	padding-top:0;
	font-size:1.35em;
	font-weight:400;
	color:#333;
	line-height: 1.5em;
}
.cols h1:first-of-type, .cols h2:first-of-type{
	margin-top: 0;
	padding-top: 0;
}
.cols h1:first-of-type/*, .main-content h1*/{
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
p{
	margin:1.5em 0;
	line-height:1.5em;
}

/*scroll to top*/
#topcontrol a:link, #topcontrol a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: 400;
}
/*end scroll to top*/

.subheader {
	font-size: .85em;
	font-weight: 400;
	color: #555;
	line-height:.5em;
}
h2 {
	font-size: 1.95em;
	padding-bottom: 0;
}
h3 {
	font-size: 1.45em;
	line-height: 1.45em;
    font-weight: 400;
    color: #000;
}
h4 {
	font-size: 1.25em;
	font-weight:400;
}
.hshort {
	margin-bottom: -10px;
	padding-bottom: 0;
}
.fsmaller {
	font-size: .75em !important;
	font-weight: 300;
}
.sshadow {
	-webkit-text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.58);
	-moz-text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.58);
	text-shadow: 1px 2px 5px -3px rgba(0, 0, 0, 0.58);
}
.row {
	display: flex; /* equal height of the children */
}
#mmenu {
	float: right;
	margin: 16px 0 0 20px;
	width: 30px;
}
#mmenu a:link, #mmenu a:visited {
	color: #575757;
	border: 0;
	text-decoration: none;
}
.redbull, .blackbull{
	margin-left: 0px;
    padding-left: 30px;
}
.redbull li, .blackbull li{
	list-style:none;
	position: relative;
}
.redbull li::before, .blackbull li::before{
	content: "•";
    color: #CA0000;
    font-size: 39px;
    position: absolute;
    left: -20px;
    display: inline-block;
    height: 10px;
    width: 10px;
    top: -13px;
}
.blackbull li::before{
	color:#000;
}
#mmenu a:link:hover, #mmenu a:visited:hover, #mmenu a:focus {
	color: #295894;
}
.bradius {
	border-radius: 2px;
}
#top-content,  
#upper-content,
#search-content,
.main-content, 
#contact-content, 
#alert-content,
#cr-content, 
#page-banner, 
#crumbs,
.main-container,
.responsive{
	width: 1620px;
	margin: auto;
	padding: 0;
	position: relative;
	box-sizing:border-box;
	clear:both;
}
.main-container{
	position:absolute !important; 
	z-index:10;
	left: 50%;
	margin-left: -810px;
	bottom:118px;
}
#top-container {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	/*box-shadow:1px 2px 5px -3px rgba(0, 0, 0, 0.25);*/
	z-index:20;
}
#top {
	/*border-bottom: 1px solid #FFF;
	border-bottom: 1px solid rgba(255,255,255, .15);*/
	padding: 0;
}
#top-container, #top{
	height:55px;
	top: -15px;
	padding-top: 15px;
	z-index:1000;
}
/*LOGO*/
.logo-main{
	float:left;
	position: relative;
	top: 9px;
	height: 72px;
	width:300px;
	padding-bottom: 30px;
	box-sizing:border-box;
}
.slogan {
    position: absolute;
    bottom: 4px;
    left: 20px;
    font-size: 13.5px;
	color: #FFF;
    color: rgb(255 255 255 / 66%);
    letter-spacing: 1.5px;
}
.logo-main img{
	height:70px;
}
#search-container{
	overflow:hidden;
	background-color: #000;
}
.picinfo {
    position: absolute;
    width: 350px;
    height: calc(100vh - 90px);
    overflow: hidden;
    overflow-y: hidden;
    padding: 15px 15px 80px;
    bottom: 0;
    left: 40px;
    box-sizing: border-box;
    background: #fff;
    background: rgba(255,255,255,.975);
    display: block;
    z-index: 10;
	transition:all ease-in-out .25s;
	max-width:90%;
}
.picinfo h1{
	margin-top:0;
	font-size:1.95em
}
#panel-1, #profile, #solutions, #panel-4{
	min-height:425px;
}
#panel-1 h1, #panel-1 h2{
	color:#FFF;
}
#profile{
	 background:#FFF;
	 color:inherit;
}
#profile h1, #profile h2{
	color:#000;
}
#search-content h4{
	color:#FFF;
	margin:0;
	padding:0;
}
#crumbs-container {
	overflow: hidden;
	background:#3a3a3a;
	padding: 13px 0;
}
#crumbs {
	font-size: .9em;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#CCC;
	line-height: 1.5em;
	height:22px;
	box-sizing: border-box;
}
#crumbs a {
	color: #FFF;
}
#crumbs a:link:hover, #crumbs a:visited:hover {
	color: #CCC;
}
#crumbs ul{
	list-style:none;
	margin:0;
	padding:0;
}
#crumbs li{
	display:inline-block;
	margin:0;
}
#crumbs li:after{
	font-family: IcoFont;
	content: "\f054";
	padding: 0px 2px 0 8px;
	color:#F00;
}
#crumbs li:last-of-type:after{
	content: "";
}
#panel-1.cover{
	min-height:200px;
	-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	color:#FFF;
	background-position: top center !important;
	/*-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;*/
	position: relative;
}
#contact-container {
	background-color: #e5e5e5;
	padding: 0;
	margin-bottom: 0;
	clear: both;
	margin: 0;
	color: #111;
	overflow: hidden;
}
#contact-content {
	padding: 15px 0;
}
.footer{
	background:#121c27;
	min-height:60px;
	position:relative;
	padding:20px 0 20px;
	overflow:hidden;
	clear:both;
	color:#FFF;
	color:rgba(255,255,255,.7) !important;
}
.footer a, .footer ul{
	color:#FFF;
	color:rgba(255,255,255,.7) !important;
	text-decoration:none;
	display: inline-block;
}
.footer a:hover, .footer a:focus{
	text-decoration:underline;
	color:#FFF;
	color:rgba(255,255,255,1);
	
}
.footerlinks li{
	margin:5px 10px 5px 0;
	display:inline-block;
}
.footerlinks{
	margin:0;
	padding:0;
	list-style:none;
}

.footer_logo{
    transition: all .125s ease-in;
    filter: contrast(0) brightness(2);
    position: relative;
    margin: 0 0 10px;
    width: 200px;
	opacity: .5;
}
.footer_logo:hover{
	opacity:1;
}
.footer-items{
	width:calc(100% - 200px);
	float:left;
}
.footer_logo img{
	top:18px;
	position:relative;
}
.sshadow {
	text-shadow: 1px 1px 1px #333333;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000);*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=1);
	/*filter: progid:DXImageTransform.Microsoft.Glow(color=000,strength=2);*/
}
.col-right .stitle{
	display:block;
	overflow:hidden;
	font-size:1.25em;
	font-weight:700;
	color:#333;
}

a.btn:link, a.btn:visited {
	padding: 10px 15px;
	background-color: #3c5a12;
	color: #fff;
	border: none;
	cursor: pointer;
	font-weight: 400;
	display: inline-block;
	text-decoration: none;
	margin: 0;
	border-radius:2px;
	transition: all ease-out .25s;
}
a.btn:focus, a.btn:hover {
	background-color: #4b2570;
	color: #fff;
}

.shad_txt_15 {
	-webkit-text-shadow: 1px 3px -1px rgba(0, 0, 0, 0.15);
	-moz-text-shadow: 1px 3px -1px rgba(0, 0, 0, 0.15);
	text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.15);
}
.searchbox {
	position: absolute;
	top: 20px;
	right: 0;
	width: 250px;
	overflow: hidden;
	text-align: right;
}
/*form formatting*/
.regform input, .regform select, .regform textarea {
	width: 98%;
	float: left;
	clear: both;
	margin: 5px 0;
	clear: both;
	border: 1px solid #92b0d9;
	padding: 8px 1%;
	box-sizing:border-box;
}
textarea{
	font-size: 1.25em !important;
    min-height: 150px;
}
.regform.dark input, .regform.dark  select, .regform.dark  textarea{
	border:0 !important;
}
.newss .awhite a:link, .newss .awhite a:link:visited{
	color:#FFF !important;
}
.regform label {
	float: left;
	margin: 10px 10px 0 0;
	display: block;
	clear: both;
	font-weight: 600;
}
.regform label span{
	font-weight:400;
}
.frm-cont {
	width: 99%;
	position: relative;
	padding: 20px 0 0 0;
}
.regform fieldset {
	padding: 5px 0px 0;
	border: 2px solid #cacaca;
	border-radius:6px;
	padding:8px;
	/*overflow:hidden;*/
	clear: both;
	/*width: 100%;*/
	margin: 10px 0;
}
.regform legend {
	background: #eaeaea;
    border: 2px solid #cacaca;
	border-radius:6px;
    left: 8px;
    padding:8px;
	font-weight:700;
	color:#000;
	font-size:1.25em;
}
.regform.dark legend {
	background: #333;
    border: 2px solid #333;
	color:#FFF;
}
.regform.dark fieldset{
	border-color:#333;
	background:#555;
}
.regform {
	clear: both;
	padding-bottom: 5px;
	margin: 0 auto 20px;
	overflow:hidden;
}
.regform input.btnn{
	width: auto !important;
	border:0;
	padding: 0.5em 1em;
	margin-right: 10px;
}
.regform label.hide, .regform input.hide{
	display:none !important;
}

.regform .radio{
	width:20px; !important;
	clear: none;
    margin: 11px 20px 0 0;
    padding: 0;
	border:0 !important;
}
.regform .cbox{
	width:20px; !important;
	clear: both;
    margin: 11px 8px 0 0;
    padding: 0;
	border:0 !important;
}
.chk-container{
	clear:both;
}
.chk-container .cbox{
	float:left;
	overflow:hidden;
	margin-top:2px !important;
}
.chk-container label {
	text-overflow: ellipsis;
	overflow: hidden;
	float:none !important;
}
.regform .w90p{
	width:90%; !important;
}
.regform .radio2 {
    width: 20px !important;
    height: 20px;
    clear: none;
    margin: 7px 0px 0px;
    padding: 0px;
    border: 0px !important;
}
.regform label.error {
	color: #FB3A3A;
	display: inline-block;
	margin: 2px 0 5px;
	padding: 0;
	text-align: left;
}

.regform input.error, .regform select.error {
  border:1px solid #FB3A3A;
}
.chk-container label.error {
	color: #FB3A3A;
	display: inline-block;
	margin: 20px 0 0 -28px;
	padding: 0;
	text-align: left;
}
.clear {
    clear: both !important;
}
.noclear {
    clear: none !important;
}
.width100{
	width:100% !important;
}
.w96p{
	width:96% !important;
	padding:0 2% !important;
}
.width50{
	width:70% !important;
}
.width85p{
	width:85px !important;
}
.width200p{
	width:200px !important;
}
.width300p{
	width:300px !important;
}
.sameline{
	display:inline-block;
	float:left;
	margin-right:25px;
}
.noter{
	display:block;
	padding: 15px 30px 15px 15px;
	border:1px solid #c86060;
	border-radius:6px;
	margin-bottom:25px;
	color:#900;
}
.noteg{
	display: block;
	padding: 15px 30px 15px 15px;
	border: 1px solid #71c771;
	border-radius:6px;
	margin-bottom:25px;
	color: #060;
}
/*containers*/
.main-content{
	padding:45px 0;
	overflow:hidden;
}
#cmain .main-content{
	padding-top:40px;
	padding-bottom:30px;
}
.main-content .col-left {
	float: left;
	width: 74% !important;
	padding: 0 !important;
	position: relative;
	overflow:hidden;
}
.main-content .col-right {
    width: 24% !important;
    margin: 0 !important;
    padding: 0;
    float: right;
    position: relative;
    overflow: hidden;
}
.col-right h3 {
	margin: 0 0 5px;
	padding-top: 0;
}

.main-content .col-right ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
}
.main-content .col-right li a {
	display: block;
	text-decoration: none;
	border-top: 1px solid #ccc;
	text-decoration: none;
	padding: 10px 22px 10px 0;
	color: #333;
}

.main-content .col-right li a:hover, .main-content .col-right li a:focus {
	color: #000;
	text-decoration: underline;
}
#footer-container, #footer-links-container, #cright-container {
	overflow: hidden;
	color: #ccc;
}
#footer-container a:link, #footer-container a:visited, #footer-links-container a:link, #footer-links-container a:visited, #cright-container a:link, #cright-container a:visited {
	color: #ccc;
	text-decoration: none;
}
#footer-container h3, #footer-container h3 a:link, #footer-container h3 a:visited, #footer-links-container h3, #footer-links-container h3 a:link, #footer-links-container h3 a:visited, #cright-container h3, #cright-container h3 a:link, #cright-container h3 a:visited {
	color: #fff;
	font-weight: 300;
}
#footer-container a:link:hover, #footer-container a:visited:hover, #footer-container a:focus, #footer-links-container a:link:hover, #footer-links-container a:visited:hover, #footer-links-container a:focus, #cright-container a:link:hover, #cright-container a:visited:hover, #cright-container a:focus {
	color: #fff;
	text-decoration: none;
}
/*boxes----------------------------------------------*/
.itembox{
	margin:10px 4% 15px 0;
	box-sizing:border-box;
	position:relative;
	float:left;
}
.bgbox .itembox{
	padding:0 15px 5px;
	background: #e4e3be;
}
.two-col .itembox {
	width:48%;
}
.two-col .itembox:nth-of-type(2n + 2){
	margin-right:0;
}
.four-col .itembox {
	width:22%;
}
.two-col .itembox:nth-of-type(4n + 4), .four-col .itembox:nth-of-type(4n + 4){
	margin-right:0;
}
.itembox.icon{
	padding-left:65px;
}
.itembox.ilogo{
	text-align:center;
	padding:5px;
}
.itembox.ilogo img{
	width:100%;
	border: 1px solid #d8d8d8;
    /*border-radius: 3px;*/
}
.itembox.icon i{
	position:absolute;
	top:-5px;
	left:0;
	font-size:50px;
	color:#0f2f6a;
}
.three-col .itembox {
	width:calc(92%/3);
	width:calc((92%/3) - 1px)\9;
}
.three-col .itembox:nth-of-type(3n + 3){
	margin-right:0 !important;
}
.itembox h3{
	margin-bottom: 10px;
	font-weight:600;
}
@media screen and (max-width: 1010px) {
.four-col .itembox.ilogo {
	width:calc(92%/3);
	width:calc((92%/3) - 1px)\9;
}
.four-col .itembox:nth-of-type(4n + 4){
	margin-right:4%;
}
.four-col .itembox.ilogo:nth-of-type(3n + 3){
	margin-right:0 !important;
}
.quote, .slides li p.quote {
    font-size: 1.1em;
    padding: 0 5px 0 30px;
}
.quote:before{
	content: "\201C";
    font-size: 50px;
    position: absolute;
    top: 10px;
    left: 0px;
    display: block;
}
.quote:after{
	font-size:50px;
	top:18px;
}
}
@media screen and (max-width: 930px) {
.cd-hero-slider, .cd-hero, .hero_body, .hero_panel{
	height: 70vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
	height: calc(var(--vh, 1vh) * 70);
}
.img_right .responsive{
	width:97%;
	margin-left:unset;
	left:unset;
}
.img_right img{
	display:none;
}
}
@media screen and (max-width: 800px) {
.itembox, .four-col .itembox, .three-col .itembox, .two-col .itembox {
	width:100%;
	margin:10px 0 15px 0;
}
.four-col .itembox.ilogo {
	width:calc(50% - 10px);
	margin:10px 10px 15px 0 !important;
}
.four-col .itembox.ilogo:nth-of-type(3n + 3){
	margin-right:10px !important;
}
.four-col .itembox.ilogo:nth-of-type(2n +2){
	margin-right:0 !important;
}
.footer .itembox {
	text-align: center !important;
}
}
@media screen and (max-width: 675px) {
#hero-overlay.top{
	height:70px;
}
.paddleft{
	padding-left:0;
}
.paddright{
	padding-right:0;
}
.right_out, body{
	font-size:1.1em;
}
/*.btt {
	display:none;
}*/
.hero-text p {
    line-height:1.25em;
}
.right_out.show_right {
    width: calc(100% - 10px);
	max-width: calc(100% - 10px);
}
}
.itembox > P {
	margin-top: 10px;
	padding-top: 0;
}
.footer .itembox .copyr::before{
	color: #FFF;
	color: rgba(255,255,255,.7) !important;
}
.itembox .phone::before, .itembox .email::before{
	font-family: IcoFont;
	content: "\f098";
	font-size: 1.15em;
	margin: 3px 5px 0 0;
	display: inline-block;
	color: #eee;
}
#footer-content .itembox li a:link, #footer-content .itembox li a:visited {
	display: block;
	margin: 0;
	padding: 7px 0;
	border-top:1px solid #5f5f5f;
}
#footer-content .itembox li a:link:hover:after,
#footer-content .itembox li a:link:focus:after{
	font-family: IcoFont;
	content: "\f054";
	padding: 2px 0 0 5px;
	display: inline-block;
	float:right;
}
#footer-content #fcontact li{
	margin: 0;
	padding: 7px 0;
	border-top:1px solid #5f5f5f;
	line-height:1.4em;
}
#footer-content #fcontact strong{
	font-size:1.15em;
	display:block;
	font-weight:300;
	color:#FFF;
	margin-bottom:8px;
}
#footer-content .itembox li a:link:hover, #footer-content .itembox li a:visited:hover {
	color:#FFF;
	text-decoration:none;
}
#contactbox{
	position:absolute;
	width:300px;
	height:300px;
	overflow:hidden;
	padding:5px 10px;
	background:#1d94b6;
	bottom:-260px;
	left:0;
	-webkit-transition: left 0.3s;
	-moz-transition: left 0.3s;
	transition: left 0.3s;
	-webkit-transition: bottom 0.3s;
	-moz-transition: bottom 0.3s;
	transition: bottom 0.3s;
	z-index:999;
}
#contactbox:hover{
	bottom:0;
}
.gradient{
	background: #EBEBEB;
	background: -webkit-linear-gradient(to right, #EBEBEB 10%, #FFFFFF); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(to right, #EBEBEB 10%, #FFFFFF); /* Opera 11.1-12.0 */ 
    background: -moz-linear-gradient(to right, #EBEBEB 10%, #FFFFFF); /* Firefox 3.6-15 */
    background: linear-gradient(to right, #EBEBEB 10%, #FFFFFF 90%); /* Standard syntax */
}
.panel-right{
	float:right;
	width:50% !important;
}
.panel-left{
	float:left;
	padding-right:40% !important;
	position:relative;
}
.panel-left .side_right{
	width:35%;
	position:absolute;
	top:0;
	right:0;
}
.panel-left .side_right img{
	width:100%;
	max-width:372px;
	float:right;
}

#tophome #top-content .animateddrawer{
	right: 0;
	color: #FFF;
}
#tophome #top-content .animateddrawer:before,
#tophome #top-content .animateddrawer:after,
#tophome #top-content .animateddrawer span:before,
#tophome #top-content .animateddrawer span:after,
#tophome #top-content .animateddrawer span{
	background: #FFF !important;
}
/*RESPONSIVE------------*/

@media screen and (max-width: 1850px) {
#top-content,
.hero_container,  
#upper-content,
#search-content,
.main-content, 
#contact-content, 
#footer-content,
#alert-content, 
#cr-content, 
#page-banner, 
#crumbs,
.main-container,
.responsive{
	width:calc(100% - 40px) !important;
	margin:auto;
	position:relative;
}
.main-container{
	z-index:10;
	left: 0;
	margin-left:20px;
}
.t_lhide{
	display:none !important;
}
.project .cols.left{
	width:50%;
}
.project .cols.right{
	width:50%;
}

}
@media screen and (max-width: 949px) {
.itembox, .itembox.wide{
	width:32%;
}
.itembox.wide #fcontact li{
	clear:both;
	width:100%;
}
}
@media screen and (max-width: 799px) {
.cols.left, .cols.right{
	width:100% !important;
	padding:0;
	float:none;
}
.paging-container {
	margin-top:25px;
}
.adgroup:hover{
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.cols.right{
	margin:30px auto 0;
}
#cmain .main-content{
	padding-top:20px;
	padding-bottom:20px;
}
#tophome #top-container{
	top:0;
	left:0;
	padding:0;
}
#tophome #top-content{
	width: calc(100% - 20px) !important;
}
#panel-1, #profile, #solutions, #panel-4 {
    min-height: inherit;
}
h4 {
    font-size: 1.15em;
}
.mhide{
	display:none;
}
.thefeature{
	display:none;
}
.imgthumb {
    margin:0 5px 5px 0;
}
.pagebanner {
	font-size:2.5em;
	line-height:1em;
}
.panel-right{
	width:50% !important;
}
.center{
	text-align:left;
}
.newss .panelhead{
	font-size:1.75em;
	margin-bottom:15px;
}
.newss h2 {
    font-size:1.35em;
}
.sider{
	width:100%;
}
#footer-container{
	padding:0 0 20px;
}
#footer-content{
	padding:5px 2% 80px;
	font-size: 1.15em;
}
#footer-content #fcontact li, #footer-content #fcontact li a{
	border:none;
	margin-bottom:0;
}
#footer-content #fcontact li a:after{
	content:"";
}
.mmenu-icon{
	position:absolute;
	top:7px;
	right:10px;
}
.mclose {
    z-index: 7;
    position: absolute;
    top: 4px;
    right: 3px;
}

#logo-text {
    padding:8px 12px 12px !important;
	height: 20px;
}
.width50{
	width:70% !important;
}
.bg-orange{
	padding-top:15px !important;
}
.ttable td, .ttable th{
	padding:12px 6px;
}
.boxgroup .two-cols:nth-of-type(2n+2) {
    margin: 20px 0 !important;
}
.regform input, .regform select, .regform textarea, .regform label {
	font-size:1.2em;
}

/*containers*/
.main-content .col-left{
	float: none;
    width: 100% !important;
	border-right:0;
	margin-bottom:25px;
}

.main-content .col-right ul {
	padding:0;
}
.main-content .col-right{
	float:none;
	clear:both;
	width: 96% !important;
	border-left:0 !important;
	padding:0 2%!important;
	margin-top:25px;
}

.main-content .col-right li a:link, .main-content .col-right li a:visited {
	color:#FFF;
}
.itembox, .three_col .itembox {
	width: 100%;
	clear: both;
	height: auto !important;
	min-height: 30px;
}
.main-content .col-right li a {
	padding:15px 0;
	font-weight:600;
}
.main-content .col-right li:-of-type a {
	border-top:none;
}
.itembox.twocol {
	width: 47.5%;
	margin: 0 5% 8px 0;
	clear:none !important;
}
/*.paging-container{
	display:none !important;
}*/
.paging-container.right{
	display:block !important;
}
.itembox.wide{
	width:100%;
}
.itembox.wide #fcontact li{
	float:left;
	width:49%;
	clear:none;
	border-top:1px solid #5f5f5f !important;
}
#fcontact li:nth-of-type(2n + 2){
	margin-left:2% !important;
}
}
@media screen and (max-width: 675px) {
.logo-main {
    top: 5px;
}
.logo-main img{
	height:65px;
}
h1, #welcome h1 {
	font-size: 1.95rem;
}
#welcome .intro {
    font-size: 1.25rem;
}
h1{
	font-size:1.75em;
}
h2{
	font-size:1.575em;
}
.btt {
	display:none;
}
#profile{
    background: #FFF !important;
}
#solutions{
    background: #f6f6f6 !important;
}
.panel-right, .panel-left{
	width:100% !important;
}
.main-content{
	min-height:150px;
	font-size:110%;
	padding: 0;
}
.boxgroup .two-cols:nth-of-type(2n+2){
	margin:15px 0 !important;
}
.width50{
	width:100% !important;
}
.bg-orange{
	padding-top:15px !important;
}
.itembox.twocol{
	width: 100%;
    margin:0;
	clear:both;
}
.regform select{
	width:85%;
	padding:5px 2%;
}
.regform input[type="text"], .regform input[type="textarea"] {
	width:85%;
}

.regform .f130{
	width:110px !important;
	display:inline-block;
}
.regform .f200{
	width:190px !important;
	display:inline-block;
}
.noclear{
	clear:none !important;
}
.clear{
	clear:both !important;
}
.price, #grid .price{
    overflow: hidden;
    position: relative;
    top: 0px;
    right: 0px;
    text-align: left;
	width:100%
}
.adgroup .txt {
    text-overflow: ellipsis;
    overflow: hidden;
    color: #444;
    padding-right: 0;
}
#onecol .adgroup img, #grid .adgroup img {
	width:125px;
}
.itembox.wide #fcontact li{
	float:none;
	width:100%;
	clear:both;
	margin-bottom:10px !important;
	border-top:1px solid #5f5f5f !important;
}
#fcontact li:nth-of-type(2n + 2){
	margin-left:0 !important;
}
}

@media screen and (max-width: 360px) {
.mhides{
	display:none;
}
}
@media screen and (min-width: 800px) {
 .dhide{
	 display:none !important;
}
.four-col {
    padding-left: 4px;
}
}




/*Paralex scoling-----*/
.parallax, .parallax2 { 
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax{
	background-image: url("/_img/sliders/jahi.jpg");
}
#profile.parallax2{
	background: url("/_img/sliders/orinu-panel.jpg") #FFF bottom right;
	background-attachment:fixed;
	background-size:cover;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 800px) {
    .parallax, .parallax2 {
        background-attachment: scroll;
    }
}
/*Paralex scoling-----*/

/*page loading-----*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/_img/loading_1.gif) center no-repeat #fff;
}

/*end page loading-----*/


@media screen and (max-width: 1280px) {
	#random_proj{
		display:none;
	}
}
/*end Random Projects-------*/





/*start animation-----------------------------------*/
.firstload {
    position: absolute;
    z-index: 20;
    opacity: 0;
	text-align:center;
	width:100%;
	box-sizing:border-box;
	animation: cam_loading 3s linear infinite;
}
.zoom-out {
	animation: zoomout 3.5s linear;
	position: relative;
}
@keyframes zoomout {
  0% {background-position: center; background-size: 110% }
  100% {background-position: center; background-size: cover }
}

a.bounce, .bounce {
	animation: bounce 1.25s infinite;
	position:absolute;
	bottom: 20px;
	width: 50px;
	height:40px;
	left:50%;
	margin-left: -25px;
	box-sizing:border-box;
	padding:10px 0 0;
	text-align: center;
	display:block;
	z-index:1000;
	color:#FFF !important;
	font-size:35px;
	text-decoration:none !important;
}
@keyframes bounce {
  0% {bottom: 20px }
  50% {bottom: 15px; }
  100% {bottom: 20px; }
}
.herotext {
	animation: anim_up 3s linear;
	position:absolute;
}
@keyframes anim_up {
  0% {bottom: -15px; opacity: 0; }
  58% {bottom: -15px; opacity: 0; }
  68% {bottom: 0; opacity: 1;}
  100% {bottom: 0; opacity: 1;}
}
.flyright {
	animation: anim_right 2.25s linear;
}
@keyframes anim_right {
  0% {right: 40px; opacity: 0; }
  45% {right: 40px; opacity: 0; }
  50% {right: 0px; opacity: 1; }
  100% {right: 0px; }
}
.flydown{
	animation: anim_down 2s linear;
}
@keyframes anim_down {
  0% {top: -40px; opacity: 0; }
  62.5% {top: -40px; opacity: 0; }
  74% {top: -15px; opacity: 1; }
}
.hero_in {
	animation: hero_fadin 3s ease-in-out;
}
@keyframes  hero_fadin {
  0% {width: 150%; height:150%; left:-25%; top:-25%; overflow:hidden; filter:brightness(0); opacity:0;}
  25% {width: 150%; height:150%; left:-25%; top:-25%; overflow:hidden; filter:brightness(0);opacity:0;}
  50% {width: 100%; height:100%; left:0; top:0; overflow:hidden; filter:brightness(1);opacity:1;}
  100% {filter:brightness(1);opacity:1;}
}
.delayin {
	animation: delay_in 3s ease-in-out;
}
@keyframes  delay_in {
  0% {opacity:1;}
  25% {opacity:0;}
  50% {opacity:1;}
}
.disolve {
	opacity: 0;
}
.colour_in{
	animation: col_in 6s linear;
	filter: grayscale(1);
}
@keyframes  col_in {
  0% {filter: grayscale(1); }
  60% {filter: grayscale(1); }
  100% {filter: grayscale(0); }
}

/* foote bg colours */
#footer-container {
	animation: anim_footer 180s infinite;
}
@-webkit-keyframes  anim_footer {
  0% {background-color: #3e183d;}
  25% {background-color: #844900;}
  50% {background-color: #3C5A12;}
  75% {background-color: #73191a;}
  100% {background-color: #3e183d;}
}
@keyframes anim_footer {
  0% {background-color: #3e183d;}
  30% {background-color: #844900;}
  60% {background-color: #3C5A12;}
  85% {background-color: #73191a;}
  100% {background-color: #3e183d;}
}

/*animated in-view*/
.move_in {
  opacity: 0;
  transition: all ease-in-out;
}
.fade-up{
	position: relative;
	-webkit-animation-name: toup; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: .75s; /* Safari 4.0 - 8.0 */
	animation-name: toup;
	animation-duration: .75s;
	animation-fill-mode: forwards;
	transition: all ease-in-out;
	bottom:-75px;
}
@-webkit-keyframes toup {
 0% {bottom:-75px;opacity: 0;}
 100% {bottom: 0px;opacity: 1;}
}
@keyframes toup {
 0% {bottom:-75px; opacity: 0;}
 100% {bottom: 0px; opacity: 1;}
}

.fade-in{
	position: relative;
	-webkit-animation-name: fin; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.275s; /* Safari 4.0 - 8.0 */
	animation-name: fin;
	animation-duration: 1.275s;
	animation-fill-mode: forwards;
	transition: all ease-in-out;
}
@-webkit-keyframes fin {
 0% {opacity: 0;}
 50% {opacity: 0;}
 100% {;opacity: 1;}
}
@keyframes fin {
 0% {opacity: 0;}
 50% {opacity: 0;}
 100% {;opacity: 1;}
}
/*end animated in-view*/

/*end animation------------------------------*/



/*top animated scroll------------------------*/
.anc_top .logo-main img {
    filter: contrast(1) brightness(0);
    height: 25px;
}
.logo{
    width: 260px;
    height: 50px;
    display: inline-block;
    z-index: 6;
    position: relative;
    top: 11px;
    overflow: hidden;
}
.logo img{
	position:relative;
}
.anc_top{
	position:fixed !important;
	-webkit-animation-name: anc_top; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: anc_top;
	animation-duration: .95s;
	animation-fill-mode: forwards;
	transition: all ease-in-out 1.125s;
	background: #fbfbfb !important;
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.31) !important;
}
.anc_top.dark{
	background:#13181d;
	transition: all ease-in-out .95s;
}
.ltmenu .ddsmoothmenu ul li a,
.ltmenu .downarrowclass:after, 
.ltmenu .rightarrowclass:after, 
.ltmenu .leftarrowclass:after {
	color: #565656;
}
.ltmenu .ddsmoothmenu ul li a:hover,
.ltmenu .ddsmoothmenu ul li a:focus,
.ltmenu .ddsmoothmenu ul li a:hover .downarrowclass:after, 
.ltmenu .ddsmoothmenu ul li a:hover .rightarrowclass:after, 
.ltmenu .ddsmoothmenu ul li a:hover .leftarrowclass:after,
.ltmenu .ddsmoothmenu ul li a:focus .downarrowclass:after, 
.ltmenu .ddsmoothmenu ul li a:focus .rightarrowclass:after, 
.ltmenu .ddsmoothmenu ul li a:focus .leftarrowclass:after {
	color: #FFF;
}
.remove.ltmenu .ddsmoothmenu ul li a,
.remove.ltmenu .downarrowclass:after, 
.remove.ltmenu .rightarrowclass:after, 
.remove.ltmenu .leftarrowclass:after {
	color: #FFF;
}
@-webkit-keyframes anc_menu {
	0% {top:-90px;}
	20% {top:-90px;}
	65% {top: 25px; right: 15px }
	100% {top: 15px; right: 15px }
}
@keyframes anc_menu  {
	0% {top:-90px;}
	20% {top:-90px;}
	65% {top: 25px; right: 15px }
	100% {top: 15px; right: 15px }
}
a.mmicon {
    right: 0 !important;
    top: -10px;
    z-index: 2005;
    display: block !important;
    transition: all ease-in-out .25s;
    text-decoration: none !important;
    border: none;
    outline: none;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 11px 0 0 10px;
    box-sizing: border-box;
    border-radius: 40px;
    text-align: center;
}
a.mmicon.anc_menu{
	position:fixed !important;
	-webkit-animation-name: anc_menu; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
	animation-name: anc_menu;
	animation-duration: .95s;
	animation-fill-mode: forwards;
	transition: all ease-in-out 1.125s;
	right: 15px !important;
	background: #111b22;
	top: unset;
	margin-bottom: 2px;
	opacity: .52;
}
a.anc_menu .close{
	opacity:1;
}
a.anc_menu .bar1, a.anc_menu .bar2, a.anc_menu .bar3 {
    background: #bac4ca;
}
/*TOP*/




/*dual panels*/
.panels.duo{
	padding:0;
}
.panels.duo > div{
	width:50%;
	float:left;
	margin:0;
	padding:40px 40px;
	box-sizing:border-box;
	min-height: 100%;
}
.panels.duo > div.textpanel{
	max-width: calc(1620px / 2);
}
.panels.grey{
	background:#f1f1f1;
}
.panels.duo.green{
	background:#c6dcaf;
}
.panels.duo.white{
	background:#FFF;
}
.panels.duo.purple {
    background: #d4c1e6;
}
.panels.duo p.intro{
	font-weight:400;
	font-size:1.125rem;
	color: #000;
}
.panels.duo > div.imagery, .full_bleed{
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
}

.panels.duo.right_img > div{
	float:right !important;
	padding-left: 0;
}
@media screen and (max-width: 1850px){
.panels.duo > div{
		padding: 40px 20px !important;
	}
}
@media screen and (max-width: 750px) {
	.panels.duo > div{
		width: 100%;
		clear:both;
		float:none;
	}
	.imagery_hidem{
		display:none;
	}
	.imagery{
		height:350px !important;
	}
	.mcenter {
		text-align:center;
	}
}
/*end dual panels*/



/*buttons*/

a.button_big, .regform input[type=submit] {
    transition: all ease .175s;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    padding: 1em 1.75em;
    background:#000;
    color: #FFF !important;
    border: 1px solid;
	border-color: transparent;
    margin: 0;
    box-sizing: border-box;
    line-height:1em;
	height: 3em;
	width:auto;
}
a.button_big.middle{
	top:50%;
	margin-top:  -1.75em;
	position:relative;
}
a.button_big.lt {
    border-color: #000;
	color: #000 !important;
	background:#FFF;
}
a.button_big.hollow {
    border-color: #000; /*2D5800 = green*/
	background: none;
	color:#000 !important;
}
a.button_big.grey {
    border-color: #484848;
}
a.button_big.hollow.grey {
    border-color: #484848;
	color:#484848 !important;
}
a.button_big.hollow.lt {
    border-color: #FFF;
	background: none;
	color:#FFF !important;
}
a.button_big:hover, a.button_big:focus,
a.button_big:hover, a.button_big:focus, .regform input[type=submit]:hover, .regform input[type=submit]:focus {
	border-color: #000;
	background: none;
	color:#000 !important;
}
a.button_big.lt:hover, a.button_big.lt:focus,
a.button_big.hollow:hover, a.button_big.hollow:focus{
	background: #000;
	color:#FFF !important;
}
a.button_big.hollow.lt:hover, a.button_big.hollow.lt:focus {
	background: #fff;
	color:#000 !important;
}

/*end buttons*/

/*pop out--------------------------------------*/
.right_out{
	position:fixed;
	display:block;
	z-index:2000;
	top:0;
	padding:0 0 0 40px;
	right:-415px;
	width:450px;
	max-width:90%;
	box-sizing:border-box;
	transition:all .35s ease-out;
	height: 100vh; /* fallback */
	height: calc(var(--vh, 1vh) * 100);
	overflow-y: auto;
	/*overflow: visible;*/
}
.pop_body{
	background:rgb(255,255,255);
	background:rgba(255,255,255,1);
	height: 100vh; /* fallback */
	height: calc(var(--vh, 1vh) * 100);
	padding:15px 10px 20px;
	box-sizing:border-box;
	overflow-y: auto;
	-webkit-box-shadow: 1px 7px 9px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 7px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 7px 9px 0px rgba(0, 0, 0, 0.5);
}
.show_right{
	right:0;
	position:fixed;
	z-index:2003;
}
.frm_open{
	position: absolute;
    left: 0;
    top: 143px;
    width: 40px;
    display: block;
    background: #ea9400;
    color: #fff !important;
    padding: 10px 12px;
    text-decoration: none;
    transition: all .25s;
    font-weight: 300;
    z-index: -1;
    border-radius: 24px 0 0 24px;
    border: 2px solid;
    border-color: transparent;
	display: none;
}
.frm_open.iconlink:before{
    right: 2px;
    top: 0px;
    font-size: 1.25em;
}
.show_right .frm_open{
	display:none !important;
}
.frm_open:hover,.frm_open:focus{
	background: rgba(0, 98, 158, 0.9);
}
.frm_open i{
    font-size: 20px;
}
@media screen and (max-width: 930px) {
.frm_open{
	display:none;
	top:50px;
}
.show_right{
	z-index:2003;
}
.pop_body .page-intro {
    font-size: 1.15em;
}
.show_right .frm_open {
    display: block !important;
	background:#FFF;
	-webkit-box-shadow: 7px 7px 9px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 7px 7px 9px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 7px 7px 9px 0px rgba(0, 0, 0, 0.5);
}
}
/*emd pop out--------------------------------------*/

/*social-----------*/
ul.social{
	list-style:none;
	margin: 10px 0 0;
	padding:0;
	display: inline-block;
}
 ul.social li{
	 display:inline-block;
	 float:left;
	 margin: 5px;
 }
ul.social.right{
	float:right;
}
ul.social li:first-of-type{
	margin-left:0;
}
 ul.social li a{
    background-color: #401836;
    color: #FFF !important;
    width: 49px;
    height: 49px;
    box-sizing: border-box;
    padding: 8px 10px 0;
    text-align: center;
    font-size: 25px;
    display: block;
    text-decoration: none !important;
    border: 2px solid;
	border-color:transparent;
	border-radius: 25px;
}
.footer ul.social li a{
    /*background: rgba(0, 0, 0, .35);*/
    border-color:transparent;
	background: rgb(0 0 0 / 58%);
}
ul.social li a:hover,  ul.social li a:focus{
	 background:#000;
}
.footer ul.social li a:hover, .footer ul.social li a:focus{
	background:none;
	border-color:rgba(255, 255, 255, .85);
}
/*end social------------------------------*/

/*icon links*/
.iconlink:before{
	font-family:Icofont;
	margin-right:5px;
	position:relative;
	display:inline-block;
	font-size: 1.375em;
    top: .1em;
	text-decoration:none !important;
	color: initial;
}
.iconlink.phone:before{
	content:"\efba";
}
.iconlink.email:before{
	content:"\ef14";
}
.iconlink.copyr:before{
	content:"\eef3";
}
.iconlink.mail:before{
	content:"\ef13";
	transform: scaleX(-1);
}
.iconlink.write:before{
	content:"\ec86";
	transform: scaleX(-1);
	top:.115em;
}
.iconlink.linkedin:before{
	content:"\ed4d";
}
.iconlink.close:before{
	content:"\eee4";
}
.iconlink.close{
	float:right;
}
.iconlist{
	margin:0;
	padding:0;
	list-style:none;
	color: #0e4594;
}
.iconlist li{
	margin:7.5px 0;
}
/*end icon links*/