html, body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
	/*scroll-behavior: smooth;*/
	background-color: #FFF;
}
option {
	padding: 20px;
}
p:empty{
	display: none;
}
i.large{
 font-size: 20px;
}
.bold{
	font-weight: 600 !important;
}
.show {
	display: block !important;
}
.max100{
	max-width: 100% !important;
}
.margin_top_0{
	margin-top: 0px !important;
}
.margin_top_20{
	margin-top: 20px !important;
}
.margin_top_30{
	margin-top: 30px !important;
}
.margin_top_50{
	margin-top: 50px !important;
}.margin_bottom_0{
	margin-bottom: 0px !important;
}
.margin_bottom_20{
	margin-bottom: 20px !important;
}
.margin_bottom_30{
	margin-bottom: 30px !important;
}
.margin_bottom_50{
	margin-bottom: 50px !important;
}
.center900 {
    max-width: 900px !important;
}
.center500 {
    max-width: 500px !important;
}
.center1200, .center1050, .center900 {
    margin: 10px auto;
    width: 100%;
}
p:empty{
	display:none;
}
.two-col .page{
	float: left;
	box-sizing: border-box;
	padding: 0;
}
.two-col .page:nth-of-type(1){
	width: calc(100% - 440px);
	margin-right: 40px;
}
.two-col .page:nth-of-type(2){
	width: 400px;
}
/*alerts*/
.alert {
    padding: 0;
    color: #FFF;
	font-weight:400;
	position:relative;
}
.alert-content{
	padding: 20px 25px 20px 0;
}
.alert.red{
	background: #f44336;
}
.alert.yellow{
	background: #ffce3f;
	color: #000;
}
.alert.green{
	background: #1db123;
}
.alert.grey{
	background: #ececec;
	color:#000;
}
.alert.close{
	cursor:  pointer;
}
.close .alert-content:before {
    position: absolute;
	top: 18px; 
    /* margin-top: -12.5px;*/
    right: -11px;
    font-size: 35px;
    font-weight: 400;
    transition: 0.3s;
    font-family: Icofont;
    content: "\eee1";
}

.alert .fa{
    font-size:50px;
    position: absolute;
    top: 16px;
}
.alert .fa + p{
	padding-left:60px;
}
/*end alerts*/
@media (max-width: 1060px){
	.two-col .page:nth-of-type(1), .two-col .page:nth-of-type(2){
		width: 100%;
		margin-right: 0;
	}
}
div#content{
	padding: 25px 0;
	overflow: 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-x:hidden;
	/*overflow:hidden;*/
	overflow-y: scroll;
	line-height: 1.6em;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	max-width: 2000px;
    margin: auto;
	position: relative;
}
/*nav--*/
#micon a{
    right: 20px;
    width: 40px;
    height: 46px;
	padding-top:6px;
    font-size: 40px;
    position: absolute;
    display: block;
    color: #FFF;
    box-sizing: border-box;
	z-index:1001;
	text-decoration: none;
}
.expand {
    background: rgba(0,0,0, 0);
    z-index: 9000 !important;
    height: 100vh;
    width: 100%;
    position: fixed;
    left: -200%;
    top: 0;
}
.expand.nav_right{
	left: unset;
	right: -200%;
}
.expand.expanded {
    left: 0;
	background: rgba(0,0,0, .85);
    transition: background .15s ease-in-out;
}
.expand.nav_right.expanded {
	right: 0;
}
.nav_out {
	position: fixed;
    display: block;
    z-index: 9000;
    top: 0;
    left: -100%;
    width: 90%;
	max-width: 1200px;
    box-sizing: border-box;
    -webkit-transition: all ease-in-out .5s !important;
	-o-transition: all ease-in-out .5s !important;
	transition: all ease-in-out .5s !important; transition: all .575s ease-out;
    height: 470px; /*fallback*/
	height: 100vh;
    overflow-y: auto;
	overflow-x: hidden;
    background: #FFF;
	padding: 45px 20px 20px;;
	-webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.75);
}
.expand.nav_right .nav_out{
	right: -100%;
	left: unset;
	width: 90%;
	max-width: 540px;
}
.nav_out h4, .nav_out p, a.nav_out h4, a.nav_out p{
	color: #000 !important;
	text-decoration: none;
	font-size: 95%;
}
.nav_out h2{
	margin-top:0;
}
.nav_out h3, a.nav_out h3{
	margin-top:0;
	font-size: 1.1em;
}
.page-intro + .image-group{
	padding-top: 20px;
}
.homep .nav_out.show_left{
	left: 0px;
}
.nav_out.show_left{
	left: 0;
}
.expand.nav_right .nav_out.show_left{
	right: 0;
}
.nav_out div.img-caption p:last-of-type {
    border-bottom: none; 
}
.nav_out div.img-caption h3:first-of-type,
.nav_out div.img-caption h4:first-of-type {
    margin: 5px 0;
	font-size: 1em;
}
.nav_out div.img-caption p:first-of-type {
    margin: 0; 
}
div.img-caption a:link, div.img-caption a:visited{
	text-decoration: none !important;
	color: #000;
	display: block;
	/*border-bottom: 2px solid;
	border-bottom-color: transparent;*/
	transition: all ease-in-out .125s;
}

