@charset "UTF-8";
h1, h2 {
	text-transform:uppercase;
	margin:0
}
.headingIcon, .symbol, a.top, b.square, i.round, i.square, ul.list-main li:before, ul.social li a {
	text-align:center
}
#preloader, body {
	background-color:#fff
}
#testimonials .info p, blockquote {
	font-style:italic
}
article, aside, blockquote, body, button, cite, dd, div, dl, dt, fieldset, footer, header, html, input, li, nav, ol, p, section, select, span, table, tbody, td, textarea, tfoot, th, tr, ul {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:400;
	line-height:1.714em
}
body, html {
	width:auto!important;
	overflow-x:hidden!important
}
#contact.opt .office span, .big, .btn, .form-control, .frame>div .oops, .member-info .meta-data>div, .meta, .meta.counter div, .nav-tabs>li>a, .navbar-default .navbar-nav li a, .post-date span, .recent-project ul.bxslider li .project-data a.btn, .recent-project ul.bxslider li .project-data li strong, b.square, b.squareSmall, h1, h2, h3, h4, h5, h6 {
	font-family:'Roboto Slab', serif
}
input[type=submit] {
	font-family:FontAwesome, Roboto Slab, Arial;
	margin-top:.5em
}
h1 {
	font-size:3.429em;
	font-weight:100
}
h2, h3, h4, h5 {
	font-weight:400
}
h1.big {
	font-size:3.5em;
	line-height:.85em
}
h1.big strong {
	display:block
}
h2 {
	font-size:2.143em
}
h3 {
	font-size:1.714em
}
h4 {
	font-size:1.5em
}
h1 a, h2 a, h3 a, h3 small, h4 a, h4 small, h5 a, h5 small, h6 a, h6 small {
	font-size:1em
}
h5 {
	font-size:1.286em
}
h6 {
	font-size:1.143em;
	font-weight:300
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	display:block;
	font-weight:100;
	text-transform:none
}
h1 b.square, h1 b.squareSmall, h1 i.square, h1 i.squareSmall, h2 b.square, h2 b.squareSmall, h2 i.square, h2 i.squareSmall, h3 b.square, h3 b.squareSmall, h3 i.square, h3 i.squareSmall, h4 b.square, h4 b.squareSmall, h4 i.square, h4 i.squareSmall, h5 b.square, h5 b.squareSmall, h5 i.square, h5 i.squareSmall, h6 b.square, h6 b.squareSmall, h6 i.square, h6 i.squareSmall {
	font-size:.75em;
	float:left;
	margin-right:.55em
}
.big, .btn, span.error {
	font-size:1.15em
}
.white {
	color:#fff
}
a, a:focus, a:hover, a:visited {
	text-decoration:none
}
:active, :focus {
	outline:0!important
}
p {
	margin:.5em 0 1.5em
}
.big {
	line-height:1.75em
}
textarea {
	min-height:8em
}
.clear {
	clear:both
}
.image.pull-right, img.pull-right {
	margin:0 0 1.5em 1.5em
}
.image.pull-left, img.pull-left {
	margin:0 1.5em 1.5em 0
}
.required {
	color:#F30
}
.btn-dark, .btn-primary, .btn-sec, .btn:focus, .btn:hover, ul.list-main li:hover:before, ul.list-main.bigIcon li:hover:before {
	color:#fff
}
span.error {
	position:absolute;
	right:1.85em;
	top:1.85em
}
#subscribeForm span.error {
	top:.5em;
	right:1em
}
i {
	margin-right:.3em
}
.wow {
	visibility:hidden
}
.zeroM {
	margin:0!important
}
.noBG {
	background-image:none!important
}
.btn {
	padding:.55em 1em;
	border:0;
	border-radius:0
}
.btn-sm {
	font-size:1em;
	padding:.35em .65em
}
.btn-lg {
	font-size:1.35em;
	text-transform:uppercase;
	padding:.65em 1em
}
.btn i {
	margin:0 0 0 .35em
}
button {
	font-size:1.08em;
	margin:.15em
}
ul.list-default, ul.list-main {
	margin:1.5em 0;
	list-style-type:none
}
.tooltip {
	white-space:nowrap
}
ul.list-default {
	padding:0
}
ul.list-default li {
	padding:.5em 0 .5em 1.5em;
	position:relative;
	border-top:1px solid rgba(0, 0, 0, .1)
}
ul.list-default li:first-child, ul.list-main li:first-child, ul.list-main.bordered li:first-child {
	border:none
}
ul.list-default li:hover {
	background-color:#fff;
	padding-left:1.85em
}
ul.list-default li:before {
	content:"\f054";
	font-family:FontAwesome;
	font-size:.7em;
	position:absolute;
	left:0;
	top:.8em
}
ul.list-default li:hover:before {
	left:.5em
}
ul.list-main {
	padding:0
}
ul.list-main li {
	padding:0 0 0 3em;
	margin-bottom:1.5em;
	position:relative
}
ul.list-main li:before {
	display:block;
	content:"\f105";
	font-family:FontAwesome;
	font-size:1em;
	position:absolute;
	left:0;
	top:.15em;
	width:1.65em;
	height:1.65em;
	line-height:1.65em
}
.panel-default>.panel-heading h4 a:before, blockquote div.author::before, blockquote i {
font-family:FontAwesome
}
ul.list-main.bordered li {
	border-top:1px solid rgba(0, 0, 0, .1);
	margin:0;
	padding:.5em 0 .5em 3em
}
ul.list-main.bordered li:before {
	top:1.08em
}
ul.list-main.bigIcon li:before {
	content:'\f005';
	width:2.55em;
	height:2.55em;
	font-size:1.65em;
	line-height:2.55em;
	top:.5em;
	color:rgba(0, 0, 0, .1)
}
.headingIcon::after, .headingIcon::before, blockquote .author small::before {
content:''
}
ul.list-main.bigIcon li {
	padding:1em 0 1em 6em
}
ul.list-main.bigIcon li h4, ul.list-main.bigIcon li h5 {
	margin:5px 0
}
ul h4 {
	margin:0 0 .55em
}
ul.social li {
	margin:0 2px;
	padding:0
}
ul.social li a {
	display:block;
	width:1.85em;
	height:1.85em;
	font-size:1.5em;
	color:#fff;
	line-height:1.855em
}
ul.social li a i {
	margin:0
}
.item-thumbnail {
	border-radius:0
}
a.top {
	display:none;
	color:#fff;
	padding:.8em .8em 1em 1.3em;
	-webkit-border-radius:.2em;
	-moz-border-radius:.2em;
	-ms-border-radius:.2em;
	border-radius:.2em;
	position:fixed;
	right:1em;
	bottom:1em;
	opacity:.8
}
a.top:hover {
	opacity:1
}
.page-block {
	position:relative;
	padding:6.35em 0
}
.page-block-small {
	position:relative;
	padding:3.5em 0
}
.page-block-large {
	padding:8em 0
}
.page-block-full {
	padding:5em
}
.absShape {
	position:absolute;
	z-index:9
}
#preloader {
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999
}
#preloader img {
	position:absolute;
	top:50%;
	bottom:auto;
	left:50%;
	right:auto;
	margin:-64px 0 0 -64px
}
i.round {
	width:2.15em;
	height:2.15em;
	line-height:2.15em;
	font-size:1.35em;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	color:#fff;
	margin-right:.5em
}
.gapL, .gapM, .gapS {
	width:100%
}
.square1, .square2 {
	-webkit-border-radius:15%;
	-moz-border-radius:15%;
	-ms-border-radius:15%
}
.list-inline>li {
	vertical-align:middle
}
.pp_nav p {
	line-height:1em
}
.pp_social {
	margin-top:.5em;
	float:none
}
.pp_social .facebook {
	min-width:100px
}
hr.light {
	background-color:transparent;
	border-bottom:1px solid rgba(255, 255, 255, .2);
	border-style:none none solid;
	margin:1.5em 0
}
hr {
	border-color:rgba(0, 0, 0, .1)
}
.logos {
	margin:3em 0
}
.logos li {
	margin:3em 1em 0
}
section {
	overflow:hidden;
	position:relative
}
.gapS {
	height:1.5em
}
.gapM {
	height:3em
}
.gapL {
	height:6em
}
.symbol {
	display:block;
	width:60em;
	height:60em;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	margin:0 auto;
	font-size:1em
}
.symbol.medium {
	position:relative;
	font-size:.3em
}
.symbol.small {
	position:relative;
	font-size:.1em
}
.symbol.medium .absShape, .symbol.small .absShape {
	width:100%;
	height:100%
}
.symbol.medium .absShape i, .symbol.small .absShape i {
	font-size:3em;
	line-height:1.85em;
	margin:0;
	color:#fff
}
.square1, .square2, .square3 {
	width:100%;
	height:100%;
	margin:0 auto;
	top:0;
	right:0;
	bottom:auto;
	left:0;
	display:block;
	position:absolute
}
.square1 {
	border-radius:15%;
	-moz-transform:rotate(-17deg);
	-webkit-transform:rotate(-17deg);
	-o-transform:rotate(-17deg);
	-ms-transform:rotate(-17deg);
	transform:rotate(-17deg)
}
.square2 {
	border-radius:15%;
	-moz-transform:rotate(17deg);
	-webkit-transform:rotate(17deg);
	-o-transform:rotate(17deg);
	-ms-transform:rotate(17deg);
	transform:rotate(17deg)
}
.square3 {
	-webkit-border-radius:15%;
	-moz-border-radius:15%;
	-ms-border-radius:15%;
	border-radius:15%;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.line {
	display:block;
	width:8em;
	height:2px;
	/*margin: 0 auto;*/
}
b.square, i.square {
	width:2.35em;
	height:2.35em;
	line-height:2.35em;
	font-size:1.85em;
	color:#fff
}
b.square, b.squareSmall {
	display:inline-block;
	font-weight:300
}
b.squareSmall, i.squareSmall {
	width:1.85em;
	height:1.85em;
	line-height:1.85em;
	font-size:1.5em;
	color:#fff;
	text-align:center
}
i.square.outline, i.squareSmall.outline {
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	opacity:.3
}
.btn.btn-default, a.outline {
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	opacity:.5
}
.btn.btn-default.light, a.outline.light, i.square.outline.light, i.squareSmall.outline.light {
	background-color:transparent;
	border:1px solid #fff;
	opacity:.3;
	color:#fff
}
.btn.btn-default.light, a.outline.light, i.square.outline.light:hover, i.squareSmall.outline.light:hover {
	opacity:1
}
.btn.btn-default:hover, a.outline:hover {
	opacity:1;
	border-style:solid
}
.headingIcon::after, .headingIcon::before {
background-color:rgba(0, 0, 0, .1);
position:absolute;
height:5px;
width:100px;
top:45%;
right:100%;
z-index:0
}
.headingIcon::before {
right:100%
}
.headingIcon::after {
left:100%
}
.headingIcon {
	display:inline-block;
	margin:3em auto;
	position:relative;
	width:auto
}
.headingIcon i {
	margin:0
}
.section-heading {
	display:block;
	margin-bottom:2.55em
}
.section-heading h2 {
	float:left;
	white-space:nowrap
}
.section-heading .btn {
	float:right;
	margin-top:.35em
}
.container .jumbotron, .container-fluid .jumbotron, .jumbotron {
	border-radius:0
}
.container .jumbotron p, .container-fluid .jumbotron p {
	margin:1em 0
}
blockquote {
	position:relative;
	border:1px solid rgba(0, 0, 0, .1);
	border-style:solid none;
	padding:1.85em 1.5em;
	margin-top:3em;
	font-size:1.15em
}
blockquote .author, blockquote div.author::before, blockquote i {
background-color:#fff;
position:absolute
}
blockquote i {
	display:block;
	top:-.65em;
	left:-.15em;
	color:rgba(0, 0, 0, .1);
	padding:0 .15em
}
blockquote .author {
	bottom:1.35em;
	right:1.5em;
	text-align:right;
	font-size:1.15em;
	padding:.5em 1em .5em 2.65em
}
blockquote .author small {
	display:inline-block
}
blockquote div.author::before {
display:block;
top:.65em;
content:'\f005';
font-size:.85em;
left:.85em;
right:100%;
width:1em;
height:1em;
opacity:.85;
filter:alpha(opacity=85)
}
.tooltip.top {
	margin-top:-1.15em;
	opacity:.8
}
.featuredImg {
	background:url(../images/bgimages/featureBox.jpg) center center no-repeat fixed;
	-webkit-background-size:cover;
	background-size:cover
}
.featuredImg h1.big {
	font-size:7em;
	line-height:1em
}
.featuredImg h1, .featuredImg h1.big strong {
	color:#fff
}
.image, .post-media, .project-gallery .item, .services .item {
	background-color:#000;
	position:relative;
	display:block;
	overflow:hidden
}
.image img, .post-media>img, .project-gallery .item img, .services .item img {
	width:100%
}
.image:hover img, .post-media:hover>img, .project-gallery .item:hover img, .services .item:hover img {
	opacity:.3;
	filter:alpha(opacity=30)
}
.image .overlay, .post-media .overlay, .project-gallery .item .overlay, .services .item .overlay {
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute
}
.image a i, .project-gallery .item .overlay a i, .services .item .overlay a i, post-media .overlay a i {
	margin:0
}
.overlay .square {
	width:2.15em;
	height:2.15em;
	line-height:2.15em;
	font-size:1.5em
}
.image a.link, .project-gallery .item a.link, .services .item a.link {
	position:absolute;
	left:-4.5em;
	right:auto;
	bottom:-4.5em
}
.image:hover a.link, .project-gallery .item:hover a.link, .services .item:hover a.link {
	left:50%;
	bottom:50%
}
.image a.zoom, .post-media a.zoom, .project-gallery .item a.zoom, .services .item a.zoom {
	position:absolute;
	right:-4.5em;
	left:auto;
	bottom:-4.5em
}
.image:hover a.zoom, .post-media:hover a.zoom, .project-gallery .item:hover a.zoom, .services .item:hover a.zoom {
	right:50%;
	bottom:50%;
	margin:0 -1.5em 0 0
}
.services .item:hover a.link {
	left:50%;
	bottom:50%;
	margin:0 0 -1.55em -1.55em
}
.project-gallery .item:hover .overlay.hasBoth a.link, .project-gallery .item:hover .overlay.hasBoth a.zoom {
	margin:0
}
.services .item:hover .overlay.hasBoth a.link {
	margin:0 -1.5em -1.5em 0
}
.services .item:hover .overlay.hasBoth a.zoom {
	margin:0 0 -1.5em -1.5em
}
.container-wide {
	position:relative
}
.navigation {
	position:absolute;
	z-index:0;
	width:100%;
	top:50%;
	margin-top:-1.55em
}
.navigation i {
	margin:0
}
.navigation i:hover {
	color:#fff
}
.navigation .fa-angle-left {
	float:left
}
.navigation .fa-angle-right {
	float:right
}
.panel-default>.panel-heading, .panel-group .panel {
	position:relative;
	padding:0;
	border-radius:0
}
.panel-default>.panel-heading h4 {
	padding:.55em .65em .55em 3em
}
.panel-default>.panel-heading h4.active {
	background-color:#fff
}
.panel-default>.panel-heading h4 a {
	display:block;
	padding:.35em .5em .35em 0;
	font-weight:400;
	text-transform:none
}
.panel-default>.panel-heading h4 a:before {
	content:'\f055';
	font-size:14px;
	top:.65em;
	right:auto;
	bottom:auto;
	left:.65em;
	position:absolute;
	width:2.85em;
	height:2.85em;
	text-align:center;
	line-height:2.65em;
	margin:0;
	z-index:9
}
.panel-default>.panel-heading h4.active a:before {
	content:'\f056'
}
.panel-group .panel {
	background-color:transparent;
	margin-bottom:1.35em;
	box-shadow:none;
	margin-top:3px
}
.panel-body {
	border:none;
	padding:0 1.65em 1.15em 3.55em
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border:0
}
.form-control {
	border-radius:0px;
	height:2.35em;
	margin:.4em 0;
	font-size:1.15em;
	padding:.65em 1.5em;
	box-shadow:none;
	-webkit-box-shadow:none
}
.promoBox .commercial, .promoBox .residential {
	position:relative;
	height:30em;
	overflow:hidden
}
.dark .form-control {
	background-color:rgba(255, 255, 255, .1);
	border:1px solid rgba(255, 255, 255, .2);
	color:rgba(255, 255, 255, .7)
}
.dark .form-control:focus {
	background-color:transparent;
	color:#fff
}
.dark ::-webkit-input-placeholder {
color:rgba(255, 255, 255, .7)
}
.dark :-moz-placeholder {
color:rgba(255, 255, 255, .7)
}
.dark ::-moz-placeholder {
color:rgba(255, 255, 255, .7)
}
.dark :-ms-input-placeholder {
color:rgba(255, 255, 255, .7)
}
.tab-content {
	border:1px solid rgba(0, 0, 0, .1);
	border-style:none solid solid;
	padding:2.55em
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
	background-color:transparent;
	border-color:rgba(255, 255, 255, .1);
	box-shadow:none;
	color:#fff
}
.nav-tabs>li>a {
	font-size:1.08em
}
.nav-tabs>li {
	border:none;
	margin-right:1px
}
.form-control:focus {
	background-color:#fff;
	box-shadow:none
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-bottom-width:1px;
	font-weight:700
}
.elements {
	padding:1.5em!important
}
.featured h1, .featured h1 small {
	color:#fff;
	text-align:center
}
.featured h1 small {
	display:block;
	font-weight:100;
	text-transform:none
}
.calltoAction h2, .stat h1 {
	font-weight:700
}
.breadcrumbs h2, .promoBox h3 {
	text-transform:uppercase
}
.boxedb {
	background:url(../images/boxedb.png)
}
.boxedeb {
	background:url(../images/boxedeb.png)
}
.boxedw {
	background:url(../images/boxedw.png)
}
.blackBG {
	background:url(../images/blackBG.png)
}
.whiteBG {
	background:url(../images/whiteBG.png)
}
.hasBGimg {
	background:url(../images/slider/slide3.jpg) center center no-repeat fixed;
	-webkit-background-size:cover;
	background-size:cover
}
.promoBox {
	position:relative
}
.promoBox .commercial {
	background:url(../images/bgimages/commercial.jpg) center center no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.promoBox .residential {
	background:url(../images/bgimages/residential.jpg) center center no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.promoBox .commercial .absShape {
	top:auto;
	left:auto;
	bottom:0;
	right:0;
	padding:.5em 1.65em;
	width:550px
}
.promoBox .commercial:hover .absShape {
	right:1.5em;
	bottom:1.5em
}
.promoBox .residential .absShape {
	top:auto;
	left:0;
	bottom:0;
	padding:.5em 1.65em;
	width:550px
}
.promoBox .residential:hover .absShape {
	left:1.5em;
	bottom:1.5em
}
.promoBox h3, .promoBox p {
	color:#fff
}
.promoBox .commercial a, .promoBox .residential a {
	position:absolute;
	right:0;
	bottom:0;
	top:0;
	left:0
}
.promoBox .commercial a i {
	position:absolute;
	bottom:-3em;
	right:-3em;
	z-index:9
}
.promoBox .commercial:hover a i {
	bottom:0;
	right:0
}
.promoBox .residential a i {
	position:absolute;
	bottom:-3em;
	left:-3em;
	z-index:9
}
.promoBox .residential:hover a i {
	bottom:0;
	left:0
}
.promoBox .commercial a i, .promoBox .residential a i {
	margin:0
}
.stat {
	background:url(../images/bgimages/stat.jpg) center center no-repeat fixed;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden
}
.stat .container>div, .stat h1, .stat.opt i {
	color:#fff
}
.stat h4 {
	margin-top:.5em
}
.stat.opt>div {
	text-align:center
}
.stat.opt h4 {
	color:#fff
}
.stat i {
	margin:0 auto .35em
}
.stat.opt span {
	background-color:#fff;
	margin:1em auto
}
.calltoAction {
	background:url(../images/bgimages/calltoaction.jpg) center center no-repeat fixed;
	-webkit-background-size:cover;
	background-size:cover;
	overflow:hidden;
	position:relative;
	box-shadow:0 10px 10px 0 rgba(0, 0, 0, .15) inset;
	-webkit-box-shadow:0 10px 10px 0 rgba(0, 0, 0, .15) inset
}
.calltoAction h2, .calltoAction h2 small, .calltoAction p {
	margin:0 0 .5em
}
.calltoAction .widget {
	background-color:rgba(255, 255, 255, .8);
	display:block;
	float:left;
	/* width:48%; */
	width: 31.1%;
	height:19em;
	padding:3em;
	border:3px solid #fff;
	margin:1%;
	position:relative
}
.navbar-default .navbar-nav>li:last-child>a, .rightnav {
	padding-right:0
}
.calltoAction .widget i.opaque {
	top:auto;
	right:.5em;
	bottom:.5em;
	left:auto;
	position:absolute;
	font-size:3em;
	margin:0;
	opacity:.8
}
.calltoAction .widget form, .navbar-nav li {
	position:relative
}
.calltoAction p {
	margin-bottom:1.85em
}
.calltoAction .form-control, .calltoAction .form-control:focus {
	position:relative;
	background-color:transparent;
	padding-left:1.5em;
	height:3em;
	margin:1.1em 0
}
header {
	overflow:visible;
	background-color:#fff;
	-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, .2);
	box-shadow:0 0 3px 0 rgba(0, 0, 0, .2)
}
#slides, .header-top, .project-gallery, .services .item, .staff .member, .staff .team {
	overflow:hidden
}
.navbar-default, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:transparent
}
header .logo a {
	display:block
}
.navbar-nav li, header .logo a img {
	display:inline-block
}
header .logo1 a {
	display:block
	height: 20px;
}
.navbar-nav li, header .logo1 a img {
	display:inline-block
}
.navbar-default {
	border:none
}
.navbar-nav {
	width:100%;
	text-align:right;
	font-size:0
}
.navbar-nav ul {
	-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, .15);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .15)
}
.navbar-nav li {
	float:none
}
.navbar-default .navbar-nav>li>a {
	font-size:1em;
	text-transform:uppercase;
	font-weight:400;
	text-decoration:none;
	/* padding:0 1.15em; */
	padding: 0 10px;
	text-align:center;
	line-height:7em
}
.gocodesau {
    padding-top: 10px;
    text-align: -webkit-right;
}
.cbp-af-header-shrink .gocodesau {
    padding-top: 11px;
    margin-top: -6px;
   
}


