/* CSS Document */

*{font-family: 'Roboto', sans-serif;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

body{padding:0;margin:0; color:#797979; font-size:13px; font-weight:300;}


a, a:visited{text-decoration:none; color:#0c507d;}
a:hover, a:active{color:#9fc4e0;}

#header{position:relative; text-align:left; margin:3% 5% 40px 5%;}
#header a{text-decoration:none; font-weight:400; margin:0px 5px;}
#header #logo{border-right:solid 2px #58b4e5; float:left; height:110px; padding:10px 12px 0px 0px; margin:0px 18px 0px 0px;}
#header #headerText{position:relative; top:50px;}
#header #headerText span{font-family: 'Libre Baskerville', serif; color:#9c9c9b; font-style:italic; font-size:23px; letter-spacing:0;}


#container{margin:0px 5%; max-width:1100px;}
#content{position:relative;}

#footer{margin: 150px 0px 40px 0px; text-align:right; border-top:solid 2px #bed7ea; padding-right:5%;}
#footer #footerMountain{position:relative; right:7%; bottom:95px; margin-bottom: -75px;}
#footer a, #footer a:visited{text-decoration:none;color:#9c9b9b;display:inline-block;margin:0px 3px;}
#footer a:hover, #footer a:active{color:#9c9b9b;}
#footer a.footerPhone, #footer a.footerPhone:visited, #footer a.footerPhone:hover, #footer a.footerPhone:active{text-decoration:none; color:#797979; font-weight:500;}


ul.navs{list-style:none; text-align:left;margin:0px;padding:0px; float: left;}
ul.navs li{display:inline-block; font-weight:300; color:#143868; font-family: 'Lato', sans-serif; font-size:14px;}
ul.navs li a, ul.navs li a:visited{font-weight:400; color:#143868;}
ul.navs li a:hover, ul.navs li a:active{font-weight:700; color:#58B4E5;}
ul.navs li.current a{color:#143868; font-weight:700 !important;}

#menuBar{margin: 0px 10px;}

#menuswitch{display:none; text-align:center;}

h1{font-weight:700; font-size:20px; color:#364e63;}
h2{font-weight:400; font-size:16px; color:#002857;}
.titleGray{font-weight:400; font-size:15px; color:#676767;}
img{max-width:100%; height:auto;}
.clear-fix{clear:both;}

.shadowBox{-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75); margin:20px; border:solid 2px #FFFFFF;}

h2.arrow::before{content:url('../images/arrow.png');  padding-right:6px; margin-left: -15px; position:relative; top:2px;}

.left{float:left; position:relative; width:47%;}
.right{float:right; width:47%; position: relative;}

/*HOME STYLES*/
.home{}
.firstLetter{font-size:18px; font-weight:700; color:#002857;}

/*PEOPLE STYLES*/
/*.people{width:100%; border-top:solid 2px #9fc4e0; padding-top:10px; margin-top:10px; margin-bottom:20px; min-height:200px;}*/
.people{width:100%; padding-top:10px; margin-top:10px; margin-bottom:20px; min-height:200px;}
.peopleFirst{border-top:none;}
.peopleFirstRight{border-top:none;}
.peopleLeft{width:20%; text-align:left; float:left;}
.peopleRight{width:75%; text-align:left; margin-left:25%;}
.peopleRight p{margin-top:0px;}
.peopleRight strong{font-weight:400; color:#364e63;}

/*PRINCIPLES STYLES*/
.quoteBox{width:100%; border-top:solid 2px #bed7ea; padding-top:10px; margin-top:10px; color:#0c507d; font-weight:100; font-style:italic; font-size:15px;}
.quoteAuthor{font-size:12px; text-align:right;}
.blueBox{width:100%; color:#FFFFFF; background-color:#7fb3da; padding: 3% 7%;}
.blueBox h1{color:#FFFFFF; font-size:16px;}
.blueBox h2{color:#FFFFFF; margin-bottom:0px;}
.blueBox p{margin-top:0px;}
.blueBox a, .blueBox a:visited{color:#FFFFFF;}
.blueBox a:hover, .blueBox a:active{color:#0c507d;}

/*PROCESS STYLES*/
.leftProcess{}
.leftProcess h2{margin-bottom:0px;}
.leftProcess p{margin-top:0px;}
.rightProcess{}
.customOL{margin-left: 0; padding-left: 0; list-style-type: none;}
.customOL li {counter-increment: step-counter; min-height:40px;}
/*.customOL li::before {content: counter(step-counter); float:left; position: relative; margin-right: 5px; margin-bottom:20px; font-weight:500; font-size: 18px; background-color: #9fc4e0; color: #FFFFFF; padding: 3px 9px; border-radius: 18px;}*/
.customOL li::before {content: counter(step-counter); float:left; position: relative; margin-right: 10px; margin-bottom:20px; font-weight:500; font-size: 14px; background-color: #9fc4e0; color: #FFFFFF; padding: 2px 7px; border-radius: 14px; top:2px;}
.customOL li h2{margin-bottom:0px;}
.customOL li p{margin-top:0px;}

/*PRODUCT STYLES*/
.leftProduct{}
.rightProduct{}


/*FLAGSHIP STYLES*/
.flagshipDirector{width: 100%; height: 130px;}
.flagshipCEOLeft{width:30%; text-align:left; float:left;}
.flagshipCEORight{width:65%; text-align:left; margin-left:35%;}
.directorName{font-weight:400; color:#002857;}
.directorCompany{font-weight:400; color:#797979;}


/*WORK STYLES*/
.leftWork{}
.leftWork h2{margin-bottom:0px;}
.leftWork p{margin-top:0px;}

/*CONTACT STYLES*/
.leftContact{float:left; position:relative; width:30%;}
.rightContact{float:right; position:relative; width:64%;}
.rightContact h2{margin-bottom:0px;}
.rightContact p{margin-top:0px;}
.rightContact a, .rightContact a:visited{}
.rightContact a:hover, .rightContact a:active{color:#797979;}
.rightContact a.contactPhone, .rightContact a.contactPhone:visited, .rightContact a.contactPhone:hover, .rightContact a.contactPhone:active{color:#797979;}
.leftContactCopy{float:left; position:relative; width:22%; }
.rightContactCopy{float:left; position:relative; width:39%; border-left:1px solid #797979; padding-left:2%;}
.smallerTitle{font-size:13px;}

/*PRESS STYLES*/

.leftPress{float:left; position:relative; width:80%}
.rightPress{position: absolute; width: 220px; top: -22px; right: 0px;}
.press{text-align:center; width:244px; float:left; margin:0px 24px 24px 24px;}
.pressDate{border-top:1px solid #9c9ea2; border-bottom:1px solid #9c9ea2; color:#676767; padding:5px 0px; width:100%; text-transform:uppercase;}
.pressName{color:#002857; font-size:15px; font-weight:400; margin-bottom:0px;}
h2.pressName a, h2.pressName a:visited{color:#002857;}
h2.pressName a:hover, h2.pressName a:active{color:#58B4E5;}
.pressHeadline{margin-top: 0px; margin-bottom: 24px;}
p.pressHeadline a, p.pressHeadline a:visited{color:#797979;}
p.pressHeadline a:hover, p.pressHeadline a:active{color:#9fc4e0;}
a.pressLink{overflow: hidden; display: inline-block;  height: 262px; width: 202px; position: relative;}
a.pressLink{border:1px solid #ccc;box-shadow:0 0 3px 0 #ccc;transition:box-shadow .3s;}
a.pressLink:hover {border:1px solid #ccc;box-shadow:6px 6px 6px 0 #ccc;}
/* a.pressLink:hover::before, a.pressLink:active::before{content: url('../images/page_turner.png'); position:absolute;top:0;left:0;}
a.pressLink:hover img, a.pressLink:active img{-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);} */
a.pressPhone:hover, a.pressPhone:active{color:#FFFFFF;}

@media (max-width:975px) {
#header #logo {text-align: center; margin: 0px auto; padding: 0px; float: none; border-right: none;}
#header #headerText {top: -20px; text-align: center;}
ul.navs{float:none; text-align:center;}
.leftContactCopy{width:30%;}
.leftPress{width:75%;}
.leftContactCopy{float:none; width:100%; }
.rightContactCopy{float:none; width:100%; border-left:none; padding-left:0px;}
}

@media (max-width:700px){
ul.navs li{display: none; padding: 5px 0px;}
#homeNav{}
#menuswitch{display:inherit;} 
.left{width:45%;}
.right{width:45%;}	
.leftContact{width:30%;}
.rightContact{width:60%;}
}

@media (max-width:550px) {
#footer{text-align:center;}
#footer span{display:block;}
#footer span span{display:inline-block;}
#footer span.credit{margin-top:-16px;}
.footerHide{display:none !important;}
.left{float:none; width:100%;}
.right{float:none; width:100%;}
.shadowBox{margin:0px;}
h2.arrow::before {margin-left:0px;}
/*.peopleFirstRight{border-top:solid 2px #9fc4e0;}*/
.blueBox{margin-top: 40px;}
.leftContact{display: none;}
.rightContact{width:100%;}
.leftContactCopy{float:none; width:100%; }
.rightContactCopy{float:none; width:100%; border-left:none; padding-left:0px;}
.rightProcess{text-align:center;}
.leftPress{width:100%; float:none;}
.rightPress{position:relative; width:100%; top:0px; right:0px;}
a.pressPhone:hover, a.pressPhone:active{color:#0c507d;}
}