div.img-caption a:hover h3, div.img-caption a:focus h3{
	/*border-bottom-color: #555 !important;*/
	color: #666 !important;
}
div.img-caption a img{
	transition: all .125s;
}
div.img-caption a:hover img, div.img-caption a:focus img{
	opacity: .5;
}
.nav_out .glatitle{
	position: relative;
	color: #333;
}
/*end nav--*/

.opa0{
	opacity: 0 !important;
}
.opa50{
	position: relative;
}
.opa50 img{
	opacity: .35 !important;
}
.opa50:before{
	position: absolute;
	top: 10px;
	right: 10px;
	font-family: IcoFont;
	content: "\ef22";
	font-size: 40px;
}
.opa1{
	opacity: 1 !important;
}
.cd-hero-slider, .cd-hero, .hero_body, .hero, .hero_container{
	height:100vh;
}
.hero.short .cd-hero-slider.short, .hero.short .cd-hero, .hero.short .hero_body, .hero.short, .hero.short .hero_container{
	height: calc(100vh - 80px);
	max-height: 1080px;
}
/*
@media screen and (min-width: 2000px){
		.cd-hero-slider, .cd-hero, .hero_body, .hero, .hero_container, .hero.short .cd-hero-slider.short, .hero.short .cd-hero, .hero.short .hero_body, .hero.short, .hero.short .hero_container{
		max-height: 1080px;
	}
}
*/
.hero.short .bounce {
	display: none;
}
.hero .arrow{
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	bottom: -15px;
	transform: rotate(45deg);
}
.hero .arrow.white{
	background: #FFF;
}	
.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: 400px;
}
.panels.short{
	padding:20px 0;
}
.panels.tall{
	padding:65px 0;
}
.panels:nth-of-type(even){
	background-color:#F3F3F3;
}
.panels.dark{
    background:#090b0c;
    color: #BBB;
}
.micon_bottom {
    position: fixed;
    right: 20px;
    bottom: -80px;
	display: inline-block;
    font-size: 30px;
    font-weight: 300;
    padding: 5px;
    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: rgb(255 255 255 / 78%) !important;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 35px;
	text-decoration:none !important;
	transition:all ease-in-out .5s;
}
.micon_bottom.pull_up{
	bottom: 20px;
}
.micon_bars{
	position:absolute;
	width: 100%;
	height: 2px;
	left: 0;
	background-color: #FFFFFF;
}
.micon_bottom .micon_bars {
    width: calc(100% - 18px);
    left: 9px;
}
.micon_bars.bar1{
	top: 18px;
}
.micon_bottom .micon_bars.bar1{
	top: 15px;
}
.micon_bars.bar2{
	top: 30px;
}
.micon_bottom .micon_bars.bar2{
	top: 23px;
}
.micon_bars.bar3{
	top: 42px;
}
.micon_bottom .micon_bars.bar3{
	top: 31px;
}
.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;
}
#nav-fet.lactive{
	background: #FFF !important;
	color: #333 !important
}
.emement_close{
	width: 45px;
    height: 47.5px;
    position: absolute;
    display: block;
    top: 0;
    right: 14px;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none !important;
    color: #333 !important;
    font-size: 40px;
	border: 2px solid transparent;
}
.emement_close:hover, .emement_close:focus{
	border-color: #000;
}
.nav_out h2, .nav_out h3, .nav_out h4{
	color: #000 !important;
	font-weight: 600;
}
.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:#000;
	text-decoration:underline;
}
.no_line{
	text-decoration:none !important;
}
.nowrap {
	white-space: nowrap;
}
.panel-left, .panel-right{
	min-height:500px;
}
h1 {
	font-size: 2.5em;
	font-weight: 700;
	color: #000;
	margin-top:0;
	line-height: 1.5em;
}
h1 span{
	font-weight:400;
}
h1 + .intro{
	margin:.5rem 0 0;
}
.intro{
	margin-top:0;
	padding-top:0;
	font-size:1.35em;
	font-weight:400;
	color:#333;
	line-height: 1.55em;
}
.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:last-of-type{
	margin-bottom: 0;
}
/*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: 2.25em;
	margin-bottom: 5px;
	padding-bottom: 0;
	line-height: 1.6em;
}
h3 {
	font-size: 1.5em;
	font-weight: 400;
	color:#333;
}
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;
}
.bradius10 {
	border-radius: 10px;
}
#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;
	max-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:68px;
}
#top-container {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
}
#top {
	/*border-bottom: 1px solid #FFF;
	border-bottom: 1px solid rgba(255,255,255, .15);*/
	padding: 0;
}
#top-container{
	height:55px;
	padding-top: 0;
	z-index:1000;
	background:#000;
	height: 80px;
    position: relative;
}
.over #top-container{
	background: none;
	margin-bottom: 0;
	height: 55px;
    position: absolute;
}
/*LOGO*/
#logo-main{
	float:left;
	position: relative;
	top: 20px;
}
#logo-main img{
	filter: contrast(0) brightness(2);
	height:25px;
}
#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: FontAwesome;
	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-container {
	min-height: 250px;
	overflow: hidden;
	clear: both;
	background: #404040;
	clear: both;
	margin: 0;
	clear: both;
	padding:25px 0;
}
.cr-container {
	padding: 10px 0;
	background: #191919;
	color: #9e9e9e;
	overflow: hidden;
	clear: both;
}
.cr-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cr-container li {
	display: inline-block;
	padding: 5px 0 5px 10px;
}
.cr-container li a:link, .cr-container li a:visited {
	color: #9e9e9e;
	text-decoration: underline;
}
.cr-container li a:link:hover, .cr-container li a:visited:hover, .cr-container li a:focus {
	color: #FFF;
	text-decoration: underline;
}
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: #d430a0;*/
    background: rgba(0,0,0,.35);
	color: #FFF !important;
    width: 49px;
    height: 49px;
    box-sizing: border-box;
    padding: 12px 10px 0;
    text-align: center;
    font-size: 20px;
    border-radius: 25px;
    display: block;
	text-decoration:none !important;
	border: 2px solid rgba(255, 255, 255, 0.34);
}
 ul.social li a:hover,  ul.social li a:focus{
	 background: #FFF;
	 color: #000 !important;
 }
 /*icon links*/
