/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/** What follows is the result of much research on cross-browser styling.* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,* Kroc Camen, and the H5BP dev community and team.*/

/* ========================================================================== Base styles: opinionated defaults ========================================================================== */

html,
button,
input,
select,
textarea {  color: #222;}

html {  font-size: 1em;  line-height: 1.4;}

/** Remove text-shadow in selection highlight: h5bp.com/i* These selection rule sets have to be separate.* Customize the background color to match your design.*/

::-moz-selection {  background: #b3d4fc;  text-shadow: none;}

::selection {  background: #b3d4fc;  text-shadow: none;}

/** A better looking default horizontal rule*/

hr {  display: block;  height: 1px;  border: 0;  border-top: 1px solid #ccc;  margin: 1em 0;  padding: 0;}

/** Remove the gap between images, videos, audio and canvas and the bottom of* their containers: h5bp.com/i/440*/

audio,
canvas,
img,
video {  vertical-align: middle;}

/** Remove default fieldset styles.*/

fieldset {  border: 0;  margin: 0;  padding: 0;}

/** Allow only vertical resizing of textareas.*/

textarea {  resize: vertical;}

/* ========================================================================== Browse Happy prompt ========================================================================== */

.browsehappy {  margin: 0.2em 0;  background: #ccc;  color: #000;  padding: 0.2em 0;}

/* ========================================================================== Author's custom styles ========================================================================== */

















/* ========================================================================== Helper classes ========================================================================== */

/** Image replacement*/

.ir {  background-color: transparent;  border: 0;  overflow: hidden;  /* IE 6/7 fallback */  *text-indent: -9999px;}

.ir:before {  content: "";  display: block;  width: 0;  height: 150%;}

/** Hide from both screenreaders and browsers: h5bp.com/u*/

.hidden {  display: none !important;  visibility: hidden;}

/** Hide only visually, but have it available for screenreaders: h5bp.com/v*/

.visuallyhidden {  border: 0;  clip: rect(0 0 0 0);  height: 1px;  margin: -1px;  overflow: hidden;  padding: 0;  position: absolute;  width: 1px;}

/** Extends the .visuallyhidden class to allow the element to be focusable* when navigated to via the keyboard: h5bp.com/p*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {  clip: auto;  height: auto;  margin: 0;  overflow: visible;  position: static;  width: auto;}

/** Hide visually and from screenreaders, but maintain layout*/

.invisible {  visibility: hidden;}

/** Clearfix: contain floats** For modern browsers* 1. The space content is one way to avoid an Opera bug when the*    `contenteditable` attribute is included anywhere else in the document.*    Otherwise it causes space to appear at the top and bottom of elements*    that receive the `clearfix` class.* 2. The use of `table` rather than `block` is only necessary if using*    `:before` to contain the top-margins of child elements.*/

.clearfix:before,
.clearfix:after {  content: " "; /* 1 */  display: table; /* 2 */}

.clearfix:after {  clear: both;}

/** For IE 6/7 only* Include this rule to trigger hasLayout and contain floats.*/

.clearfix {  *zoom: 1;}

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */

@media only screen and (min-width: 35em) {  /* Style adjustments for viewports that meet the condition */}

@media print,     (-o-min-device-pixel-ratio: 5/4),     (-webkit-min-device-pixel-ratio: 1.25),     (min-resolution: 120dpi) {  /* Style adjustments for high resolution devices */}

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */

@media print {  * {      background: transparent !important;      color: #000 !important; /* Black prints faster: h5bp.com/s */      box-shadow: none !important;      text-shadow: none !important;  }a,  a:visited {      text-decoration: underline;  }a[href]:after {      content: " (" attr(href) ")";  }abbr[title]:after {      content: " (" attr(title) ")";  }/*   * Don't show links for images, or javascript/internal links   */.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {      content: "";  }pre,  blockquote {      border: 1px solid #999;      page-break-inside: avoid;  }thead {      display: table-header-group; /* h5bp.com/t */  }tr,  img {      page-break-inside: avoid;  }img {      max-width: 100% !important;  }@page {      margin: 0.5cm;  }p,  h2,  h3 {      orphans: 3;      widows: 3;  }h2,  h3 {      page-break-after: avoid;  }}

body{font-family: 'BrandonText-Regular';background:#fff;font-size;14px;}
img{
	max-width: 100%;
	height: auto;
	position: relative;
}


.header_area {margin: 10px 0;text-align:center;max-height:885px}
.bar{display:block;height:20px;background:#000;}
.bg_img{background: url("img/background.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);display: block;max-height: 885px;position: absolute;width: 100%;z-index: -1;top: 0;}
.header{position: relative;}
.header ul{list-style:none;margin-left: -45px;}
.submark {margin: 4% 0 100px;}
.logo {margin-bottom: 10%;display:block;position: relative;}
.plus {display:block;position: relative;	margin-bottom: 50px;}
.header_content{ margin-top: 5%;}
.header_content h3 {font-size: 15px;font-weight: 400;line-height: 20px;}
.header_content a {font-family:'BrandonGrotesque-Medium';font-size:12px;border-left: 1px solid #000;border-right: 1px solid #000;color: #000;display: block;margin: 20% auto 35px;padding: 10px;width: 100px;letter-spacing: 1px;}

.industries_area {background: none repeat scroll 0 0 #e4e76d;padding: 50px 0 50px 0;}
.industries .content h2 {}
#top-menu img,#top-menu img,#top-menu img,#top-menu img,#top-menu img {margin-bottom: 55px;margin-left: 10px;margin-top: 40px;}
ul#nav,ul#nav,ul#nav,ul#nav,ul#nav{list-style:none;margin:0;padding:0;}
ul#nav li, ul#nav li , ul#nav li , ul#nav li , ul#nav li {display: block;width: 115px;}
ul#nav li a, ul#nav li a, ul#nav li a, ul#nav li a, ul#nav li a {color: #000;display: block;font-size: 14px;letter-spacing: 4px;padding: 10px 0;text-transform: uppercase;width: 120px;}
.active{border-bottom: 1px solid #000;transition: all 1s ease 0s;}
ul#nav li {width: 92px;}
ul#nav li {width: 92px;}
ul#nav li{width: 65px;}
ul#nav li {width: 90px;}
ul#nav li a:hover,ul#nav li a:hover,ul#nav li a:hover ,ul#nav li a:hover ,ul#nav li a:hover {text-decoration:none;}

.content {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.content_cf {
	width: 100%;
	padding:10%;
}
.content h2{font-family:'NewCaledoniaLTStd';font-size:30px;}
.content_list{}
.list_one {float: left;overflow: hidden;width: 300px;}
.list_one ul,.list_two ul{list-style:none;margin:0;padding:0;}
.list_one ul li,.list_two ul li{font-size:14px; line-height: 25px;}
.list_one ul li,.list_two ul li{font-size:14px; line-height: 25px;}
.list_two{overflow: hidden;width: 300px;}
.content h3 {
	font-family: "BrandonGrotesque-Black";
	font-size: 15px;
	line-height: 25px;
	overflow: hidden;
	padding-top: 53px;
	width: 100%;
	font-weight: bold;
}
.content p{margin-bottom:30px;}
h2 {
    margin: 10px 0;
}
.thefirm_area {background: none repeat scroll 0 0 #b5d5f0;padding: 40px 0;}
.thefirm {}
.services_area {background:#CFD4D8;padding:40px 0;}
.services {}

.testimonials {
	display: inherit;
	overflow: hidden;
	width: 80%;
	padding-top: 25px;
	margin-right: 10%;
	margin-left: 10%;
}
.testimonials h2 {
	background: none repeat scroll 0 0 #cfd4d8;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	font-family: 'BrandonGrotesque-Medium';
	font-size: 20px;
	text-align: center;
	background: -moz-linear-gradient(#cfd4d8 0%, #cfd4d8 49%, #000000 50%, #000000 51%, #cfd4d8 52%, #cfd4d8 100%);
    background: -ms-linear-gradient(#cfd4d8 0%, #cfd4d8 49%, #000000 50%, #000000 51%, #cfd4d8 52%, #cfd4d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfd4d8), color-stop(49%, #cfd4d8), color-stop(50%, #000000), color-stop(51%, #000000), color-stop(52%, #cfd4d8), color-stop(100%, #cfd4d8));
    background: -webkit-linear-gradient(#cfd4d8 0%, #cfd4d8 49%, #000000 50%, #000000 51%, #cfd4d8 52%, #cfd4d8 100%);
    background: -o-linear-gradient(#cfd4d8 0%, #cfd4d8 49%, #000000 50%, #000000 51%, #cfd4d8 52%, #cfd4d8 100%);
    background: linear-gradient(#cfd4d8 0%, #cfd4d8 49%, #000000 50%, #000000 51%, #cfd4d8 52%, #cfd4d8 100%);
	margin-bottom: -5px;
}
.testimonials h2 > span {background: #cfd4d8; padding: 0 30px;letter-spacing: 3px;}
.testimonials hr {
	background: none repeat scroll 0 0 #000;
	height: 1px;
	margin-top: -55px;
	margin-bottom: 35px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 55px;
}
.single_testimonials {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.single_testimonials p {
	font-weight: lighter;
	font-size: 15px;
	text-align: center;
	margin-bottom: -30px;
}
.single_testimonials h3 {
	font-family: "BrandonGrotesque-Medium";
	font-size: 10px;
	letter-spacing: 5px;
	text-align: center;
}

.forms_area {background:#F6905D;padding:50px 0;}
.forms {}
.single_post {}
.single_post p{}
.single_post h2 {float: left;overflow: hidden;width: 100%;}
.single_post h2 a{color:#000;border-left: 1px solid #000; border-right: 1px solid #000; font-size: 12px; font-weight: normal;padding: 15px 20px;  text-align: center;}
.single_post h2 p{font-size: 12px; font-weight: normal;padding: 15px 20px;  text-align: center;}

.contact_area {padding:75px 0 390px;}
.contact {}
.contact_form {
	margin-top: 45px;
}
.single_contract {
	margin-right: 20px;
	width: 33%;
}
.profile_pic{}
.profile_pic img { border-radius: 500px;}
.single_contract hr { background: none repeat scroll 0 0 #000; height: 1px;  margin-bottom: 35px;}
.single_contract p { line-height: 25px; padding: 0; margin: 0;}
.single_contract p span{font-family: 'BrandonGrotesque-Black'}
.single_contract ul{margin:0;padding:0;list-style:none;text-align:left;}
.single_contract ul li{display:inline-block;}
.single_contract ul li a { background: none repeat scroll 0 0 #000; border-radius: 5px; color: #fff; display: inline-block; font-size: 30px; height: 45px; margin-right: 10px; margin-top: 36px; padding-top: 2px; text-align: center; transition: all 1s ease 0s; width: 45px;}
.single_contract ul li a:hover{color:#000;background:#fff}
.single_contract input[type="email"] { background: none repeat scroll 0 0 #f6f6f6; border: 1px solid #d8d8d8; color: #808080; letter-spacing: 1px; padding: 10px; width: 100%;margin-top: 10px;}
.single_contract input[type="submit"] { background: none repeat scroll 0 0 #fff; border-color: -moz-use-text-color #000; border-style: none solid; border-width: 0 1px; font-family: "BrandonGrotesque-Medium"; font-size: 12px; letter-spacing: 1px; margin-left: 5px; margin-top: 30px; padding: 10px 25px;}
.margin_right{ margin-right: -20px;}
.scroll_up{background: none}
.scroll_up ul {list-style: outside none none;margin-top: 95px;text-align: center;}
.scroll_up a{background: none repeat scroll 0 0 #fff; border-color: -moz-use-text-color #000; border-style: none solid; border-width: 0 1px; font-family: "BrandonGrotesque-Medium"; font-size: 12px; letter-spacing: 1px; margin-left: 5px; margin-top: 30px; padding: 10px 25px;color:#000;}

.footer_top_area_nav {background:#FFFFFF;text-align:center;}
.footer_top_area {background:#ABABAB;text-align:center;}
.footer_top {}
.footer_top h3 {
	font-family: "BrandonGrotesque-Medium";
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: bold;
	font-style: normal;
}
.footer_area {background:#000;padding:10px 0;}
.footer {width: 100%;text-align: center;}
.footer img {margin-top: 10px;}
.footer p {color: #fff;font-family: "BrandonGrotesque-Black";font-size: 12px;}
.footer p a {color: #fff;text-decoration:underline;transition: all 2s ease 0s;}
.footer p a:hover {text-decoration:none;}

.owl-theme .owl-controls .active{border-bottom: 0px solid}
.owl-theme .owl-controls .active span {background: none repeat scroll 0 0 #cfd4d8;border: 2px solid #000;}
.owl-theme .owl-controls .owl-page span {background: none repeat scroll 0 0 #c1c9cc;height: 16px;width: 16px;opacity: 1;}
.top_menu {
  left: 8%;
  position: fixed;
  top: 55px;
}

ul#nav li#scroll_form_link{width: 91px;}
ul#nav li#scroll_service_link{width: 93px;}
ul#nav li#scroll_rorm_link{width: 67px;}
ul#nav li#scroll_contact_link{width: 91px;}







.slicknav_menu{
	display:none;
}


@media only screen and (max-width: 767px) { 
.slicknav_menu{
	display:block;
}

.top_menu {
    display: none !important;
}

.bar{display: none;}

.slicknav_menu {
  background: #000 !important;
  }

.list_one {float: none;width: auto;text-align: center; margin-bottom: 30px;}

.list_two{width: auto; text-align:center;}

.single_post h2 {
    float: none;
    width: auto;
    text-align: center;
}

.single_contract {
    margin-right: 0;
    width: 100%;
    text-align: center;
}

.single_contract ul {
    text-align: center;
}
.content h2 {
    text-align: center;
}
.contact_area {padding:0;}


body {
transition: all .2s;
}
/* body > *:not(#pre_home) {
opacity: 1 !important;
transition: all .2s;
}
body.loaded > *:not(#pre_home) {
opacity: 1 !important;
transition: all .2s;
}

body.loaded #pre_home {
opacity:1 !important;
} */


body.loaded > #scroll_industries, body.loaded > #scroll_form, body.loaded > #scroll_service, body.loaded > #scroll_rorm {
opacity: 1 !important;
transition: all 1s;
}
body.loaded > #scroll_industries.loaded, body.loaded > #scroll_industries.loaded, body.loaded > #scroll_form.loaded, body.loaded > #scroll_service.loaded, body.loaded > #scroll_rorm.loaded {
opacity: 1 !important;
}








}