.google{
 padding-top: 15px;
 margin-top: 0px;
   
}

@media only screen and (max-width: 600px) {
  .google {
    display: none;
}  
}
.logo {
    padding-top: 5px;
}
.navbar-default .navbar-nav>li.sub>a {
	/*padding:0 1.65em*/
	padding: 0 1.20em;
}
.navbar-default .navbar-nav>li>a i {
	display:block;
	opacity:.5;
	margin-top:.15em
}
.navbar {
	min-height:1em;
	margin:0
}
.navbar-default .navbar-toggle {
	margin:0;
	border:none
}
.navbar-nav li .sub-nav {
	display:block;
	background-color:#fff;
	visibility:hidden;
	min-width:17em;
	position:absolute;
	top:6.85em;
	left:0;
	right:0;
	padding:0;
	text-align:left;
	list-style-type:none;
	opacity:0;
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s;
	-webkit-transform:translate3d(0, 30px, 0);
	transform:translate3d(0, 30px, 0);
	z-index:99
}
.navbar-nav>li>.sub-nav {
	border-top-width:3px;
	border-style:solid none none
}
.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>.sub-nav {
	top:4.85em
}
.navbar-nav li:hover>.sub-nav {
	visibility:visible;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	opacity:1
}
.navbar-nav li .sub-nav li {
	display:block;
	margin:0;
	border:0;
	float:none
}
.navbar-nav li .sub-nav li a {
	display:block;
	line-height:2.5em;
	padding:.35em 1.5em;
	border-bottom:1px solid rgba(0, 0, 0, .07)
}
.navbar-nav li .sub-nav li a i {
	opacity:.5
}
.navbar-default .navbar-nav li>ul>li:hover>a, .navbar-default .navbar-nav li>ul>ul>li:hover>a {
	color:#fff
}
.navbar-nav li .sub-nav li .sub-nav {
	position:absolute;
	top:0;
	right:auto;
	left:100%
}
.navbar-nav li .sub-nav li .sub-nav li a {
	border-color:rgba(0, 0, 0, .1)
}
span.clicks i {
	margin:0
}
span.clicks {
	display:inline-block;
	text-align:right;
	width:3em;
	height:3em;
	line-height:3em;
	font-size:10px;
	position:absolute;
	z-index:99;
	top:45%;
	right:0;
	margin-top:-1em;
	cursor:pointer
}
#menu.in .navbar-nav li.sub>span.clicks, .navbar-nav li.sub>.sub-nav>li.sub span.clicks {
	color:#fff
}
.cbp-af-header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	height:100px;
	top: 35px;