.iconlink:before{
    font-family: Icofont;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    font-size: 1.15em;
    top: 0px;
    line-height: .5em;
    text-decoration: none !important;
}
.iconlink.rounded:before{
    background: #13181d;
    padding: 15px 0 0;
    color: #fff;
    font-weight: 400 !important;
    border-radius: 26px;
    font-size: 20px;
    margin-bottom: 8px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
}
ul.social li.textlink{
	margin-top: 18px;
}

@media (max-width: 800px){
	.iconlink.rounded:before{
		border-radius: 20px;
		font-size: 18px;
	}
}
.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;
}
.nolist{
	list-style:none;
	margin:0 0 15px !important;
	padding:0;
	overflow:hidden;
	display: block;
    width: 100%;
}
.nolist.inline li{
	display:inline-block;
	float:left;
	margin-right:8px;
}
.ul-0, .ul-5, .ul-10, .ul-15, .ul-20{
	margin-bottom:30px;
}
.ul-0 + li, .ul-5 + li, .ul-10 + li, .ul-15 + li, .ul-20 + li{
    margin-top: -20px !important;
}
.ul-0 li {
	margin-bottom: 2.5px
}
.ul-5 > li {
	margin: 2.5px 0
}
.ul-10 > li {
	margin: 5px 0
}
.ul-10 > li ul, .ul-15 > li ul, .ul-20 > li ul {
	margin: 5px 0 10px;
}
.ul-15 > li {
	margin: 10.75px 0;
}
.ul-20 > li {
	margin: 10px 0 20px !important;
}
a.btn:link, a.btn:visited {
	padding: 10px 15px;
	background-color: #47539A;
	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: #313A6C;
	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;
	border-radius:5px;
	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.dark label{
	color:#FFF;
}
.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;
}
.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;
}
.regform input[type=submit], .regform input[type=reset], .regform.obutton input[type=submit], .regform.obutton input[type=reset], .btn a:link {
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    font-weight: 600;
    background: #000;
    color: #FFF !important;
    border: 1px solid;
    border-color: #000;
    margin: 10px 0 0;
    box-sizing: border-box;
    letter-spacing: .5px;
	border-radius: 5px;
    padding: .5em 1em;
    height: 2.75em;
    font-size: .95em;
	width: auto;
}
.regform.dark input[type=submit], .regform.dark input[type=reset], .btndark a:link{
	background: none;
    color: #000;
}
.regform input[type=submit]:hover, .regform input[type=reset]:hover, .regform input[type=submit]:focus, .regform input[type=reset]:focus, 
.regform.obutton:hover input[type=submit], .regform.obutton:hover input[type=reset],.btn a:link:hover{
	background: none;
    color: #000 !important;
}
.regform.dark input[type=submit]:hover, .regform.dark input[type=reset]:hover, .regform.dark input[type=submit]:focus, .regform.dark input[type=reset]:focus, .btndark a:hover {
    background-color: #555 !important;
    background-image: linear-gradient(to bottom, #000, #555);
}
.btn-orange a:link, .btn-orange a:visited, .btn a:visited {
	color:#FFF !important;
	text-decoration:none;
}
.btn-orange:hover, .btn-orange:focus {
	background: #036;
}
.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 {
	width: 23.5%;
	float: left;
	margin: 0 2% 8px 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	min-height: 100px;
	font-weight:300;
	font-size: .95em;
}
.itembox i{
	display:inline-block;
}
.itembox ul {
	list-style-type: disc;
	margin-left: 25px;
	padding: 0;
}
.itembox:nth-of-type(3n+3) {
	margin: 0;
}
.itembox:nth-of-type(3n+4) {
	clear: both;
}
.itembox.wide{
	width:49%;
	display:inline-block;
	float:left;
	border-top:none;
}
.itembox.wide #fcontact li{
	float:left;
	width:50%;
}
/*
.itembox:nth-of-type(4n+4) {
	margin: 0;
}
.itembox:nth-of-type(4n+5) {
	clear: both;
}
*/
.itembox h2:first-of-type, .itembox h3:first-of-type {
	margin: 0 0 10px;
	padding: 0;
	display:block;
	font-size:1.3em;
}
.itembox.twocol {
	width: 28%;
	margin: 0 5% 8px 0;
	clear:none !important;
}
.itembox.twocol ul {
	list-style: disc;
	margin-left: 35px;
}
.itembox.twocol:nth-of-type(2n+2) {
	margin: 0;
}
.itembox.twocol:nth-of-type(2n+3) {
	margin: 0;
}
.itembox > P {
	margin-top: 10px;
	padding-top: 0;
}
.itembox .phone::before, .itembox .email::before{
	font-family: FontAwesome;
	content: "\f098";
	font-size: 1.15em;
	margin: 3px 5px 0 0;
	display: inline-block;
	color: #eee;
}
.itembox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#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: FontAwesome;
	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;
}
.paging-container{
	display: block;
	text-align:center;
	margin-top:50px;
	padding-top:15px;
	border-top:1px solid #CCC;
	clear:both;
}
.paging-container.left{
	text-align:left;
}
.paging-container.right{
	border-top:none;
	margin-top:25px;
}
.paging-container i{
	text-decoration:none;
}
.paging-container .fa-chevron-left{
	margin-right:5px;
}
.paging-container .fa-chevron-right{
	margin-left:5px;
}
.paging-container .prev{
	margin-right: 3px;
}
.paging-container .next{
	margin-left: 3px;
}
.paging-container a{
	text-decoration:none;
}
.paging-container .navi{
	font-weight: 700;
    color: #616161;
    padding: 4px 9px;
    margin: 5px;
    border-radius: 20px;
    font-size: .9em;
    border: 1px solid #8a8a8a;
}
.paging-container .navi:hover{
	text-decoration:none;
    background: #000;
	border-color:transparent;
	color:#EEE;
}
.paging-container .navi.activelink{
	color: #fff;
    background: #CA0000;
	border-color:transparent;
}
#tophome #top-content .animateddrawer{
	right: 0;
	color: #FFF;
}

