/* =============================================================================
   FONT STYLES
   ========================================================================== */
	@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
	body { font-family: 'PT Sans', arial, sans-serif; font-weight: 300; font-size: 16px; color: #888888; }
	h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans', arial, sans-serif; font-weight: 700; margin-top: 0px; color: #444444; } 
	.lead { font-family: 'PT Sans', arial, sans-serif; font-weight: 700; color: #444444; }
	.nav_font { font-family: 'PT Sans', arial, sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; }
	#tagline_area { font-family: 'PT Sans', arial, sans-serif; font-weight: 300; font-size: 25px; color: #c0c0c0; }
	.call_action  { font-family: 'PT Sans', arial, sans-serif; font-weight: 700; font-size: 25px; }

	h1 {  padding: 25px 0px; }
	h2 {  border-left: 3px solid #FAC11C; background: #F2F2F2; font-weight: 400; padding: 3px 3px 3px 15px; }
	.site_col { color: #FAC11C; }

/* =============================================================================
   LAYOUT STYLES
   ========================================================================== */
	body { background: #FFFFFF; }
/* Page Wrappers */
	#page_wrapper { background: #FFFFFF; }
	#brand_wrapper { display: none; }
	#print_wrapper { display: none; }
	#header_wrapper { background: #FAC11C; border-bottom: 1px solid #FFFFFF; } /*   #FFD700 */
	#nav_wrapper { background: #F8F8F8; }
	#bar_wrapper { background: #F2F2F2; }
	#core_wrapper { background: #FFFFFF; }
	#tagline_wrapper { background: #F2F2F2; }
	#base_wrapper { background: #191919;  }
	#footer_wrapper { background: #191919;  }
/* Page Grids */
	#header_grid { }
	#nav_grid { }
	#core_grid { }
	#tagline_grid { }
	#base_grid { }
	#footer_grid { }
/* Page Areas */
	#header_area { padding: 20px 0px 20px 0px; }
	#nav_area { padding: 10px 0px 10px 0px; }
	#core_area { padding: 30px 0px 50px 0px; }
	#menu_area { }
	#gutter_area { }
	#tagline_area { padding: 50px 0px 50px 0px; color: #666666; }
	#base_area { padding: 70px 0px 70px 0px; color: #808080; border-bottom: 1px solid #444444; }
	#footer_area { padding: 30px 0px 30px 0px; color: #444444; }

	#base_grid a:link, #base_grid a:visited { color: #FAC11C;  }
	#base_grid a:active, #base_grid a:hover { color: #FFFFFF; text-decoration: underline;}
	#base_grid h4 { color: #FFFFFF; }
	#base_grid h4 .fa { color: #FAC11C;  }

	#footer_grid a:link, #footer_grid a:visited  { color: #444444; text-decoration: underline; }
	#footer_grid a:active, #footer_grid a:hover { color: #FFFFFF; }

	.tel_area { text-align: right; }
	.header_follow { width: 100px; margin: 0 auto; border-top: 3px solid #FAC11C; margin-top: -20px; margin-bottom: 30px; }
	.work_view_row p { margin-bottom: 30px; }

	.footer_pic_row { height: 210px; }
	.footer_pic_1 {background: url('../layout/small-gallery1.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; height: 210px; }
	.footer_pic_2 {background: url('../layout/small-gallery3.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; height: 210px; }
	.footer_pic_3 {background: url('../layout/small-gallery2.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; height: 210px; }
	.footer_pic_4 {background: url('../layout/small-gallery4.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; height: 210px; }




.ourwork-item {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ourwork-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;

}
.ourwork-item .ourwork-desc {
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220);
}


.ourwork-item:hover .ourwork-desc {
	padding-top: 10%;
	height: 100%;
    transition: all 200ms ease-in-out 0s;
	opacity: 1;
}

.ourwork-item .ourwork-desc a {
	color: #fff;
}
.ourwork-item .ourwork-desc a:hover {
	text-decoration: none;
}
.ourwork-item .ourwork-desc .ourwork-info {
	top:-20px;
	padding: 100px 0px 0px 0px;
	height: 0;
    opacity: 0;
    position: relative;
}

.ourwork-item:hover .ourwork-info{
	height: 100%;
    opacity: 1;
    transition: all 500ms ease-in-out 0s;
	top:5px;
}


.ourwork-item .ourwork-desc .ourwork-info {
	color: #000000;
	font-size: 30px;
	text-transform: uppercase;
}
.ourwork-item .ourwork-desc {
	background: #FAC11C;
	background:rgba(250,193,28,0.7);
}

/* =============================================================================
   RESPONSIVE STYLES
   ========================================================================== */
	@media (max-width: 768px)  { /* xs only */
		#logo { margin: 0 auto; }
		.footer_pic_row { display: none; }
		.ourwork-item .ourwork-desc .ourwork-info {	padding: 80px 0px 0px 0px;}
	}

	@media (min-width: 768px) { /* sm md lg */
		body { background: #FFFFFF; }
		.footer_pic_row, .footer_pic_1, .footer_pic_2, .footer_pic_3, .footer_pic_4 { height: 120px; }
		.ourwork-item .ourwork-desc .ourwork-info {	padding: 50px 0px 0px 0px;}
	}

	@media (min-width: 992px) { /* md lg */
		.footer_pic_row, .footer_pic_1, .footer_pic_2, .footer_pic_3, .footer_pic_4 { height: 160px; }
		.ourwork-item .ourwork-desc .ourwork-info {	padding: 80px 0px 0px 0px;}
	}

	@media (min-width: 1200px) { /* lg */
		.navbar { margin-top: 15px; }
		.footer_pic_row, .footer_pic_1, .footer_pic_2, .footer_pic_3, .footer_pic_4 { height: 210px; }
		.ourwork-item .ourwork-desc .ourwork-info {	padding: 100px 0px 0px 0px;}
	}


	.quote_box {  line-height: 1.8; padding: 20px; background: #f6f6f6; }
	.quote_text { font-size: 110%; color: #666666; }
	.quote_box .fa { color: #7FBEE8; }
	.quote_who { font-size: 110%; color: #7FBEE8; font-style: italic; }

	.site_pic { border: 5px solid #F2F2F2; }

	.call_box { line-height: 1.8; padding: 20px; background: #F2F2F2; font-size: 110%; text-align: center; font-weight: 700; }

	.btn { border: 0px; border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px; }
	.btn-info { color: #444444; }

	.highlight_list .fa { color: #FAC11C; margin-top: 7px; }
	.highlight_list li { line-height: 2; color: #666666; }

	blockquote {border-left: 5px solid #FAC11C;background: #f6f6f6;}

	.our_work_small_rows p { margin-bottom: 30px; }
	.our_work_main_pod { margin-bottom: 30px; }
	.our_work_main_pod p { margin: 0px; }
	.our_work_main_pod a { color: #808080; }
	.our_work_main_pod a strong { color: #FFFFFF; }

	.services_pod { margin-bottom: 30px; background: #f6f6f6; padding: 0px 0px 5px 0px; }

	.call_action {  text-align: center; color: #444444; }

	.grey_panel { background: #F2F2F2; padding: 30px 0px; }

	#base_grid a.brands-facebook:link, #base_grid a.brands-facebook:visited { color: #FFFFFF; }
	#base_grid a.brands-twitter:link, #base_grid a.brands-twitter:visited { color: #FFFFFF; }

	.btn-key { color: #ffffff;  background-color: #000000; border-color: #000000;}
	.btn-key:focus,.btn-key.focus { color: #ffffff; background-color: #000000; border-color: #000000;}
	.btn-key:hover {color: #ffffff; background-color: #000000; border-color: #000000;	}


/* =============================================================================
   DESIGN STYLES
   ========================================================================== */
	.go_full_back {background: url('../img/pic1.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}  

	.social_icon { margin: 0px 10px 10px 0px; }

	.social_mono_icon { margin: 0px 5px 0px 0px; }
	.social_mono_icon_white { background: #c0c0c0; }
	.social_mono_icon_black { background: #e7e7e7; }
	.social_mono_icon_facebook:hover { background: #3959A0; }
	.social_mono_icon_twitter:hover { background: #60A8DC; }
	.social_mono_icon_googleplus:hover { background: #E04B37; }
	.social_mono_icon_linkedin:hover { background: #0C78B9; }



/* =============================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #header_wrapper, #nav_wrapper, #tagline_wrapper, #base_wrapper, #footer_wrapper { display: none; }
  #core_area { padding: 0px; }
  #brand_wrapper { display: inline; margin: 10px; padding: 10px; border-bottom: 1px solid #000000; font-size: 25px; font-weight: bold; }
  #print_wrapper { display: inline; margin: 10px; padding: 10px; border-top: 1px solid #000000; }
  #page_wrapper { padding: 0px; width: 100%; box-shadow:none; text-shadow: none; filter:none; -ms-filter: none;  border: 0px solid #FFFFFF; box-shadow: 0px 0px 0px #FFFFFF;-moz-box-shadow: 0px 0px 0px #FFFFFF;-webkit-box-shadow: 0px 0px 0px #FFFFFF;} 
}


/* navbar */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
	border: 0px;
	border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #444444;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #808080;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFFFFF;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFFFFF;
    }




}





.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}



.owl-carousel .owl-wrapper-outer {

}

.owl-pagination {
	text-align:center;
	margin-top:20px;
}

.owl-theme .owl-controls {
    margin-top:0;
}

.owl-theme .owl-controls .owl-page span,
.owl-theme .owl-controls .owl-page.active span {
    background-color: #CCCCCC;
    border-radius: 50%;
    display: block;
    opacity: 1;
}

.owl-theme .owl-controls .owl-page:last-child span {
	margin-right:0;
}

body .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
	top: 0;
	bottom: 46px;
    margin: auto;
	width:44px;
	height:46px;
	font-size: 29px;
	border-radius:50%;
	background-color: #FFFFFF;
	opacity:1;
	border:1px solid rgba(0,0,0,0.1);
	padding:0;
	transition-duration:0.3s;
}

body .owl-theme .owl-controls .owl-buttons div:hover {
	color: #FFFFFF;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left:-80px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev i {
    margin-right:3px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right:-80px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next i {
    margin-left:3px;
}

.hidden-control.owl-theme .owl-controls .owl-buttons div {
    opacity:0;
	transition-duration:0s;
}

.hidden-control.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left:40px;
	color: #FFFFFF;
}

.hidden-control.owl-theme .owl-controls .owl-buttons div.owl-next {
    right:40px;
	color: #FFFFFF;
}


body .owl-theme .owl-controls .owl-buttons div {
	color:#16A085;
}


body .owl-theme .owl-controls .owl-buttons div:hover {
    background-color: #444444;
}

body .owl-theme .owl-controls .owl-page.active span {
    background-color: #FAC11C;
}

body .hidden-control.owl-theme .owl-controls .owl-buttons div {
	background-color: rgba(0, 0, 0, 0.5);
}


.part ol ol.sections {	}
li.section {	}
ol.units { font-weight: normal; }
ol.sections li.sectionTitle h3 { color: #000000; }
.part ol {	counter-reset: sectioncounter partcounter;	margin: 0px;	padding: 0px;	word-wrap: normal; }
ol.sections { counter-reset: sectioncounter;	margin: 0px; padding: 0px; }
ol.sections li {	list-style: none;	margin-left: 3.5rem;	position: relative; }
ol.units {	counter-reset: unitcounter;	margin: 0 0 2rem 0; }
ol.sections li.partTitle {	list-style: none;counter-increment: none;	counter-reset: numberedpart;margin-left: 0;}
ol.sections li.sectionTitle {	list-style: none;counter-increment: none;counter-reset: numberedsection;margin-left: 0;}
ol.sections li.unnumberedunit { margin-left: 0;}
.sections li:before {position: absolute;	left: -3.5rem;	color: #000000;}
.sections li.numberedpart:before {content: counter(partcounter, DECIMAL) ". ";counter-increment: partcounter;}
.sections li.numberedsection:before {content: counter(sectioncounter, DECIMAL) ". ";counter-increment: sectioncounter;}
.units li.numberedunit:before {content: counter(sectioncounter, DECIMAL) "." counter(unitcounter, DECIMAL) " ";counter-increment: unitcounter;}
.unnumberedsection .units li.numberedunit:before {content: counter(unitcounter, DECIMAL) " ";	counter-increment: unitcounter;}
ol.sections li.definitionli {margin-left: 0;}
li.unit ol,li.unit ol ol ol {	counter-reset: loweralpha;}
li.unit ol:not(.unnumbered) li:before,li.unit ol ol ol:not(.unnumbered) li:before {content: "(" counter(loweralpha, lower-alpha) ") ";	counter-increment: loweralpha;}
li.unit ol ol,li.unit ol ol ol ol {counter-reset: lowerroman;}
li.unit ol ol:not(.unnumbered) li:before,li.unit ol ol ol ol:not(.unnumbered) li:before {content: "(" counter(lowerroman, lower-roman) ") ";counter-increment: lowerroman;}
li.unit ol.unnumbered ol li:before,li.unit ol ol ol.unnumbered ol li:before {	content: "(" counter(lowerroman, lower-alpha) ") ";counter-increment: lowerroman;}
.part dfn {font-weight: bold;font-style: italic;}