-webkit-transition:height .3s;
-moz-transition:height .3s;
transition:height .3s
}
@media only screen and (max-width:767px) {
    .cbp-af-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	height:100px;
-webkit-transition:height .3s;
-moz-transition:height .3s;
transition:height .3s
}
}
.cbp-af-header .cbp-af-inner {
	margin:0 auto
}
.cbp-af-header nav {
	display:inline-block;
	position:relative;
	float:right
}
.cbp-af-header nav a {
-webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s
}
.cbp-af-header.cbp-af-header-shrink {
	height:78px
}
.cbp-af-header.cbp-af-header-shrink .logo img {
	width: 100%;
}
.cbp-af-header.cbp-af-header-shrink nav a {
	line-height:5em
}
.header-top {
	position:relative;
	height:2.55em;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.header-top span {
	font-size:12px;
	font-weight:400!important;
	float:left;
	padding:0 1.15em;
	color:#fff;
	line-height:3em;
	border-left:1px solid rgba(255, 255, 255, .2);
	-webkit-font-smoothing:antialiased!important
}
.header-top span:first-child {
	border:0;
	padding-left:0
}
.header-top ul.social {
	margin:0;
	font-size:0
}
.header-top ul.social li {
	margin:0
}
.header-top ul.social a {
	display:inline-block;
	background-color:transparent;
	font-size:1em;
	line-height:2.65em;
	margin:0;
	width:2.65em;
	height:auto;
	border-right:1px solid rgba(255, 255, 255, .2)
}
.header-top span a, .header-top ul.social a:hover {
	color:#fff
}
.header-top span, .header-top ul.social a {
	opacity:.7
}
.header-top span:hover, .header-top ul.social a:hover {
	opacity:1
}
.cbp-af-header.header2 {
	height:135px
}
.cbp-af-header.header2.cbp-af-header-shrink {
	height:107px;
	margin-top:-3em
}
.breadcrumbs {
	padding:1.65em 0;
	margin-top:100px
}
.breadcrumbs h2, .breadcrumbs h2 small {
	color:#fff
}
.breadcrumbs h2 {
	font-size:1.8em
}
.breadcrumbs h2 small, .services h2, footer h2 {
	text-transform:capitalize
}
.breadcrumbs h2 small {
	display:block;
	font-weight:100
}
.breadcrumbs h2 i.square {
	font-size:.75em;
	float:left;
	margin-right:.55em
}
.breadcrumbs .rightText, .breadcrumbs .rightText a {
	text-align:right;
	color:rgba(255, 255, 255, .5);
	line-height:3.5em
}
.breadcrumbs.breadcrumbs2 .rightText, .staff .team {
	text-align:center
}
.breadcrumbs .rightText a {
	color:rgba(255, 255, 255, .8)
}
.meta, .staff .team.rectangle .info .social i, .staff .team.rectangle .info h5, .staff .team.rectangle .info h5 small, .staff .team.rectangle .info strong, .staff .team.square:hover .info h5, .staff .team.square:hover .info h5 small, footer h2 {
	color:#fff
}
.breadcrumbs.breadcrumbs2 {
	text-align:center;
	margin-top:9em;
	padding:0;
	background-color:transparent;
	height:auto
}
.breadcrumbs.breadcrumbs2 .line {
	margin:0 auto
}
.breadcrumbs.breadcrumbs2 h2 {
	margin-top:.35em;
	margin-bottom:.65em
}
.breadcrumbs.about {
	background:url(../images/banners/about.jpg) center center no-repeat
}
.breadcrumbs.team {
	background:url(../images/banners/team.jpg) center center no-repeat
}
.breadcrumbs.servicesBG {
	background:url(../images/banners/servicesBG.jpg) center center no-repeat
}
.breadcrumbs.testimonials {
	background:url(../images/banners/testimonials.jpg) center center no-repeat
}
.breadcrumbs.faq {
	background:url(../images/banners/faq.jpg) center center no-repeat
}
.breadcrumbs.clients {
	background:url(../images/banners/clients.jpg) center center no-repeat
}
.breadcrumbs.career {
	background:url(../images/banners/career.jpg) center center no-repeat
}
.breadcrumbs.press {
	background:url(../images/banners/press.jpg) center center no-repeat
}
.breadcrumbs.sitemap {
	background:url(../images/banners/sitemap.jpg) center center no-repeat
}
.breadcrumbs.portfolioBG {
	background:url(../images/banners/portfolioBG.jpg) center center no-repeat
}
.breadcrumbs.gallery {
	background:url(../images/banners/gallery.jpg) center center no-repeat
}
.breadcrumbs.blog {
	background:url(../images/banners/blog.jpg) center center no-repeat
}
.breadcrumbs.contact {
	background:url(../images/banners/contact.jpg) center center no-repeat
}
.staff .team {
	position:relative;
	margin:1em 0;
	border:1px solid rgba(0, 0, 0, .1)
}
.BGlight .team {
	border:0;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1)
}
.staff .team .img {
	width:100%
}
.staff .team .img img {
	width:100%;
	height:auto
}
.staff .team.rectangle .info {
	background-color:rgba(0, 0, 0, .6)
}
.staff .team .info {
	display:block;
	width:100%;
	position:absolute;
	padding:.65em 1.15em
}
.staff .team.square .info {
	background-color:#fff
}
.staff .team .info h5 small, .staff.opt .team:hover .info small {
	display:block;
	margin-top:.5em;
	font-size:.75em;
	font-weight:300
}
.staff .team .info h5 {
	margin-bottom:.65em;
	padding:0;
	border:none
}
.staff .team .info p {
	font-size:12px
}
.staff .team .info .social, .staff .team .info p {
	margin-bottom:3em
}
.staff .team .info .social {
	margin-top:1.5em
}
.staff .team .info .social li {
	padding:0
}
.staff .team:hover .info .social, .staff .team:hover .info h6, .staff .team:hover .info strong {
	margin-bottom:.85em
}
.staff .team:hover .info p {
	margin-bottom:1.35em
}
.staff .team:hover .info, .staff.opt .team:hover .info {
	bottom:0!important
}
.staff.opt .col-md-3 .team .info {
	bottom:0
}
.staff .team .social a {
	font-size:1.3em;
	line-height:1.65em;
	border:1px solid rgba(255, 255, 255, .2)
}
.clientPage img, .staff .member {
	border:1px solid rgba(0, 0, 0, .1)
}
.staff .team .social a:hover i {
	background-color:transparent
}
.staff.opt .team .info {
	position:absolute;
	padding:.65em 1.5em;
	bottom:0
}
.staff.opt .team .social {
	position:absolute;
	top:0;
	left:-3em;
	bottom:0;
	list-style-type:none;
	padding:0
}
.staff.opt .team:hover .social {
	left:0
}
.staff.opt .team .social li {
	margin:0
}
.staff.opt .team .social a {
	font-size:1.45em
}
.staff .team.square:hover img {
	margin-top:-3em
}
.staff .team.rectangle:hover img {
	margin-top:-1.5em
}
.staff.opt .team.square:hover img {
	margin-top:0
}
.staff .member {
	position:relative;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1);
	margin:1.3em 0
}
.staff .member .img {
	margin-left:-10%
}
.staff .member .info {
	background-color:#fff;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:50%;
	height:100%;
	text-align:left;
	padding:1.85em;
	z-index:0;
	-webkit-box-shadow:-3px 0 15px 0 rgba(0, 0, 0, .1);
	box-shadow:-3px 0 15px 0 rgba(0, 0, 0, .1)
}
.clientPage, .frame>div .oops, .meta, .post-date span, .post-footer .more, .project-gallery .item h6, .services .meta, footer ul.social {
	text-align:center
}
.staff .member .info h4 small {
	font-size:.75em;
	font-weight:300;
	margin-top:8px
}
.staff .member:hover .img {
	margin-left:-15%
}
.staff .member:hover .info {
	background-color:rgba(255, 255, 255, .9);
	left:35%
}
.staff .member .info .bio {
	list-style-type:none;
	margin:.65em 0 1.15em;
	padding:0
}
.staff .member .info .bio li {
	font-size:12px;
	padding:.55em;
	border-top:1px solid rgba(0, 0, 0, .1)
}
.staff .member .info .bio li i {
	margin-right:8px
}
.staff .member .info .social a {
	font-size:1em
}
.member-info .meta-data {
	padding:.55em;
	margin:1em 0 5em
}
.member-info .meta-data>div {
	font-size:1.18em;
	font-weight:300
}
.member-info .meta-data span {
	display:inline-block;
	margin:0 .65em;
	opacity:.3
}
.member-info .line {
	margin:3px 0
}
.clientPage img {
	display:inline-block;
	background-color:#fff;
	padding:1.5em;
	margin:.5em
}
.client {
	border-top:1px solid rgba(0, 0, 0, .06)
}
.client h2 {
	margin-top:1em
}
.services {
	margin:5em auto
}
.services .meta-data {
	float:left;
	width:28%
}
.services h2 {
	font-weight:300
}
.meta {
	width:100%;
	height:2.35em;
	line-height:2.35em;
	font-size:4.58em;
	font-weight:100;
}
.meta small {
	display:block;
	/*font-size:.3em;*/
	font-size: 24px;
	line-height:normal;
	margin-top:-.505em;
	font-weight: 500;
}
.meta.counter {
	font-size:3.85em;
	font-weight:100;
	line-height:2.15em;
	width:100%;
	/*height: 11.1em;*/
	height: auto;
}
.meta.counter div {
	font-size:1.15em;
	font-weight:100;
	line-height:1em;
	border-top:1px solid rgba(0, 0, 0, .1);
	/*padding:.65em 0*/
	padding: 15px 0;
} 
.meta.counter div:first-child {
	border:0
}
.meta.counter div small {
	margin:.55em 0
}
.services .meta {
	width:2.35em;
	height:2.35em;
	line-height:2.35em;
	font-size:4.58em;
	color:#fff
}
.services .meta small {
	display:block;
	font-size:.35em;
	line-height:0;
	margin-top:-.65em
}
.services .meta.counter {
	font-size:3.85em;
	font-weight:100;
	line-height:2.15em;
	width:2.8em;
	height:2.8em
}
.services .item {
	display:block;
	float:left;
	width:72%;/*height:auto*/
	height: 194px;
}
#services-single .navigation {
	top:0;
	margin:0
}
#services-single .bxslider img {
	width:100%
}
#services-single h1 {
	margin:.35em 0 .8em
}
#services-single .meta.counter {
	margin-top:.55em;
	/*min-height:10em;*/
	min-height:auto;
}
footer.page-block-large {
	padding-bottom:0
}
footer h2 {
	font-weight:300;
	margin-bottom:1.35em;
	border-bottom:1px solid rgba(255, 255, 255, .2);
	padding-bottom:.65em
}
footer .container li p, footer .widget .category-post .post-info, footer p, footer span {
	color:rgba(255, 255, 255, .5)
}
footer .office span a, footer .widget .category-post a, footer a, footer h5, footer h6, footer li a, footer li a:focus, footer li:before, footer.footer2 .copyright ul li a {
	color:#fff
}
footer h5, footer h6 {
	margin:0
}
footer .office h6 {
	font-weight:400;
	text-transform:uppercase
}
footer ul.list-main li::before {
background-color:rgba(255, 255, 255, .1)
}
footer ul.list-main li:hover, footer ul.social li a:hover {
	background-color:transparent
}
footer ul.list-main li p {
	margin-bottom:0
}
footer .office {
	padding:.5em 1.5em;
	border-left:1px solid rgba(255, 255, 255, .2);
	margin-bottom:1em
}
footer .office span {
	display:block;
	position:relative;
	padding-left:1.55em;
	margin:.85em 0
}
footer .office span i {
	position:absolute;
	left:0;
	top:.28em;
	font-size:1.15em!important
}
footer .office.first {
	border:0
}
footer ul.social {
	display:block;
	margin:3em auto 0
}
footer ul.social li a {
	border:1px solid rgba(255, 255, 255, .2)
}
footer ul.social li a:hover {
	border-color:rgba(255, 255, 255, .8)
}
footer .widget .category-post {
	border-color:rgba(255, 255, 255, .2)
}
.copyright {
	border-top:1px solid rgba(255, 255, 255, .1);
	background-color:rgba(0, 0, 0, .5);
	margin-top:8em
}
.copyright p {
	color:rgba(255, 255, 255, .5);
	margin-bottom:0
}
.copyright a {
	color:#fff;
	margin:0 .35em
}
footer.footer2 ul.social {
	margin-top:.55em
}
footer.footer2 ul.social li a {
	background-color:transparent
}
footer.footer2 ul.social li a i {
	opacity:.5
}
footer.footer2 .office, footer.footer2 img {
	border:0;
	padding:0;
	margin:0
}
footer.footer2 ul {
	list-style-type:none;
	padding:0
}
footer.footer2 ul li {
	line-height:2.35em
}
footer.footer2 h5 {
	margin-bottom:.85em
}
footer.footer2 ul li a {
	display:block;
	color:rgba(255, 255, 255, .5)
}
footer.footer2 hr.light {
	margin:3em 0
}
footer.footer2 .copyright {
	margin-top:0;
	border:0
}
footer.footer2 .office span {
	line-height:1.5em;
	padding-left:2.35em
}
footer.footer2 .social a:hover {
	color:#fff;
	border-color:rgba(255, 255, 255, .3)
}
footer.footer2 .social a:hover i {
	opacity:1
}
#slides {
	position:relative;
	margin-top:85px
}
#slides img {
	width:100%;
	height:auto
}
#slides .absShape {
	top:35%;
	width:80%;
	z-index:999
}
#slides h1 {
	color:#fff;
	text-transform:uppercase
}
#slides h1 small {
	font-size:24px;
	display:block;
	margin:.5em 0;
	color:#fff;
	text-transform:capitalize;
	word-spacing:1px
}
#contact .contact-info h5, .jumbo h1 small, .post-date span, .recent .item, .related-posts h4, .widget.tags a, article.format-link a {
	text-transform:uppercase
}
ul.bxslider {
	position:relative;
	width:100%;
	padding:0
}
.bx-wrapper .bx-controls-direction a {
	text-indent:0;
	width:auto;
	height:auto;
	margin-top:-1.35em
}
.bx-wrapper .bx-controls-direction a i {
	margin:0
}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
	opacity:0
}
.bx-wrapper:hover .bx-next, .bx-wrapper:hover .bx-prev, .project-data li:hover i {
	opacity:1
}
.bx-wrapper:hover .bx-next {
	right:0
}
.bx-wrapper:hover .bx-prev {
	left:0
}
.smallSlider .bx-wrapper .bx-controls-direction a i {
	width:1.5em;
	height:1.5em;
	line-height:1.5em
}
#slides .symbol {
	margin-top:30%
}
#slides .symbol .absShape {
	display:block;
	width:100%;
	top:0%;
	margin:0
}
.project-data li {
	position:relative;
	font-size:1.08em;
	list-style-type:none;
	padding:1.35em 1.15em .5em 6em;
	border-bottom:1px solid rgba(0, 0, 0, .1);
	height:96px
}
.project-data li i {
	position:absolute;
	top:1.15em;
	left:1.15em
}
.project-data li strong {
	display:block
}
.recent-project .bx-wrapper {
	border:1px solid rgba(0, 0, 0, .1);
	height:477px
}
.recent-project ul.bxslider li img {
	float:left
}
.recent-project ul.bxslider li .project-data {
	background-color:#fff;
	position:relative;
	float:left;
	list-style-type:none;
	width:382px;
	height:475px;
	overflow:hidden
}
.recent-project ul.bxslider li .project-data ul {
	padding:0
}
.recent-project ul.bxslider li .project-data a.btn {
	position:absolute;
	bottom:0;
	right:0;
	font-size:2.5em;
	font-weight:100;
	color:#fff;
	padding:.65em 1.45em;
	margin:0;
	width:100%
}
.project-gallery, .project-info {
	position:relative
}
.recent-project ul.bxslider li .project-data a.btn i {
	font-size:1em;
	color:#fff
}
.project-info .project-data li, .project-info .project-data li strong, .project-info h2, .project-info p {
	color:#fff
}
.project-info .project-data li, .project-info i.square.outline.light, .project-info i.squareSmall.outline.light, a.outline.light {
	opacity:1;
	border-color:rgba(255, 255, 255, .3)
}
.project-info .project-data li {
	padding-left:4.65em
}
.project-info .project-data li i {
	left:0
}
.project-gallery .container-wide {
	margin-top:8px
}
.project-gallery .gallery-heading li a img {
	padding:3px;
	background-color:#fff
}
.project-gallery .gallery-heading ul {
	margin:0
}
.project-gallery .item {
	float:left;
	margin:1%
}
.project-gallery .four .item {
	width:23%
}
.project-gallery .three .item {
	width:31%
}
.project-gallery .two .item {
	width:48%
}
.project-gallery .item h6 {
	position:absolute;
	bottom:-5em;
	color:#fff;
	padding:1.15em .85em;
	margin:0;
	width:100%;
	z-index:999;
	border-top:1px solid rgba(255, 255, 255, .3)
}
.project-gallery .item:hover h6 {
	bottom:0
}
.project-gallery h1 i {
	font-size:.65em
}
.project-gallery blockquote {
	margin-top:0;
	margin-bottom:3em
}
.filter-button-group {
	margin:0 0 3em
}
.filter-button-group button {
	margin:.15em .06em
}
#project-single .project-gallery .item:hover a.zoom {
	margin-bottom:-1.85em
}
#project-single .project-data li:hover {
	background-color:rgba(255, 255, 255, .1);
	padding-left:3.85em
}
.recent .item {
	float:none;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, .1)
}
.project-gallery.opt2 .item h6, .recent .item h6 {
	position:relative;
	font-weight:400;
	bottom:0;
	padding:1.35em .85em;
	border:1px solid rgba(0, 0, 0, .1);
	border-top:0
}
.project-gallery.BGlight.opt2 .item h6, .recent.BGlight .item h6 {
	background-color:#fff
}
#testimonials .bx-wrapper .bx-viewport {
	display:block;
	padding:3em 0 0
}
#testimonials .item {
	background-color:transparent;
	padding-bottom:3em
}
#testimonials .info, #testimonials .pic {
	position:relative;
	float:left
}
#testimonials .pic {
	width:auto;
	margin-top:1.5em;
	margin-left:5%;
	margin-bottom:5%
}
#testimonials .info {
	width:60%;
	margin-left:10%
}
#testimonials .pic::after, #testimonials .pic::before {
content:'';
width:5em;
height:5em;
border-width:3px;
display:block;
position:absolute
}
#testimonials .pic::before {
bottom:-1.5em;
left:-1.5em;
right:auto;
border-style:none none solid solid
}
#testimonials .pic::after {
top:-1.5em!important;
right:-1.5em!important;
left:auto;
border-style:solid solid none none
}
#testimonials h4 span {
	font-size:.75em;
	padding-left:.35em;
	margin-left:.35em;
	border-left:1px solid rgba(0, 0, 0, .1)
}
#testimonials .info::before, #testimonials .vertical .info::before {
content:'\f10d';
font-size:5em;
font-family:FontAwesome;
right:100%;
height:1em;
opacity:.08;
filter:alpha(opacity=8)
}
#testimonials .info::before {
display:block;
position:absolute;
top:0;
left:-.15em;
width:1em
}
#testimonials .vertical {
	position:relative
}
#testimonials .vertical .pic {
	display:inline-block;
	margin:3em 0 1.5em 1.5em;
	float:none;
	text-align:center
}
#testimonials .vertical .info {
	position:relative;
	width:100%;
	margin:0
}
#testimonials .vertical h4 {
	margin:.65em 0
}
#testimonials .vertical h4 span {
	display:block;
	border:0;
	padding:0;
	margin:0
}
#testimonials .vertical .info::before {
display:block;
position:absolute;
top:-2.65em;
left:0;
width:1em
}
#contact, #testimonials .bx-wrapper .bx-controls-auto, #testimonials .bx-wrapper .bx-pager {
	position:relative
}
#testimonials .bx-has-controls-direction {
	display:none
}
.career .btn {
	margin:0 1em .5em
}
.career h4.active {
	font-size:1.5em
}
.career .panel-default>.panel-heading h4 a::before {
font-size:.85em;
top:.45em;
left:0
}
.career .panel-default>.panel-heading h4.active a, .career .panel-default>.panel-heading h4.active a:before {
	color:#fff
}
.career .panel-default>.panel-heading h4.active {
	padding-left:2.65em
}
.career .panel-body {
	padding-top:2.65em
}
.career .panel-body ul.list-main {
	margin-top:0
}
.press {
	margin:3em 0
}
.press li {
	margin:1em;
	padding:0;
	-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, .2);
	box-shadow:0 1px 3px 0 rgba(0, 0, 0, .2)
}
.press:hover li a img {
	opacity:.3
}
.press li:hover a img {
	opacity:1
}
#contact #map_canvas, #contact #map_canvas1 {
	height:35em
}
#contact .line {
	margin:1.5em auto
}
#contact .info_content h5 small {
	font-size:12px;
	font-weight:400;
	margin-top:8px
}
#contact .contact-info a, #contact .contact-info h5, #contact .contact-info span, #contact .contact-info span i {
	color:#fff
}
#contact .contact-info a {
	text-decoration:underline
}
#contact .contact-info span {
	display:block;
	position:relative;
	padding:.55em 0 .55em 1.85em
}
#contact .contact-info span i {
	top:.65em;
	right:auto;
	bottom:auto;
	left:0;
	position:absolute
}
#contact .contact-info h5 {
	padding-bottom:1.15em;
	border-bottom:1px solid rgba(255, 255, 255, .2)
}
#contact_form span.error {
	right:1.65em;
	top:1.15em
}
#contact.opt .office span {
	padding-left:3.85em;
	/*font-size:1.15em; */
	font-size: 13px;
	line-height:1.85em;
	padding-top: 18px;
}
#contact.opt .office span i {
	display:inline-block
}
#success {
	padding:.85em 1.65em 1.35em
}
.dark span.error {
	color:#fff!important
}
ul.sitemap.list-main.bordered li::before {
top:.85em
}
.sitemap li li::before {
display:none
}
ul.sitemap.list-main.bordered li {
	padding:0 0 0 3.55em
}
ul.sitemap.list-main.bordered li>ul li {
	padding:0 0 0 1em
}
ul.sitemap.list-main.bordered li a {
	display:block;
	padding:.55em 0
}
ul.sitemap.list-main.bordered>li>a {
	font-weight:700;
	text-transform:uppercase;
	padding:1em 0
}
ul.sitemap.list-main.bordered li>ul {
	padding-left:1em
}
#top.missing footer {
	position:relative;
	height:10em
}
#top.coming section, #top.missing section {
	background-image:url(../images/404-bg.png);
	background-repeat:repeat-x;
	background-position:0 100%
}
.highlights, .jumbo {
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden
}
#top.coming .symbol h1, #top.missing .symbol h1 {
	color:#fff;
	font-size:48px;
	font-weight:900;
	line-height:1.65em
}
.frame {
	display:inline-block;
	-webkit-box-shadow:0 3px 5px 1px rgba(0, 0, 0, .15);
	box-shadow:0 3px 5px 1px rgba(0, 0, 0, .15);
	border:10px solid transparent;
	padding:.35em;
	margin:3.15em 1.15em 4.55em
}
.frame>div {
	position:relative;
	background-color:#fff;
	padding:0 3em
}
.frame>div span {
	display:block;
	font-size:8em;
	font-weight:700
}
.frame.zero {
	width:15.65em
}
.frame.zero span {
	text-indent:-9999px
}
.frame>div .oops {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	width:6em;
	height:6em;
	position:absolute;
	left:1.5em;
	right:1.5em;
	bottom:1.5em;
	top:1.65em;
	border-width:.8em;
	border-style:solid;
	font-size:1.5em;
	line-height:4.55em;
	font-weight:900
}
.dog {
	position:fixed;
	bottom:0;
	right:3em
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.header-top span {
font-size:12px;
font-weight:700!important
}
}
.panel-default>.panel-heading h4 a, doesnotexist:-o-prefocus {
padding-top:.65em;
padding-bottom:.65em
}
doesnotexist:-o-prefocus, input[type=submit] {
font-family:"Roboto Slab", Arial
}
.blog article, .single-post article, aside.widget {
	position:relative;
	background-color:#fff;
	border:1px solid rgba(0, 0, 0, .1);
	padding:3.5em 3.5em 4.5em;
	margin:2.3em 0
}
aside.widget {
	padding:3.5em
}
.post-header h3 {
	margin:0 0 1.35em
}
.post-media img {
	width:100%;
	height:auto
}
.post-content {
	display:block;
	margin:2.35em 0
}
.post-content>div, .post-header>div {
	padding:0
}
.post-date {
	padding:10px;
	margin-right:1.5em
}
.post-date span {
	display:block;
	font-size:12px;
	color:#fff;
	line-height:1.15em
}
.post-date span.date {
	font-size:2.35em
}
.post-footer {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	border-top:1px solid rgba(0, 0, 0, .1);
	padding:1.5em 3.5em
}
.post-meta {
	margin:0
}
.post-meta li {
	position:relative;
	padding-left:1.35em;
	margin-right:1em
}
.post-meta li::before {
top:0;
right:auto;
bottom:auto;
left:0;
position:absolute;
font-family:FontAwesome;
font-size:12px
}
.post-meta li.category::before {
content:'\f07c'
}
.post-meta li.author::before {
content:'\f007'
}
.post-meta li.comment::before {
content:'\f086'
}
.post-meta li.tags::before {
content:'\f02c'
}
.post-footer .more {
	top:0;
	right:0;
	bottom:0;
	left:auto;
	position:absolute;
	font-size:1.5em;
	line-height:1.5em;
	width:3.35em;
	border-left:1px solid rgba(0, 0, 0, .1)
}
.post-footer .more:hover {
	color:#fff
}
.post-footer .more i {
	margin:1.15em 0 0
}
article.format-video iframe {
	width:100%;
	height:355px
}
article.format-quote h3 {
	opacity:.1;
	margin-bottom:.55em
}
article.format-quote .quote p {
	font-size:1.3em;
	font-weight:300;
	font-style:italic
}
.author-name, .jumbo h1 {
	font-weight:700
}
article.format-quote div.author {
	font-size:1.35em;
	margin-top:1.55em
}
article.format-link {
	padding:1.35em
}
article.format-link .absShape {
	font-size:8em;
	top:0;
	left:0;
	color:#fff
}
article.format-link a {
	width:100%;
	padding:1.35em
}
aside.widget_search .form-control {
	background-color:#fff;
	margin:0;
	padding:.65em 3.45em .65em 1.5em;
	border:1px solid rgba(0, 0, 0, .1)
}
aside.widget_search label {
	display:block;
	width:100%
}
aside.widget.widget_search {
	background-color:transparent;
	padding:0;
	border:0
}
aside.widget .search-submit {
	top:.35em;
	right:1em;
	bottom:auto;
	left:auto;
	position:absolute;
	border:0;
	background-color:transparent;
	font-size:1.35em
}
.highlights .absShape, .overlayImg {
	top:0;
	left:0
}
aside .widget-title {
	margin:0 0 1.5em
}
aside p {
	margin:1.5em 0
}
aside.widget ul {
	margin:0
}
.widget .category-post {
	padding:1em 0;
	border-top:1px solid rgba(0, 0, 0, .1)
}
.widget .first {
	padding-top:0;
	border:0
}
#comments .comment-box, #respond {
	border-top:1px solid rgba(0, 0, 0, .1)
}
.widget .category-post .post-thumb {
	display:block;
	float:left;
	overflow:hidden;
	margin-right:1.5em
}
.widget .category-post .post-info {
	display:block;
	float:left
}
.widget .category-post .post-info h6 {
	margin:.15em 0
}
.widget.tags a {
	float:left;
	padding:.5em 1em;
	margin:.35em;
	font-size:12px
}
.widget.tags a:hover {
	color:#fff
}
.single-post article {
	padding-bottom:6em
}
.single-post .post-header {
	margin:-3.5em -3.5em 3.5em;
	padding:3.5em;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.single-post .post-header h3 {
	margin:0 0 .35em;
	padding:0 0 .65em;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
.single-post .post-footer .social {
	margin:0
}
.post-navigation {
	margin:0 0 1.85em
}
.single-post article.related-posts {
	margin:1.5em 0;
	padding-bottom:3.5em
}
.related-posts h4 {
	margin:0 0 0 15px
}
.related-posts .category-post {
	margin-top:1.65em
}
.related-posts .category-post .post-info, .related-posts .category-post .post-thumb {
	display:block;
	float:none;
	width:100%;
	overflow:hidden
}
.related-posts .category-post .post-thumb {
	margin-bottom:1.5em
}
.single-post .author-bio {
	padding-bottom:3.5em
}
.single-post .author-bio .social {
	display:block;
	text-align:right
}
.single-post .author-bio .social a {
	font-size:1em;
	margin:5px 0
}
.author-bio>div, .single-post .post-footer>div {
	padding:0
}
.author-bio h4 {
	margin-top:0
}
.author-bio p {
	margin:0
}
.author-bio hr {
	margin:.5em 0 1.5em
}
#comments {
	padding-bottom:3.5em
}
#comments .comments-title h3 {
	margin-top:0;
	margin-bottom:.5em;
	float:left
}
#comments .comments-title .btn {
	float:right
}
#comments ul.commentlist {
	list-style-type:none;
	padding:0;
	margin:1.5em 0
}
#comments ul {
	list-style-type:none
}
#comments .comment-box p, #comments ul ul ul {
	padding:0;
	margin:0
}
#comments .comment-author {
	display:block;
	float:left;
	width:17%
}
#comments .comment-info {
	display:block;
	float:left;
	width:83%
}
#comments .comment-box {
	margin-bottom:1.5em;
	padding-top:1.5em
}
#comments .comment-box .comment-meta span {
	font-size:1em;
	margin:0 .5em;
	opacity:.6
}
#comments .comment-box .comment-meta a.btn {
	font-size:10px
}
#comments .comment-box .comment-meta a.btn:hover {
	opacity:1
}
#respond {
	margin:3.5em -3.5em -3.55em;
	padding:3.5em
}
#respond h3 {
	margin-top:0
}
#respond form label {
	margin:0
}
#respond input {
	height:3.5em
}
#respond input, #respond textarea {
	margin-bottom:.95em
}
.pagination {
	margin-left:15px
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius:0
}
.pagination>li>a.active, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	color:#fff;
	border-color:rgba(0, 0, 0, .1)
}
.pagination>li>a, .pagination>li>span {
	font-size:1.15em;
	padding:.75em 1.15em
}
.fb {
	background-color:#3b5998
}
.tw {
	background-color:#00aced
}
.yt {
	background-color:#b00
}
.pt {
	background-color:#cb2027
}
.li {
	background-color:#007bb6
}
.fl {
	background-color:#ff0084
}
.gplus {
	background-color:#dd4b39
}
.ig {
	background-color:#517fa4
}
.vk {
	background-color:#45668e
}
#slides.slides2 {
	background-color:#000
}
#slides.slides2 .bx-wrapper {
	height:45em
}
#slides.slides2 img {
	opacity:.5
}
#slides.slides2 .symbol {
	margin-top:8%
}
.owl-carousel .item {
	position:relative;
	cursor:url(../images/cursor.png), move
}
.owl-carousel .item img {
	width:100%;
	height:auto
}
#owl-recent-project {
	position:relative
}
#owl-recent-project .item {
	height:575px;
	overflow:hidden
}
#owl-recent-project .item .project-data {
	top:0;
	right:0;
	bottom:0;
	left:0;
	position:absolute;
	padding:3em;
	opacity:0
}
#owl-recent-project .item .project-data h4 {
	color:#fff;
	margin-bottom:1.35em
}
#owl-recent-project .item:hover .project-data {
	opacity:1
}
#owl-recent-project .project-data ul {
	padding:0
}
#owl-recent-project .project-data ul li {
	color:#fff;
	border-color:rgba(255, 255, 255, .3);
	padding-left:4.35em;
	border-style:solid none none;
	border-width:1px
}
#owl-recent-project .project-data ul li:hover {
	background-color:transparent
}
#owl-recent-project .project-data ul i {
	opacity:.7;
	color:#fff;
	border-color:rgba(255, 255, 255, .7);
	left:0
}
#owl-recent-project .item:hover img {
	opacity:.05
}
.info-block {
	padding:1.15em 1.65em
}
.info-block h3 {
	margin-bottom:1.15em
}
.BGlight ul.list-main li::before {
background-color:rgba(0, 0, 0, .03)
}
.home.owl-theme .owl-controls .owl-page span, .info-block-bordered {
	background-color:#fff
}
.jumbo h1 {
	font-size:3em
}
.jumbo h1, .jumbo h1 small, .jumbo p {
	color:#fff
}
.jumbo h1 small {
	font-size:1em;
	margin-bottom:.5em
}
.jumbo p {
	font-size:1.15em
}
.jumbo h1 b {
	display:block;
	float:none;
	margin-bottom:.5em
}
.jumbo {
	-webkit-background-size:cover;
	background-size:cover;
	background-attachment:fixed
}
.jumbo1 {
	background-image:url(../images/slider/slide1.jpg)
}
.jumbo2 {
	background-image:url(../images/slider/slide2.jpg)
}
.jumbo3 {
	background-image:url(../images/slider/slide3.jpg)
}
.jumbo4 {
	background-image:url(../images/slider/slide4.jpg)
}
.jumbo a.btn-default.light {
	margin:.5em .5em .5em 0
}
.jumbo a.btn-default.light:hover {
	border:1px solid transparent
}
.overlayImg {
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	opacity:.07
}
#owl-recent-project.home {
	margin-top:100px
}
.highlights {
	background-image:url(../images/bgimages/highlights.jpg);
	-webkit-background-size:cover;
	background-size:cover
}
.highlights .row {
	position:relative
}
.highlights h1 {
	line-height:.85em
}
.highlights h1 small {
	font-size:.5em;
	font-weight:400;
	margin-bottom:10px
}
.info-block-bordered {
	padding:1.85em;
	margin:1.35em .35em;
	border:1px solid rgba(0, 0, 0, .1)
}
.info-block-bordered h5 {
	margin:1.65em 0 1.15em
}
.BGlight .info-block-bordered {
	border:none
}
.info-block-bordered p {
	margin:0
}
.services .info-block-bordered .item {
	float:none;
	width:100%
}
.services .info-block-bordered:hover {
	-webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, .1);
	box-shadow:0 2px 3px 0 rgba(0, 0, 0, .1)
}
#owl-recent-project.homeBoxed {
	margin-top:130px
}
#owl-recent-project .item .project-data, #owl-recent-project .project-data ul li, #project-single .project-data li, .cbp-af-header.cbp-af-header-shrink .logo img, .cbp-af-header.header2, .header-top a, .header-top span, .item a.link, .item a.zoom, .item h6, .item img, .item:hover h6, .nav-tabs>li, .navbar-default .navbar-nav li ul li, .navbar-default .navbar-nav li ul li a, .navbar-default .navbar-nav li.sub:hover>a:after, .navbar-default .navbar-nav li.sub>a:after, .post-meta li::before, .press li img, .project-gallery .gallery-heading li a img, .promoBox .absShape, .promoBox .commercial a i, .promoBox .residential a i, .services .info-block-bordered, .staff .member .img, .staff .member .info, .staff .member .info h4, .team .info, .team .info h6, .team .social, .team .social i, .team img, a, button, header img, i, input[type=submit], ul.list-default li, ul.list-default li:before, ul.list-main li, ul.list-main li:before {
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
.team .info p, .team .info strong {
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out
}
.team .info .social {
-webkit-transition:all .9s ease-in-out;
-moz-transition:all .9s ease-in-out;
-ms-transition:all .9s ease-in-out;
-o-transition:all .9s ease-in-out;
transition:all .9s ease-in-out
}
#owl-recent-project .item:hover img, .category-post:hover img, .image img, .post-media:hover>img, .project-gallery .item:hover img, .services .item:hover img {
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.category-post img, .image img, .post-media img, .services .item img {
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
-o-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}
@media only screen and (min-width:1401px) {
.staff .team.rectangle, .staff.opt .team.rectangle {
height:32em
}
.staff .team.square, .staff.opt .team.square {
height:30.5em;
padding-bottom:3em
}
.staff .col-md-3 .team.rectangle, .staff.opt .col-md-3 .team.rectangle {
height:23.35em
}
.staff .col-md-3 .team.square, .staff.opt .col-md-3 .team.square {
height:23em
}
.staff .col-md-3 .team .social i {
font-size:1em
}
.staff .col-md-3 .team .info, .staff .team .info {
bottom:-6.35em
}
.breadcrumbs.breadcrumbs2 {
-webkit-background-size:cover;
background-size:cover
}
.jumbo>div {
padding:0 10em
}
}
@media screen and (min-width:1025px) and (orientation:landscape) {
.navbar-default .navbar-nav li.sub>a:after {
content:'\f107';
font-family:FontAwesome;
font-size:.85em;
position:absolute;
top:0;
right:5px
}
.navbar-default .navbar-nav li.sub:hover>a:after {
content:'\f106'
}
.navbar-default .navbar-nav .sub-nav li.sub>a:after {
content:'\f105';
top:.5em;
right:1.5em;
display:none;
}
.bx-wrapper .bx-next {
right:-1.5em
}
.bx-wrapper .bx-prev {
left:-1.5em
}
.project-gallery .container-wide .four .item {
width:24%;
margin:.5%
}
#slides.slides2 h1 {
font-weight:700
}
}
@media only screen and (min-width:1201px) and (max-width:1400px) {
.meta small a{font-size:24px;}
a, article, aside, body, button, cite, dd, div, dl, dt, fieldset, footer, header, html, input, li, nav, ol, p, section, select, table, tbody, td, textarea, tfoot, th, tr, ul {
font-size:13px
}
h1 {
font-size:3em
}
h1.big {
font-size:3.85em
}
h2 {
font-size:1.85em
}
h3 {
font-size:1.5em
}
h4 {
font-size:1.35em
}
h5 {
font-size:1.3em
}
h6 {
font-size:1.15em
}
.page-block {
position:relative;
padding:4.85em 0
}
.page-block-small {
position:relative;
padding:2.85em 0
}
.page-block-large {
padding:6.5em 0
}
.page-block-full {
padding:3.65em
}
.navbar-nav li .sub-nav {
top:7.35em
}
.navbar-default .navbar-nav>li>a {
line-height:8em
}
.cbp-af-header.cbp-af-header-shrink nav a {
line-height:5em
}
#slides .symbol .absShape {
top:10%;
width:100%;
margin-left:0
}
.staff .team.rectangle, .staff.opt .team.rectangle {
height:32em
}
.staff .team.square, .staff.opt .team.square {
height:30.5em;
padding-bottom:3em
}
.staff .col-md-3 .team.rectangle, .staff.opt .col-md-3 .team.rectangle {
height:23.35em
}
.staff .col-md-3 .team.square, .staff.opt .col-md-3 .team.square {
height:23em
}
.staff .col-md-3 .team .social i {
font-size:1em
}
.staff .col-md-3 .team .info, .staff .team .info {
bottom:-6.35em
}
.dog {
width:21%;
height:auto
}
.cbp-af-header.header2.cbp-af-header-shrink {
height:100px;
margin-top:-2.65em
}
.breadcrumbs.breadcrumbs2 {
-webkit-background-size:cover;
background-size:cover;
height:auto;
margin-top:10em
}
.breadcrumbs.breadcrumbs2 h2 {
margin-top:.85em
}
.header-top span {
line-height:2.65em
}
#slides.slides2 .symbol {
margin-top:15%
}
#owl-recent-project .item {
height:528px
}
}
@media only screen and (min-width:990px) and (max-width:1200px) and (orientation:landscape) {
a, article, aside, body, button, cite, dd, div, dl, dt, fieldset, footer, header, html, input, li, nav, ol, p, section, select, table, tbody, td, textarea, tfoot, th, tr, ul {
font-size:13px
}
h1 {
font-size:3em
}
h1.big {
font-size:3.85em
}
h2 {
font-size:1.85em
}
h3 {
font-size:1.5em
}
.page-block {
position:relative;
padding:4.85em 0
}
.page-block-small {
position:relative;
padding:2.85em 0
}
.page-block-large {
padding:6.5em 0
}
.page-block-full {
padding:3.65em
}
.navbar-nav li .sub-nav {
top:8em
}
.navbar-default .navbar-nav>li>a {
line-height:8.5em
}
.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>.sub-nav {
top:5.55em
}
.cbp-af-header.cbp-af-header-shrink nav a {
line-height:5.65em
}
.cbp-af-header.cbp-af-header-shrink .logo img {
width:70%
}
#slides .symbol .absShape {
top:8%;
width:100%;
margin-left:0
}
.recent-project .bx-wrapper {
height:auto
}
.recent-project ul.bxslider li .project-data, .recent-project ul.bxslider li img {
float:none;
display:block;
margin:0 auto
}
.recent-project ul.bxslider li .project-data {
width:100%;
border-top:1px solid rgba(0, 0, 0, .1)
}
.recent-project ul.bxslider li .project-data li {
width:50%;
float:left
}
.recent-project ul.bxslider li .project-data a.btn {
position:relative;
width:100%;
text-align:center
}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
opacity:1
}
#testimonials .info {
width:60%
}
.promoBox .commercial .absShape, .promoBox .commercial:hover .absShape {
top:0;
left:0;
bottom:auto;
right:auto
}
.promoBox .commercial a i {
bottom:0;
right:0;
font-size:2.65em
}
.promoBox .residential .absShape, .promoBox .residential:hover .absShape {
top:0;
left:0;
bottom:auto;
right:auto
}
.promoBox .residential a i, .promoBox .residential:hover a i {
bottom:0;
right:0;
left:auto;
font-size:2.65em
}
.staff.opt .team.rectangle img, .staff.opt .team.square img {
margin:0
}
.staff .team.rectangle, .staff.opt .team.rectangle {
height:30em
}
.staff .team.square, .staff.opt .team.square {
height:28.5em;
padding-bottom:3em
}
.staff .col-md-3 .team.rectangle, .staff.opt .col-md-3 .team.rectangle {
height:21.35em
}
.staff .col-md-3 .team.square, .staff.opt .col-md-3 .team.square {
height:23em
}
.staff .col-md-3 .team .social i {
font-size:1em
}
.staff .team .info {
bottom:-6.35em
}
.staff .col-md-3 .team .info {
bottom:-8.35em
}
.staff.opt .team .social {
left:0
}
.dog {
width:21%;
height:auto;
right:1em
}
.cbp-af-header.header2.cbp-af-header-shrink {
height:100px;
margin-top:-2.65em
}
#slides.slides2 .bx-wrapper {
height:auto
}
#slides.slides2 .symbol {
margin-top:15%
}
#slides.slides2 h1 {
font-weight:700
}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.cbp-af-header, .cbp-af-header.header2 .header-top .container>div, .stat .container>div, header .logo a {
text-align:center
}
header .container>div {
width:100%
}
#menu.in .navbar-nav>li.sub>span.clicks {
background-color:transparent;
color:#333
}
.cbp-af-header.cbp-af-header-shrink .navbar-nav li span.clicks {
top:28%
}
.navbar-nav li .sub-nav {
top:6em
}
.navbar-default .navbar-nav>li>a {
line-height:6em
}
.cbp-af-header nav {
float:none;
margin-top:-1.15em
}
.cbp-af-header {
height:162px
}
.cbp-af-header.cbp-af-header-shrink {
height:135px
}
.cbp-af-header.cbp-af-header-shrink nav {
margin-top:-.65em
}
.cbp-af-header.cbp-af-header-shrink .logo img {
width:26%!important
}
.cbp-af-header.cbp-af-header-shrink nav a {
line-height:3em
}
.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>.sub-nav {
top:3.5em
}
span.clicks {
top:41.35%
}
#slides {
margin-top:162px
}
#slides .symbol {
background-color:rgba(0, 0, 0, .7);
width:100%;
height:auto;
margin:0;
padding:1.5em;
bottom:0;
top:auto
}
#slides .symbol>div {
display:none
}
#slides .symbol>div.absShape {
width:100%;
position:relative;
margin:0
}
.breadcrumbs {
margin-top:13.55em
}
.stat .container>div {
margin:1.65em 0
}
.services>div, footer .container>div {
margin:1.5em 0
}
.services .meta {
font-size:5.8em
}
.services .meta.counter {
font-size:4.85em
}
.project-gallery .container-wide .four .item, .project-gallery .four .item, .project-gallery .three .item {
width:48%
}
.copyright .container>div {
margin:1.5em 0;
text-align:center
}
.cbp-af-header.header2 {
height:200px
}
.cbp-af-header.header2 .header-top .container>div span {
float:none;
display:inline-block
}
header.cbp-af-header.header2.cbp-af-header-shrink {
height:165px
}
section.breadcrumbs.breadcrumbs2 {
margin-top:16em
}
#owl-recent-project .item {
height:475px
}
#slides.slides2 img {
opacity:.8
}
.jumbo .BGdark.opaque {
background-color:rgba(0, 0, 0, .3)
}
#owl-recent-project.home, #owl-recent-project.homeBoxed {
margin-top:150px
}
#owl-recent-project .item .project-data {
padding-top:5.35em
}
#owl-recent-project .project-data ul li {
height:auto;
padding-bottom:1.5em
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
a, article, aside, body, button, cite, dd, div, dl, dt, fieldset, footer, header, html, input, li, nav, ol, p, section, select, table, tbody, td, textarea, tfoot, th, tr, ul {
font-size:12px
}
.navbar-nav li .sub-nav li span.clicks {
width:4em;
height:4em;
line-height:4em;
text-align:center;
top:25%
}
#menu.in .navbar-nav>li.sub>span.clicks {
background-color:transparent;
color:#333
}
.recent-project .bx-wrapper .bx-controls-direction a {
top:32%
}
.recent-project ul.bxslider li img {
width:100%;
height:auto
}
.recent-project .bx-wrapper, .recent-project ul.bxslider li .project-data {
height:auto
}
.recent-project ul.bxslider li .project-data li {
font-size:1.15em
}
.promoBox .commercial .absShape, .promoBox .commercial:hover .absShape {
top:0;
left:0;
bottom:auto;
right:auto
}
.promoBox .commercial a i {
bottom:0;
right:0;
font-size:2.65em
}
.promoBox .residential .absShape, .promoBox .residential:hover .absShape {
top:0;
left:0;
bottom:auto;
right:auto
}
.promoBox .residential a i, .promoBox .residential:hover a i {
bottom:0;
right:0;
left:auto;
font-size:2.65em
}
.calltoAction, .featuredImg, .hasBGimg, .jumbo, .stat {
background-position:center center;
-webkit-background-size:cover;
overflow:hidden;
background-attachment:scroll;
background-size:150%
}
.calltoAction .boxedw {
background-image:none
}
.calltoAction .widget {
background-color:rgba(255, 255, 255, .9)
}
.staff .member .img {
margin-left:0
}
.header-top {
height:3em
}
.header-top ul.social a {
height:3em;
width:3em
}
.breadcrumbs.breadcrumbs2 {
height:auto;
margin-top:11em
}
.breadcrumbs.breadcrumbs2 .page-block-small {
padding:3em 0 2.5em
}
.cbp-af-header.header2.cbp-af-header-shrink {
height:107px
}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.cbp-af-header.cbp-af-header-shrink .navbar-nav li span.clicks {
top:27%
}
.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>span.clicks {
top:39%
}
.promoBox .commercial .absShape, .promoBox .residential .absShape {
width:auto
}
.services .meta {
font-size:4.35em
}
.services .meta.counter {
font-size:3.65em
}
.project-gallery .four .item {
width:31%
}
#owl-recent-project .item {
height:425px
}
#owl-recent-project .item .project-data {
padding:1.85em 2.35em 2.35em
}
#owl-recent-project .item .project-data li {
height:auto;
padding-bottom:1.35em
}
.highlights .absShape {
width:30%;
height:auto
}
}
@media only screen and (max-width:996px) {
#slides .symbol, .calltoAction .widget, .dog, .recent-project .bx-wrapper, .recent-project ul.bxslider li .project-data, .staff .col-md-3 .team.rectangle, .staff .col-md-3 .team.square, .staff .team.rectangle, .staff .team.square, .staff.opt .col-md-3 .team.rectangle, .staff.opt .col-md-3 .team.square, .staff.opt .team.rectangle, .staff.opt .team.square {
height:auto
}
h1 {
font-size:2.85em
}
h1.big {
font-size:3.35em
}
h2 {
font-size:1.85em
}
h3 {
font-size:1.5em
}
h1 small, h2 small {
font-size:.63em
}
h3 small, h4 small, h5 small, h6 small {
font-size:1em
}
ul.social li {
margin:2px
}
.page-block {
position:relative;
padding:3.5em 0
}
.page-block-small {
position:relative;
padding:2.35em 0
}
.page-block-large {
padding:4.85em 0
}
.page-block-full {
padding:3.65em
}
header .container {
width:100%
}
.cbp-af-header.cbp-af-header-shrink .logo img {
width:65%
}
#slides .symbol {
background-color:rgba(0, 0, 0, .7);
width:100%;
margin:0;
padding:1.5em;
bottom:0;
top:auto
}
#slides .symbol>div {
display:none
}
#slides .symbol>div.absShape {
width:100%;
position:relative;
margin:0
}
#slides i.square {
font-size:1.15em
}
.recent-project .bx-wrapper .bx-controls-direction a {
top:32%
}
.recent-project ul.bxslider li img {
width:100%;
height:auto
}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev {
opacity:1
}
.recent-project ul.bxslider li .project-data, .recent-project ul.bxslider li img {
float:none;
display:block;
margin:0 auto
}
.recent-project ul.bxslider li .project-data {
width:100%;
border-top:1px solid rgba(0, 0, 0, .1)
}
.recent-project ul.bxslider li .project-data li {
width:50%;
float:left;
font-size:1.15em
}
.recent-project ul.bxslider li .project-data a.btn {
position:relative;
width:100%;
text-align:center
}
.stat h1 {
font-size:3em
}
.stat .line {
margin:1.15em auto
}
.client .contain er>div {
padding:0 8px
}
.calltoAction .widget {
width:98%;
margin:1.5% 1%
}
.calltoAction .btn {
margin-top:0
}
#project-single .project-data ul {
padding-left:0
}
#project-single .container {
width:93%
}
.staff .team.rectangle img, .staff .team.square img, .staff.opt .team.rectangle img, .staff.opt .team.square img {
margin:0!important
}
.staff .col-md-3 .team.square, .staff .team.square, .staff.opt .col-md-3 .team.square, .staff.opt .team.square {
padding-bottom:3em
}
.staff .col-md-3 .team .info, .staff .team .info {
bottom:-6.35em
}
.staff.opt .team .social {
left:0
}
.dog {
width:33%;
right:1em
}
#top.coming .symbol h1, #top.missing .symbol h1 {
line-height:1.35em
}
#testimonials .item {
position:relative
}
#testimonials .pic {
display:inline-block;
margin:3em 0 1.5em 1.5em;
float:none;
text-align:center
}
#testimonials .info {
position:relative;
width:100%;
margin:0
}
#testimonials h4 {
margin:.65em 0
}
#testimonials h4 span {
display:block;
border:0;
padding:0;
margin:0
}
.copyright .container>div {
margin:1.5em 0;
text-align:center
}
#testimonials .info::before {
display:block;
position:absolute;
top:-2.15em;
content:'\f10d';
font-size:6em;
font-family:FontAwesome;
left:0;
right:100%;
width:1em;
height:1em;
opacity:.08;
filter:alpha(opacity=8)
}
.member-info .meta-data>div {
text-align:left
}
#contact .page-block-full {
padding:3em
}
#contact.opt .office span {
min-height:5em
}
#slides.slides2 .bx-wrapper {
height:auto
}
#slides.slides2 img {
opacity:.8
}
#slides {
margin-top:162px
}
#owl-recent-project.home {
margin-top:150px
}
.highlights .absShape {
width:40%;
height:auto;
z-index:0
}
.highlights .info-block {
background-color:rgba(255, 255, 255, .7);
min-height:17em;
padding-bottom:0
}
}
@media only screen and (min-width:768px) {
#services-single {
overflow:hidden
}
#services-single .navigation {
position:fixed;
top:50%;
z-index:99
}
#services-single .navigation i {
margin-top:-1.5em
}
}
@media only screen and (max-width:767px) {
.cbp-af-header nav, .header-top span {
float:none
}
a, article, aside, body, button, cite, dd, div, dl, dt, fieldset, footer, header, html, input, li, nav, ol, p, section, select, table, tbody, td, textarea, tfoot, th, tr, ul {
font-size:12px
}
.wow {
visibility:visible
}
.content-box {
margin:3em 0
}
.cbp-af-header {
position:relative
}
.cbp-af-header .container, .cbp-af-header .container>div {
display:block;
float:none;
padding:0
}
.navbar-default .navbar-toggle {
margin-top:-5.65em;
margin-right:1.5em
}
.navbar-collapse {
border:none
}
.cbp-af-header .logo {
margin-left:1.5em
}
.cbp-af-header.cbp-af-header-shrink .logo img {
max-width:43%
}
#menu {
background-color:#333
}
.navbar-nav li {
display:block
}
.header-top span, .member-info h1 strong {
display:inline-block
}
.navbar {
width:100%
}
.navbar-collapse, .navbar-nav {
margin:0;
padding:0
}
.navbar-default .navbar-nav>li>a {
text-align:left;
line-height:3.5em;
border-bottom:1px solid rgba(255, 255, 255, .1);
padding:0 1.85em
}
.navbar-nav li .sub-nav {
padding-left:2.55em
}
.navbar-nav li .sub-nav, .navbar-nav li .sub-nav li .sub-nav, .navbar-nav li .sub-nav:hover {
position:relative;
width:100%;
visibility:visible;
transform:none;
top:0;
opacity:1;
left:0;
box-shadow:none;
border:0;
background-color:transparent
}
.navbar-nav>li>.sub-nav {
background-color:rgba(0, 0, 0, .3)
}
.cbp-af-header.cbp-af-header-shrink .navbar-nav>li>.sub-nav {
top:0
}
.navbar-default .navbar-nav .sub-nav li.sub>a:after, .navbar-default .navbar-nav li.sub:hover>a:after, .navbar-default .navbar-nav li.sub>a::after {
content:''
}
.navbar-default .navbar-nav li>.sub-nav li>a:before {
content:'\f0d9';
font-family:FontAwesome;
font-size:1em;
position:absolute;
top:.5em;
left:0
}
.navbar-default .navbar-nav li>.sub-nav li>.sub-nav li>a:before {
content:'\f100'
}
.navbar-default .navbar-nav li>.sub-nav li>.sub-nav li>.sub-nav li>a:before {
content:'\f104'
}
.navbar-nav li .sub-nav li .sub-nav li a, .navbar-nav li .sub-nav li a {
border-bottom:1px solid rgba(255, 255, 255, .1)
}
.navbar-nav li .sub-nav li .sub-nav li .sub-nav li:hover, .navbar-nav li .sub-nav li .sub-nav li:hover, .navbar-nav li .sub-nav li:hover {
background-color:transparent
}
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li>.sub-nav li>a, .navbar-nav li .sub-nav li .sub-nav li .sub-nav li a, .navbar-nav li .sub-nav li .sub-nav li a {
color:rgba(255, 255, 255, .8)!important
}
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li:hover a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus {
color:#fff
}
.navbar-nav li.sub>.sub-nav>span.clicks, .navbar-nav li.sub>span.clicks {
width:3em;
height:3em;
line-height:3em;
text-align:center;
top:1.45em;
right:1em
}
#slides, .breadcrumbs {
margin-top:0
}
.breadcrumbs .rightText, .breadcrumbs .rightText a {
text-align:left;
padding-top:1em;
line-height:1.5em
}
.coming section #subscribeForm .form-row>div, .member-info .meta-data>div, .member-info h1, .stat .container>div {
text-align:center
}
.breadcrumbs .rightText {
border-top:1px solid rgba(255, 255, 255, .1);
margin-top:1.5em
}
.project-data li {
padding-bottom:1.15em;
height:auto
}
ul.social li {
margin:.35em
}
.container .jumbotron, .container-fluid .jumbotron, .jumbotron {
padding:2.65em
}
.jumbotron h1 {
font-size:3em
}
.jumbotron p {
font-size:1.3em
}
.promoBox .commercial .absShape, .promoBox .commercial:hover .absShape {
top:0;
left:0;
bottom:auto;
right:auto
}
.promoBox .commercial a i {
bottom:0;
right:0;
font-size:2.65em
}
.promoBox .residential .absShape, .promoBox .residential:hover .absShape {
top:0;
left:0;
bottom:auto;
right:auto
}
.promoBox .residential a i, .promoBox .residential:hover a i {
bottom:0;
right:0;
left:auto;
font-size:2.65em
}
.stat .container>div {
margin:1.65em 0
}
.client h2 {
margin:0 0 1em
}
#testimonials .col-md-12 .bxslider .item>div, #testimonials .container {
padding:0;
width:100%;
text-align:center;
margin:1.5em 0
}
.member-info h1 {
margin:1em 0
}
.staff .col-md-3 .team .info, .staff .team .info {
bottom:-7em
}
.coming section, .missing section {
margin-bottom:0
}
#services-single .meta.counter {
height:auto;
min-height:1em;
margin-bottom:.65em
}
.meta.counter div small {
display:inline-block;
margin-left:.5em;
font-size:.5em
}
.project-gallery .container-wide .four .item, .project-gallery .four .item, .project-gallery .three .item, .project-gallery .two .item {
width:48%
}
.gallery-heading .container>div {
text-align:left;
margin:.85em 0
}
.header-top, .single-post .author-bio .social {
text-align:center
}
.navigation .fa-angle-left, .navigation .fa-angle-right {
font-size:1em
}
.frame>div span {
font-size:6em
}
.frame>div .oops {
width:4.65em;
height:4.65em;
text-indent:-999px;
top:1.15em
}
.frame.zero {
width:12.85em;
padding:0
}
.dog {
position:relative;
width:37%;
height:auto;
right:1em
}
section.breadcrumbs.breadcrumbs2 {
margin-top:0;
height:auto
}
.header-top {
height:3em
}
.breadcrumbs.breadcrumbs2 .rightText {
border:0;
margin-top:0
}
footer.footer2 .container>.content-box {
margin:0;
padding:1.65em;
border-bottom:1px solid rgba(255, 255, 255, .2)
}
footer.footer2 hr.light {
display:none
}
.footer2 .copyright>div {
text-align:center;
margin:1em 0
}
footer.footer2 img, footer.footer2 ul {
display:block;
float:none!important
}
footer.footer2 img {
margin:.65em 0 3em
}
#owl-recent-project.home, #owl-recent-project.homeBoxed, #slides.slides2 .symbol {
margin-top:0
}
.jumbo .BGdark.opaque {
background-color:rgba(0, 0, 0, .3)
}
.highlights .info-block {
background-color:transparent;
min-height:1em;
padding:.5em 1.5em
}
}
@media only screen and (min-width:769px) and (max-width:875px) and (orientation:landscape) {
.cbp-af-header, .header-top, header .logo a {
text-align:center
}
#home .container>div {
width:100%;
float:none;
padding:0
}
.cbp-af-header {
height:162px
}
.cbp-af-header.cbp-af-header-shrink {
height:130px
}
.cbp-af-header.cbp-af-header-shrink nav {
margin-top:-.65em
}
.cbp-af-header.cbp-af-header-shrink .logo img {
width:21%!important
}
.cbp-af-header nav {
text-align:center;
float:none;
margin-top:-1.95em
}
#slides {
margin-top:125px
}
.breadcrumbs {
margin-top:165px
}
.content-box {
margin:3em 0
}
section.breadcrumbs.breadcrumbs2 {
margin-top:0;
height:auto
}
.header-top {
height:3em
}
.header-top span {
float:none;
display:inline-block
}
header.cbp-af-header.header2 {
height:185px
}
.cbp-af-header.header2.cbp-af-header-shrink {
height:153px
}
.cbp-af-header.header2 nav {
margin-top:-3em
}
.cbp-af-header.header2.cbp-af-header-shrink nav {
margin-top:-1.85em
}
}
@media only screen and (min-width:320px) and (max-width:600px) and (orientation:portrait) {
h1 {
font-size:2.55em
}
h1 small, h2 small {
font-size:.75em
}
.recent-project .bx-wrapper .bx-controls-direction a {
top:30%
}
#slides h1 small {
font-size:16px
}
.cbp-af-header.cbp-af-header-shrink .logo img {
width:85%
}
.cbp-af-header .cbp-af-inner {
width:100%
}
#slides .symbol {
position:relative;
background-color:#333
}
.recent-project ul.bxslider li .project-data a.btn {
font-size:1.35em
}
.promoBox .commercial .absShape, .promoBox .residential .absShape {
width:auto
}
.blog article, .post-footer, .single-post .post-header, .single-post article, aside.widget {
padding:1.5em
}
.single-post .post-header {
margin:-1.5em -1.5em 1.5em
}
.post-content {
margin-top:0
}
.blog .post-date {
margin:0 0 1.5em
}
.blog .post-date span, .blog .post-date span.date {
display:inline-block;
margin-right:3px;
font-size:1.15em
}
.post-footer {
position:relative;
margin:0 -1.5em -1.5em
}
.post-footer ul {
width:70%
}
.post-footer ul li {
display:block;
padding:.35em 1.65em;
border-top:1px solid rgba(0, 0, 0, .1)
}
.post-footer ul li::before {
top:.35em
}
.post-footer ul li:first-child {
border:0
}
article.format-video iframe {
height:auto
}
.pagination>li>a, .pagination>li>span {
padding:.85em
}
.post-media {
margin-bottom:1.5em
}
.single-post .post-footer .social li {
display:inline-block;
border:0;
padding:0
}
.post-footer>div {
text-align:left;
float:none
}
.related-posts .category-post {
padding:1.65em 1.5em 0;
border-top:1px solid rgba(0, 0, 0, .1)
}
.single-post .author-bio {
text-align:center
}
.single-post .author-bio img {
display:inline-block;
margin:.65em auto
}
#comments .comment-author {
width:25%
}
#comments .comment-info {
width:75%
}
footer .office {
width:100%;
border-top:1px solid rgba(255, 255, 255, .2);
border-left:0;
margin:0;
padding:1.5em 0 1em
}
footer .container>div {
margin:3em 0
}
footer .office span {
margin:1em 0
}
footer h2 {
margin-bottom:1.15em
}
.cbp-af-header.header2 {
height:210px
}
.header-top {
height:auto;
text-align:left;
display:block
}
.header-top span {
display:block;
border-style:solid none none;
border-width:1px;
border-color:rgba(255, 255, 255, .1)
}
.header-top span:first-child {
padding-left:1em
}
}
@media only screen and (min-width:600px) and (max-width:699px) {
#owl-recent-project .item {
height:385px
}
}
@media only screen and (min-width:320px) and (max-width:570px) {
.frame {
padding:0;
margin:3em .35em
}
.frame>div {
background-color:transparent;
padding:1.5em
}
#owl-recent-project .item {
height:auto
}
}
@media only screen and (max-width:480px) {
.staff .container .row>div, .staff .container>div {
width:100%;
float:none;
display:block;
padding:0
}
.staff .team {
width:93%;
margin:3em auto
}
.section-heading .btn, .section-heading h2 {
display:block;
float:none;
margin-bottom:.65em
}
.recent-project ul.bxslider li .project-data li {
float:none;
width:100%
}
.services .item, .services .meta-data {
width:100%
}
.services .meta-data .meta {
float:left;
width:50%
}
.project-gallery .container-wide .four .item, .project-gallery .four .item, .project-gallery .three .item, .project-gallery .two .item {
width:98%
}
.staff .member .info {
position:relative;
width:100%;
left:0
}
.staff .member .img {
margin:0
}
.staff .member .img a {
display:block;
text-align:center
}
.frame {
box-shadow:none;
-webkit-box-shadow:none
}
.frame>div {
padding:0
}
.frame.zero span {
display:none
}
.frame>div .oops {
position:relative;
top:0;
right:0;
bottom:0;
left:0;
margin:0 auto;
line-height:6em
}
.frame.zero {
width:auto
}
}
@media only screen and (min-width:320px) and (max-width:400px) {
.post-content>div, .post-header>div {
width:100%;
float:none;
margin:1em 0
}
.single-post .post-date span, .single-post .post-date span.date {
display:inline-block;
margin-right:3px;
font-size:1.15em
}
.single-post .post-header ul li {
display:block;
padding:.35em 1.65em;
border-top:1px solid rgba(0, 0, 0, .1)
}
.single-post .post-header ul li::before {
top:.35em
}
.single-post .post-header h3 {
border:0
}
#comments .comment-author, #comments .comment-info {
display:block;
width:100%;
margin:1em 0
}
}
.mainservice {
	height:229px
}
.footerabout {
	text-align:justify
}
.mnfc, .mnsc {
	text-align:center;
	padding:50px;
	font-size:17px;
	border-radius:17px
}
.mnsc {
	color:#68b604;
	box-shadow:0 1px 8px 0 #68b604
}
.mnfc {
	color:#F15D23;
	box-shadow:0 1px 8px 0 #F15D23
}
.padnew {
	padding-left: 50px;
}
.info-block-bordered h5 {
    min-height: 38px;
}
.activenew a {
    color: #fff;
}
.activenew {
    background: #23527c;
}
.newmar span.line {
    margin: 0 auto;
}
.featured h2, .featured h2 small {
    color: #fff;
    text-align: center;
}