/*RESPONSIVE------------*/
@media screen and (max-width: 1850px) {
.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) {
.cd-hero-slider, .cd-hero, .hero_body, .hero, .hero_container {
    height: 500px;
}
.hero.short .cd-hero-slider.short, .hero.short .cd-hero, .hero.short .hero_body, .hero.short, .hero.short .hero_container{
	max-height: 500px;
}
.cols.left, .cols.right{
	width:100% !important;
	padding:0;
	float:none;
}
a.bounce{
	display: none !important;
}
.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;
}
.galh{
	text-align:center;
}
.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;
	margin: 5px auto !important;
	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: 21px;
}
#logo-main img{
	height:26px;
}
h1, #welcome h1 {
	font-size: 1.95rem;
}
#welcome .intro {
    font-size: 1.25rem;
}
h2{
	font-size:1.75em;
}
.micon_bottom {
	/*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-----*/


/*Random Projects-------*/
#random_proj{
	clear:both;
	padding:0;
	overflow:hidden;
	width:100%;
	margin:0;
	position:relative;
	background:#f6f6f6;
}
#random_proj .main-content{
	min-height:276px;
	padding:0 0 40px;
}
#random_proj .adgroup{
	width:11.45%;
	float:left;
	margin-right:1.2%;
	transition: all .2s;
	background:#EEE;
}
#random_proj .adgroup:hover{
	box-shadow:none;
	border-color:#444;
	background:#444;
	color:#FFF;
}
#random_proj .adgroup img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
	transition: all .9s ease;
	/*border-bottom-color:#9a9a9a;*/
	border-bottom-color:transparent;
}
#random_proj .adgroup:hover img{
	border-bottom-color:#000;
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
	border-bottom-color:transparent;
}
#random_proj .adgroup:hover h3:first-of-type{
	color:#FFF !important;
}
#random_proj .adgroup:nth-of-type(8n + 8){
	margin-right:0;
}
#random_proj h2{

	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}
