body {
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	color:#444;
	line-height:1.3;
	text-align:left;
	background:#fff;
	overflow-x:hidden;
	width:100%;
	margin:0;
	padding:0;
}

a, a:hover, a:active, a:visited {color:#897e69; font-weight:bold; text-decoration:none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
a:hover {color:#134962;}

.x-bold {font-weight:800;}
.bold, b, strong {font-weight:bold !important;}
.italic, i, em {font-style:italic !important;}
.condensed {font-family: 'Open Sans Condensed', sans-serif !important;}
.underline, u {text-decoration:underline !important;}
.delete {text-decoration:line-through !important;}
.text_right, .align-right, .right-align {text-align:right !important;}
.text_left, .align-left, .left-align {text-align:left !important;}
.text_center, .align-center, .center-align {text-align:center !important;}
.normal {font-weight:normal  !important;}
.align-top {vertical-align:top;}
.smalltext, .small {font-size:11px !important; font-style:italic !important; color:#666 !important; text-transform:lowercase;}
.left {float:left !important;}
.right {float:right !important;}
.full-width {float:left; width:100%; padding:10px 0;}
.full {width:100% !important; display:inline-block !important; float:none !important; margin:0 !important; padding:0 !important;}
img.full {height:auto;}
.large_text { font-size: 18px; }

.float-none {float:none;}
.no-pad {padding:0 !important; background:#eee !important;}
.mobile-only {display:none !important;}
.hide {display:none;}
.uppercase {text-transform:uppercase;}
.thin {font-weight:100 !important;}

.white-bg {background:#fff !important;}
.xlight-gray-bg {background:#eee !important;}
.light-gray-bg {background:#e3e3e3 !important;}
.blue-bg {background:#134962;}
.green-bg {background:#61543c; color:#fff;}
.green-bg h2, .green-bg h3, .green-bg p {color:#fff;}

.white-text {color:#fff !important;}
.white-border {border:solid 2px #fff;}

a.btn {display:inline-block; width:auto; padding:15px 40px;border-radius: 2px; -webkit-border-radius:2px;}
a.btn-white-bg {background:#fff; color:#134962; text-decoration:none;}
a.btn-white-bg:hover {color:#fff; -webkit-box-shadow:inset 0 0 0 2px #fff; box-shadow:inset 0 0 0 2px #fff; background:transparent;}
a.btn-blue-bg {color:#fff; background:#134962; text-decoration:none;}
a.btn-blue-bg:hover {color:#134962; -webkit-box-shadow:inset 0 0 0 2px #134962; box-shadow:inset 0 0 0 2px #134962; background:transparent;}

h1, h2, h3 {line-height:1.0; color:#897e69;}
h1 {display:inline-block; width:100%; margin:0 0 35px 0; font-size:36px; line-height:1.3}
h2 {display:inline-block; width:100%; margin:0 0 25px 0; font-size:32px;}
h3 {display:inline-block; width:100%; margin:0 0 10px 0; font-size:24px;}
p {display:inline-block; width:100%; margin:0 0 20px 0; font-size:16px;}

.center-content {position:relative; display:inline-block; width:100%; max-width:1600px; margin:0 auto;}


/* COLUMN STRUCTURE - 12 COLUMNS */

.row {width:100%; float:left;}
.col {display:inline-block; padding:10px 1% !important; vertical-align:top; overflow:hidden; position:relative;}
.one-col {width:6% !important;}
.two-col {width:14% !important;}
.three-col {width:22% !important;}
.four-col {width:30% !important;}
.five-col {width:39% !important;}
.six-col {width:47% !important;}
.seven-col {width:56% !important;}
.eight-col {width:64% !important;}
.nine-col {width:73% !important;}
.ten-col {width:81% !important;}
.eleven-col {width:89% !important;}
.twelve-col {width:98% !important;}


/* END COLUMN STRUCTURE - 12 COLUMNS */

.horiz-divide {height:0; padding:0 !important; border-top:solid 2px #ccc; border-bottom:solid 2px #ccc; margin:25px 0;}


#logo {position:absolute; z-index:3; top:25px; left:25px; width:150px; height:auto;}

/* NAV BUTTON */

#nav-toggle {position: fixed; z-index:9; right:25px; top:25px; cursor:pointer; width: 28px; height: 30px; padding:24px 12px 0px 12px; background:rgba(137, 126, 105, .8); border-radius:50%; -webkit-border-radius:50%; }
#nav-toggle span:after, #nav-toggle span:before {content: ""; position: absolute; left: 0; top: -9px;}
#nav-toggle span:after{top: 9px;}
#nav-toggle span {position: relative; display: block;}

#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {width: 100%; height: 5px; background-color: #fff; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px;}

#nav-toggle.active {background:transparent;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before {transform: rotate(45deg) translate(5px, 5px);}
#nav-toggle.active span:after {transform: rotate(-45deg) translate(7px, -8px);}
#nav-toggle.active {opacity: 1; visibility: visible;}

/* END NAV BUTTON */

#nav {position:fixed; background:#134962; width:0%; height:100%; top:0; bottom:0; right:0; z-index:5; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
#nav.active { width:100%;}
#nav li {float:left; width:100%; position:relative; overflow:hidden;}
#nav li .center-center-bg {position:absolute; z-index:1; top:0; left:0; width:100%; height:auto; opacity:.40; filter: alpha(opacity=40);}
#nav li .center-center-bg:empty {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#nav li:hover .center-center-bg  { opacity:.25; filter: alpha(opacity=25);}
#nav li a {position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center; color:#fff; text-transform:uppercase; font-weight:800; font-size:24px;}
#nav li a span {position:absolute; top:50%; left:0; width:100%; margin-top:-12px;}
#nav li:nth-child(even) a {background:rgba(0, 0, 0, .1);}

#main-wrapper, .content {float:left; width:100%; position:relative; z-index:2;}

#footer {background:#897e69; color:#fff;}
#footer a, #footer .small {color:#fff !important;}
#footer .footer-logo {width:100px; height:auto; display:inline-block; margin-bottom:10px;}

#header {background:#000; width:100%; position:relative;}
#header .center-center-bg, .content .center-center {position:absolute; z-index:1; top:0; left:0; width:100%; height:auto; opacity:.40; filter: alpha(opacity=40);}
#header .center-center-bg:empty, .center-center:empty {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#header .six-col {position:absolute; z-index:2; top:50%; height:275px; margin-top:-100px !important; left:25%;}
#header .six-col p {line-height:1.5;}

.content {overflow:hidden;}
.content .center-center {position:absolute; z-index:1; top:0; left:0; width:100%; height:auto; opacity:.30; filter: alpha(opacity=30);}
.center-center:empty {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.content > .center-content {margin:50px auto !important; width:96% !important; padding:0 2%; position:relative; z-index:2;}

.content > .center-content img.circle-about {height:auto; width:60%; -webkit-border-radius:50%; border-radius:50%; display:inline-block;}
.content > .center-content .six-col.left-align h2 {margin-top:15px; }

#home-services h2 img {width:150px; height:auto; padding:10px; border-radius:50%; -webkit-border-radius:50%;s}
#home-services p, #home-services li {color:#fff !important;}
#home-services .center-center {min-height:100%; min-width:100%; width:auto; height:auto;}

#products .three-col {text-align:left; text-align:center;}
#products .three-col p {margin-top:10px; text-align:center;}
#products img {width:60%; height:auto; border-radius:50%; -webkit-border-radius:50%;}
#products li {text-align:left; text-align:center; display:inline-block; padding:3px; width:100%;}

.four-col.right-border {-webkit-box-shadow:inset -2px 0 0 0 #cccccc; box-shadow:inset -2px 0 0 0 #cccccc;}
#home-services ul li {display:block; width:94%; padding:10px 3%;font-size:14px; font-weight:bold; color:#666; text-transform:uppercase;}

#client-square .four-col {background:#fff; -webkit-box-shadow:inset 0 0 0 2px #eee; box-shadow:inset 0 0 0 2px #eee; float:left; postion:relative; cursor:pointer; width:31% !important;}
#client-square .four-col img {display:inline-block; width:80%; height:auto; position:relative; z-index:1;}
#client-square .four-col .client-services {position:absolute; z-index:2; left:2px; right:2px; top:100%; bottom:2px; padding:15px 25px; background:rgba(19, 73, 98, .8); color:#fff; font-size:12px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
#client-square .four-col:hover .client-services {top:2px;}
#client-square .four-col .client-services li {text-align:left; font-weight:bold; width:100%; display:inline-block; padding:10px 0; text-transform:uppercase;}

#process-process > .center-content > .col {margin-bottom:25px;}
#process-process img.circle-process {height:auto; width:50%; -webkit-border-radius:50%; border-radius:50%; display:inline-block; background:#134962; padding:25px;}
#process-process .six-col li {display:inline-block; width:100%; padding:0 0 5px 0; font-size:14px;}

.quote h2 {line-height:1.3;}

.porfolio .six-col > img {height:auto; width:80%; display:inline-block;}
.porfolio .six-col li {font-weight:bold; text-transform:uppercase; padding:5px 0; color:#134962; font-size:14px;}
.porfolio .six-col.white-text li, .porfolio .white-text li {color:#fff;}

.blue-bg.porfolio .six-col {position:relative; z-index:2;}
.blue-bg.porfolio h2 {text-align:center;}
.blue-bg.porfolio p {line-height:1.5;}

img.icon-fifty {display:inline-block; width:50px; height:auto;}
img.icon-seventy-five {display:inline-block; width:75px; height:auto;}
img.icon-hundo {display:inline-block; width:100px; height:auto;}
img.white-border {border:solid 1px #fff; padding:10px; border-radius:50%; -webkit-border-radius:50%;}

#header.contact .six-col {position:absolute; top:50%; height:350px; margin-top:-175px !important; left:25%;}
#header.contact .six-col h2 {margin-bottom:5px;}
#header.contact .six-col p {line-height:1.5; font-weight:normal;}
#header.contact .six-col .four-col:hover {opacity:0.7; filter:alpha(opacity=70); width:50px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
#header.contact .six-col .four-col img {margin-bottom:15px;}
#header.contact .six-col .four-col:hover img {background:rgba(137, 126, 105, .8); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}