.featured h2 small {
    display: block;
    font-weight: 100;
    text-transform: none;
}

#contact .info_content h5, #testimonials h4, .breadcrumbs .rightText a:hover, .frame>div .oops, .links li a:hover, .member-info .meta-data strong, .missing ul.list-inline li:hover i, .navbar-default .navbar-nav li:hover a, .navbar-default .navbar-nav li>.sub-nav li>a:before, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .panel-default>.panel-heading h4 a:before, .post-header h3 a:hover, .post-meta li a:hover, .post-meta li:hover::before, .post-navigation a i, .post-navigation a:hover, .prime, .recent-project ul.bxslider li .project-data li strong, .services .info-block-bordered:hover h5 a, .sitemap a:hover, .staff .member .info .bio li i, .staff .member .info h4, .styled div span, a, a:focus, article.format-quote div.author h5, aside .widget-title strong, aside.widget input[type=submit], aside.widget ul li a:hover, aside.widget ul li span, blockquote div.author::before, h1.big strong, h2.big strong, ul.list-default li:before {
    color: #e54b49;
}
h2.big {
    font-size: 3.5em;
    line-height: .85em;
}

/* Css of modal */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.holiday_modal .holiday_list li
{
	color:#fff;
	font-size:16px;
}

.holiday_modal .modal-title
{
	color:#fff;
}