#random_proj h3{
	padding-bottom:10px;
	margin-bottom:0;
}
@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;
}
/*.firstload h1{
	animation: cam_loading 3s linear infinite;
}*/

a.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;
}
@keyframes  bounce {
  0% {bottom: 20px }
  50% {bottom: 15px; }
  100% {bottom: 20px; }
}
.flyleft {
	animation: anim_left 1.75s linear;
}
@keyframes  anim_left {
  0% {left: 100px; opacity: 0; }
  85% {left: 100px; opacity: 0; }
  95% {left: 0px; opacity: 1; }
  97% {left: 5px; }
  100% {left: 0px; }
}
.flyright {
	animation: anim_right 1.95s linear;
}
@keyframes  anim_right {
  0% {right: 40px; opacity: 0; }
  85% {right: 40px; opacity: 0; }
  90% {right: 0px; opacity: 1; }
  100% {right: 0px; }
}
.flydown{
	animation: anim_down .5s;
	animation-fill-mode: forwards;
	animation-delay: 1.5s;
	top:-50px;
}
@keyframes  anim_down {
  0% {top: -50px; opacity: 0; }
  60% {top: 10px; opacity: 1; }
  100% {top: 2px; opacity: 1; }
}
.hero_in {
	animation: hero_fadin 1s ease-in-out;
}
@keyframes  hero_fadin {
  0% {width: 150%; height:150%; left:-25%; top:-25%; overflow:hidden; filter:brightness(0); opacity:0;}
  75% {width: 150%; height:150%; left:-25%; top:-25%; overflow:hidden; filter:brightness(0);opacity:0;}
  100% {filter:brightness(1);opacity:1;}
}
.delayin {
	animation: delay_in 1s ease-in-out;
}
@keyframes  delay_in {
  0% {opacity:1;}
  70% {opacity:1;}
  75% {opacity:0;}
}
.delayout {
	animation: delay_out 3.125s ease-in-out;
	transition:opacity ease-out .3s;
}
@keyframes  delay_out {
  0% {opacity:1;}
  70% {opacity:1;}
  75% {opacity:0;}
  100% {opacity:0;}
}
.disolve {
	opacity: 0;
}
.colour_in{
	animation: col_in 6s linear;
}
@keyframes  col_in {
  0% {filter: grayscale(1); }
  15% {filter: grayscale(1); }
  25% {filter: grayscale(0); }
  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_top {
	0% {top:-90px;}
	20% {top:-90px;}
	65% {top: -2px;}
	100% {top: -15px;}
}
@keyframes anc_top {
	0% {top:-90px;}
	20% {top:-90px;}
	65% {top: -2px;}
	100% {top: -15px;}
}

.anc_top.remove{
	-webkit-animation-name: anc_top_r; /* Safari 4.0 - 8.0 */
	animation-name: anc_top_r;
	background:none !important;
	box-shadow:none !important;
}
.anc_top.remove #logo-main img {
    filter: contrast(0) brightness(2);
    height: 25px;
	transition: all 2.5s;
}