.holiday_modal .modal-content
{
	background:#235992;
}

.holiday_modal .modal-header .close {

    color: #fff;
    opacity: 1;
}

.holiday_modal .btn.btn-default, a.outline
{
	background:#fff;
	opacity:1;
}
.flotingwhtasau {
	display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin-bottom: 5px;
    padding: 0 10px;
    position: fixed;
    z-index: 9999;
    left: 0;
    bottom: 0;
}
.flotingwhtasau a{
	display: inline-block;
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    border-radius: 16px;
    background-color: #e4e4e4;
}
.flotingskyasau {
    position: fixed;
    z-index: 9999;
    left: 115px;
    bottom: -52px;
}
.hwamid{
	background: #202f4c;
    background-image: url(../images/seo-services-1.jpg);
    display: block;
    color: #fff !important;
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
    margin-top: 84px;
  }
  .hwamid strong{
    font-size: 1.6rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #fff !important;
    text-align: left;
  }
.hwemid{
	/*background: #202f4c;*/
    background-image: url(../images/banner-bg.jpg);
    display: block;
    color: #fff !important;
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative
  }
  .hwemid strong{
    font-size: 1.6rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #fff !important;
    text-align: left;
  }
  .hhhtext p {
    padding-right: 30px;
    color: #fff !important;
}
.hwemid ul li {
    background: url(../images/tick-ylo.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: 0 17px;
    list-style: none;
    padding: 0 0 10px 30px;
    line-height: 35px;
    font-size: 22px;
    color: #fff !important;
  }
  .nw-discuss-prjct {
    display: block;
    position: relative;
    margin-top: 0;
    background: 0 0;
    box-shadow: 0px 1px 10px 4px rgba(0,0,0,.2);
    padding: 27px 35px;
    float: right;
    right: 15px;
    border: 2px solid #e54b49;
    border-radius: 32px;
    color: #fff;
    width: 90%;
}
.nw-discuss-prjct strong {
    text-align: left;
    margin-top: 0;
    color: #282828;
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: #e54b49 !important;
}
.pky section {
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px){
.nw-discuss-prjct {
    right: 0;
    width: 100%;
    position: static;
    margin-top: 26px;
}
.hwemid{
	padding-top: 30px;
	padding-bottom: 10px;
}
}
a, a:hover, a:active, a:focus, a:visited{
    text-decoration: none;
}
/* font family css end */

/* Top Info section Css */

.TopInfoHeader{
    background: #0b5a9c;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    justify-content: space-around;
    padding-right: 43px;
}
@media (max-width: 768px){
    .TopInfoHeader{
    
    display:none;
        
    }
}
.TopInfoFirstPart a{
    color: #ffffff;
    padding: 0px 15px;
}
.topinfoSecondPart a{
    color: #ffffff;
    padding: 0px 5px;
}
.TopInfoFirstPart .icon svg, .topinfoSecondPart .icon svg{
    width: 14px;
    fill: #fff;
}
.TopInfoFirstPart .icon svg, .topinfoSecondPart .icon i {
    color: #ffffff;
}
.TopInfoFirstPart, .topinfoSecondPart{
    display: flex;
    align-items: center;
}
.topinfoSecondPart .icon.facebook svg{
    height: 14px;
}
.TopInfoFirstPart a span {
    color: #fff;
}
/* Top Info Section css End  */