@-webkit-keyframes anc_top_r {
	0% {top:-15px;}
	20% {top:-2px;}
	65% {top: -15px;}
	100% {top: -15px; background:none; -webkit-box-shadow: none; box-shadow: none; position:absolute;}
}
@keyframes anc_top_r {
	0% {top:-15px;}
	20% {top:-2px;}
	65% {top: -15px;}
	100% {top: -15px; background:none; -webkit-box-shadow: none; box-shadow: none; position:absolute;}
}
@-webkit-keyframes anc_top_page_r {
	0% {top:-15px;}
	20% {top:-2px;}
	65% {top: -15px;}
	100% {top: 0px; background:none; -webkit-box-shadow: none; box-shadow: none; position:relative;}
}
@keyframes anc_top_page_r {
	0% {top:-15px;}
	20% {top:-2px;}
	65% {top: -15px;}
	100% {top: 0px; background:; -webkit-box-shadow: none; box-shadow: none; position:relative;}
}
/*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.duo{
	background:#FFF;
}
.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;
		text-align:center;
	}
	.imagery_hidem{
		display:none;
	}
}
/*end dual panels*/

form div{
	overflow: hidden;
}

/*buttons*/
form input.button_big, a.button_big.button_small, form button.button_big{
	border-radius:5px;
	padding: .5em 1em;
	height: 2.75em;
	font-size:93%;
}
a.button_big, 
input.button_big, 
button.button_big {
    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: #000;
    margin: 10px 0 0;
    box-sizing: border-box;
    letter-spacing: .5px;
	height: 3.5em;
}
a.button_big.middle{
	top:50%;
	margin-top:  -1.75em;
	position:relative;
}
a.button_big.lt, input.button_big.lt, button.button_big.lt {
    border-color: #000;
	color: #000 !important;
	background:#FFF;
}
a.button_big.hollow, 
input.button_big.hollow, 
button.button_big.hollow {
    border-color: #000;
	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, 
input.button_big.hollow.lt, 
button.button_big.hollow.lt {
    border-color: #FFF;
	background: none;
	color:#FFF !important;
}
a.button_big:hover, a.button_big:focus, 
input.button_big:hover, 
button.button_big:hover, 
input.button_big:focus, 
button.button_big: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, 
input.button_big.hollow:hover, 
button.button_big.hollow:hover, 
input.button_big.hollow:focus, 
button.button_big.hollow:focus {
	background: #000;
	color:#FFF !important;
}
a.button_big.hollow.lt:hover, a.button_big.hollow.lt:focus, 
input.button_big.hollow.lt:hover, 
button.button_big.hollow.lt:hover, 
input.button_big.hollow.lt:focus, 
button.button_big.hollow.lt:focus {
	background: #fff;
	color:#000 !important;
}

/*end buttons*/


/*video lightbox*/
.noscroll, .warning_scroll{
	overflow: hidden;
}
#lightbox{
    position: absolute;
    top: 0;
    left: 0;
	transition:all .3s;
	z-index:-1;
}
.darken, .warning_darken {
    background: rgba(0,0,0, .85);
    z-index: 3011 !important;
    height: 100%;
	/*height: 100vh;
    height: calc(var(--vh, 1vh) * 100);*/
	width: 100%;
	position: fixed;
}
.warning_darken{
	background: rgba(0,0,0, .925);
}
.bottom_out{
    position: fixed;
    display: block;
    z-index: 5000;
    top: -300px;
    padding: 10px;
    left: 12.5%;
    width: 75%;
    box-sizing: border-box;
    transition: top .35s ease-out !important;
    overflow-y: auto;
	height: 0;
}
.lbox_body{
	background:#FFF;
	height: 0px;
	padding:3px;
	box-sizing:border-box;
	overflow-y: auto;
    margin: auto;
	display: none;
}

.bottom_out.show_bottom{
	top:1%;
	position:fixed;
	z-index:5003;
	display: block;
    transition: top .35s ease-out !important;
	height: auto;
}
.show_bottom .lbox_body{
	height: auto !important;
	display: block;
}
.show_bottom .lbox_body{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.62);
}
.top.over.mini + .bottom_out .frm_open{
	display:block;
}
.lbox_body h2{
	font-size:1.15em;
}
.fullvideo{
    width: 900px !important;
    max-width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 0;
    left: 50%;
    margin-left: -450px !important;
	z-index: 9999;
}
	
	
@media screen and (max-width: 1010px){
.bottom_out{
    left: 0;
    margin-left: 0;
    width: 100%;
}
.lbox_body{
	width: 100%;
	padding: 0;
}
}


@media screen and (max-height: 400px){
	.nav_out {
		top: 20px;
		max-height: calc(100vh - 50px);
		z-index: 5001;
	}
	#inner_hero.panels {
		height: calc(100vh - 100px) !important;
	}
}


.noborder, .noborder img {
	border: none!important;
}
div.img-caption {
	max-width: 640px;
	width: 100%;
	margin: 25px auto;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.image-group {
	display: block;
	overflow: hidden;
	clear: both;
	width: calc(100% + 30px);
    left: -15px;
    position: relative;
}
.image-group div.img-caption img {
	box-sizing: border-box;
    display: block;
    max-width: 100%;
    max-height: 150px;
    /*width: auto;
    height: auto;*/
}
	
.image-group h2{
	margin-left: 15px;
}
.image-group div.img-caption {
	float: left;
	position: relative;
	box-sizing: border-box;
	margin: 15px;
	width: calc((100% - 120.1px) / 4);
	overflow: hidden;
	display: block;
}
div.img-caption img {
	border: 1px solid #CCC;
	width: 100%;
	box-sizing: border-box;
}
div.img-caption p:first-of-type, div.img-caption h3:first-of-type {
	margin-top: 10px;
}
div.img-caption p:last-of-type {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 0;
}
@media screen and (max-width:1180px) {
.image-group div.img-caption {
	width: calc((100% - 90.1px) / 3);
}
}

@media screen and (max-width:840px) {
.image-group div.img-caption {
	width: calc((100% - 60.1px) / 2);
}
}

@media screen and (max-width:540px) {
.image-group div.img-caption {
	font-size:1.05em;
	width: calc(100% -15.1px);
}
}

div.double:first-of-type, div.tripple:first-of-type, div.double:nth-of-type(2n + 3), div.tripple:nth-of-type(3n + 4){
	clear:both;
}
div.double{
	width:49%;
	float:left;
	margin-right:2%;
}
div.double:nth-of-type(2n + 2){
	margin-right:0;
}
div.doublex:nth-of-type(2n + 2){
	margin-right:0 !important;
}
div.tripple{
	width:32%;
	float:left;
	margin-right:2%;
}
div.tripple:nth-of-type(3n + 3){
	margin-right:0;
}