/*
.......MMMMM
...... MMMMM
......MMMMM
......MMMMM,     MMMMM,    MMMMM. MMMM.   MMM  .... .MMMM:. ....  NMMMMM  ......
  ... MMMMM   MMMMMMMMMMN.NMMMMNMMMMMMM MMMMMM . .MMMMMMMMMM...MMMMMMMMMMM......
.....,MMMMM .MMMMM..MMMMM.MMMMMMNMMMMMMM=MMMMMM.NMMMM=..MMMMM MMMMM.. MMMM......
.....MMMMMM MMMMM...MMMMM MMMMM..OMMMMM  MMMMM 8MMMM:...MMMMM MMMMMM ,MMM.......
.... MMMMM MMMMMMMMMMMMM.=MMMMM..MMMMM...MMMMM MMMMM....MMMMM .MMMMMMMMM .......
.... MMMMM.MMMMMIMMM+ ...MMMMM$. MMMMM..7MMMMM.MMMMM....MMMMM .ND MMMMMMMM......
....NMMMMM DMMMMM,. . MM.MMMMM.. MMMMM .MMMMMM.MMMMM ..MMMMM.MMMM ..MMMMMM......
....MMMMMM$ MMMMMMMMMM...MMMMM .MMMMMM..MMMMMMZ.MMMMMMMMMMM. MMMMMMMMMMMN  .   .
.....MMMMD....MMMMMM....MMMMMM..MMMMM:...NMMMD...:MMMMMM:.....MMMMMMMM+.........
.....
*/
/* ...................................................................................................................................................................
Gemec - V1
Designed & Developed and Inplemented by - Douglas Lemos – Lemos Agency
................................................................................................................................................................... */
/* Global */
/* ............................................................................................................................................................... */
body { color: #000; background-color:#FFF; height:100%; width:100%; margin:0px; padding:0px; font-family: 'Varela Round', sans-serif; font-size:14px; color:#514b44; }
html, body { height:100%; }
h1, h2, h3, h4, h5, h6 { line-height:normal; font-family: 'Varela Round', sans-serif; color:#514b44; margin:0px; padding:0px; text-transform:uppercase !important; font-weight:normal !important; }
h1 { font-size:36px; }
h2 { font-size:26px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
a { color:#6dbe45; text-decoration:none; }
a:hover { color:#514b44; }
p { line-height:20px; padding:8px 0px; margin:0px;}
.hidden { display:none; }
.clear { clear:both; }
.no-margin { margin:0px !important; }
.no-padding { padding:0px !important; }
#main { width:100%; position:relative; top:0px; }
.full-width { width:100%; position:relative; top:0px; padding:40px 0px 10px; z-index:11; background-color:white; }
.full-width h1 { width:100%; text-align:center; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:10px 0px; }
.global-width { width:960px; margin:0 auto; position:relative; top:0px; }
.global-width h3, .global-width h4, .global-width h5 { text-transform:none; padding:20px 0px; }
.green-bar { border-top:10px solid #6dbe45; }
.padding { padding:20px 0px; }
.content ul { margin:0px 0px 10px; padding:0px; }
.content ul li { list-style:none; padding:10px 0px 0px 20px; background:url('../images/list.png') no-repeat 0 12px; margin:0px; }

/* ............................................................................................................................................................... */
/* Header */
/* ............................................................................................................................................................... */
#emergencies {
	min-width:300px;
	height:148px;
	background:url('../images/emergencies-tab.png') no-repeat 0 0;
	cursor:pointer;
	position:fixed;
	right:-265px;
	top:116px;
	z-index:999;
	color:#FFF !important;
}

#emergencies h2 {
	font-size: 19px;
	line-height: normal;
	color: #FFF !important;
	padding: 7px 20px 6px 50px;
}

#emergencies h3 {
	font-size: 26px;
	line-height: normal;
	color: #FFF !important;
	padding: 12px 20px 6px 50px;
}

#emergencies .phones {
	font-size: 19px;
	line-height: 24px;
	color: #FFF !important;
	padding: 3px 20px 6px 50px;
}

#header { 
	width: 100%;
	height: 150px;
	display: block;
	position: relative;
	top: 0px;
	z-index: 99;
	background-color: white;
}
.logo { float:left; padding-top:30px; }
.logo, .logo a, .logo a h1  { width:267px; height:80px; display:block; }
.logo a { background:url('../images/logo.png') no-repeat 0 0; }
.pre-menu { position:absolute; top:36px; right:0px; width:590px; }
.pre-menu .phone  { float:right; padding-top:8px; }
.pre-menu .phone h2 { font-size:20px; }
.pre-menu .phone h2 span { color:#6dbe45; }
.pre-menu .email  { float:right; padding-top:8px; margin-right:20px; }
.pre-menu .email h2 { font-size:14px !important; }
.pre-menu .email h2 span { color:#6dbe45; font-size:20px !important; }
.pre-menu .email a {
	color:#514b44 !important;
	text-decoration:none !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; 
}
.pre-menu .email a:hover { color:#6dbe45 !important; }
.pre-menu .search { float:right; width:240px; height:39px; margin-left:0px; background:url('../images/bg-search-field.png') no-repeat 0 0; display:none; }
#nav-wrap { float:right; width:600px; }
.menu { width:auto; margin:73px 0px 0px 0px; padding:20px 0px 0px 0px; list-style:none; float:right; border-top:1px solid #d6d6d6; }
.menu li { list-style:none; float:left; padding:0px 0px 0px 25px; margin:0; font-size:14px; }
.menu li a {
	color:#514b44;
	text-transform:uppercase;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menu li a:hover, .menu li.current-menu-item a { color:#6dbe45; }
/* Sub-menu Styling and Positioning. Accounts for infinite levels of dropdowns. */
#menu-menu ul {
	background: #FFF;
	width: 250px;
	position:absolute;
	top:147px;
	margin:0px 0px 0px -10px;
	padding:0px;
	display:none;
}
#menu-menu ul > li {
  width: 250px;
  padding:0px;
  margin:0px;
}
#menu-menu ul > li > a {
  font-size: 14px;
  text-transform:none;
  padding: 7px 0px;
  margin:0px 10px;
  color:#514b44;
  border-bottom:1px dotted #CCC;
  display:block;
}
#menu-menu ul > li:hover > a,
#menu-menu ul > .current-menu-item > a,
#menu-menu ul > .current-menu-item:hover > a,
#menu-menu ul > .current-menu-ancestor > a {
	color: #6dbe45;
}
#menu-menu li > ul li:hover > ul {
  top: 0;
}
.bar-green { width:100%; height:10px; display:block; background-color:#6dbe45; position:absolute; bottom:0px; }
/* ............................................................................................................................................................... */
/* Hero Banner */
/* ............................................................................................................................................................... */
#slide-banner { width:100%; height:555px; display:block; position:relative; margin:0 auto; }
.slide-wrapper { color:#FFF; text-align:center; width:100%; margin:0 auto; height:575px; float:left; overflow:hidden; } 
.logo-symbol-pixel { width:100%; height:575px; display:block; position:absolute; top:135px; z-index:10; background:url('../images/symbol-pixel.png') no-repeat center 0; margin:0 auto; }
.logo-symbol-pixel .bt-more { 
	width:48px;
	height:46px;
	color:white;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	display:block;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background:url('../images/more.png') no-repeat 0 -25px;
	margin:0 auto;
	position:relative;
	top:370px;
}
.logo-symbol-pixel .bt-more:hover { background-position:0 23px; }
.hero-offset { width:960px; height:426px; margin:0 auto; position:relative; z-index:3; top:30px; display:block;}
.hero-offset .logo-symbol { width:960px; height:426px; display:block; position:relative; background:url('../images/symbol.png') no-repeat 300px 0; background-size:60%; top:60px; opacity:0.7; }
.hero-offset .head-lines { width:326px; height:426px; display:block; position:absolute; z-index:5; left:55%; margin-left:-213px; }
.hero-offset .head-lines .head-lines-wrapper { padding-top:186px; position:relative; }
.hero-offset .head-lines .head-lines-wrapper h2.head-title { color:#FFF; } 
.hero-offset .head-lines .head-lines-wrapper h3.head-desc	{ color:#FFF; font-size:14px; }

.bg {
	position: fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	z-index:1;
}
.bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}
/* ............................................................................................................................................................... */
/* Leadins Home Page */
/* ............................................................................................................................................................... */
.leadins { width:960px; height:143px; margin:30px auto 0px auto; padding:0px; list-style:none; }
.leadins li { float:left; width:93px; height:143px; margin:0px 15px 0px 0px; list-style:inherit; }
.leadins li a { width:93px; height:143px; display:block; color:#535049; text-align:center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.leadins li a:hover { color:#000; text-decoration:none; }
.leadins li a .icon { width:93px; height:82px; display:block; position:relative; margin:0px 0px 0px 0px; }
.l1, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9 { width:93px; height:82px; position:absolute; top:0; z-index:1; display:block; }
.lhover1,
.lhover2,
.lhover3,
.lhover4,
.lhover5,
.lhover6,
.lhover7,
.lhover8,
.lhover9 
{ width:93px; height:82px; position:absolute; top:0; z-index:2; display:none; }
.l1, .lhover1 { background:url('../images/ic-l1.png') no-repeat 0 0; }
.l2, .lhover2 { background:url('../images/ic-l2.png') no-repeat 0 0; }
.l3, .lhover3 { background:url('../images/ic-l3.png') no-repeat 0 0; }
.l4, .lhover4 { background:url('../images/ic-l4.png') no-repeat 0 0; }
.l5, .lhover5 { background:url('../images/ic-l5.png') no-repeat 0 0; }
.l6, .lhover6 { background:url('../images/ic-l6.png') no-repeat 0 0; }
.l7, .lhover7 { background:url('../images/ic-l7.png') no-repeat 0 0; }
.l8, .lhover8 { background:url('../images/ic-l8.png') no-repeat 0 0; }
.l9, .lhover9 { background:url('../images/ic-l9.png') no-repeat 0 0; }

.lhover1,
.lhover2,
.lhover3,
.lhover4,
.lhover5,
.lhover6,
.lhover7,
.lhover8,
.lhover9
{ background-position:0 -82px; }
.leadins li a .service-title { position:relative; padding-top:10px; font-family: 'Nunito', sans-serif; font-weight: 400; font-size:13px; line-height:15px; }
/* ......................................................................................................................................... */
/* Services */
/* ......................................................................................................................................... */
.services {
	margin:20px 0px;
	padding:0px;
	list-style:none;
}
.services li {
	margin:0px 40px 20px 0px;
	padding:0px;
	float:left;
	width:293px;
	position:relative;
	top:0px;
	list-style:none !important;
	cursor:pointer;
}

.services li.no-margin { margin:0px 0px 20px 0px !important; }

.services li .service-title { 
	position:relative;
	padding:10px;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size:16px;
	line-height:16px;
	text-align:center;
	text-transform:uppercase;
	margin-top:85px;
}

.services li .arrow-drop-down,
.services li .arrow-up
{
	height:38px;
	width:100%;
	display:block;
	border-top:1px solid #e0e0e0;
	margin:10px 0px;
	background:url('../images/arrow-drop-services.png') no-repeat center 20px;
	cursor:pointer;
}

.services li .arrow-up { background-position:center -30px; }

.services li .service-blurb {
	padding:0px;
	display:none;
	width:293px;
}

.services li .service-blurb .blurb { padding:10px 0px; }

.services li .service-blurb,
.services li .service-blurb p,
.services li .service-blurb ul li
{
	font-size:13px !important;
	line-height:normal !important;
	padding:0xp 5px 0px 0px !important;
	
}
.services li .service-blurb ul {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
	
}
.services li .service-blurb ul li {
	list-style:none;
	padding:10px 0px 0px 20px !important;
	background:url('../images/list.png') no-repeat 0 12px;
	margin:0px;
	width:280px;
}
.services li .service-blurb a {
	text-align:center;
	display:block;
	width:100%;
	padding:15px 0px;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

.services li .l1,
.services li .l2,
.services li .l3,
.services li .l4,
.services li .l5,
.services li .l6,
.services li .l7,
.services li .l8, 
.services li .l9
{ width:93px; height:82px; position:absolute; top:0; left:100px; z-index:1; display:block; }

.services li .lhover1,
.services li .lhover2,
.services li .lhover3,
.services li .lhover4,
.services li .lhover5,
.services li .lhover6,
.services li .lhover7,
.services li .lhover8,
.services li .lhover9 
{ width:93px; height:82px; position:absolute; top:0; left:100px; z-index:2; display:none; }

/* ......................................................................................................................................... */
/* Clients */
#clients {
	width:100%;
	overflow:hidden;
	height:83px;
	list-style:none !important;
	margin:0 !important;
	padding: 0 !important;
}
#clients .section-wrapper {
	width:960px;
	display:block;
	height:83px;
	margin:0 auto;
}
#clients .c-logo { 
float:left;
list-style: inherit !important;
background:none !important;
padding:0 !important;
margin: 0 !important;
height:83px;
min-width:107px;
display:block;
}
/* ............................................................................................................................................................... */
/* ............................................................................................................................................................... */
/* Pages */
/* ............................................................................................................................................................... */
.inner-banner { width:100%; height:300px; overflow:hidden; position:relative; }
.inner-banner .image-mask { width:100%; height:300px; position:absolute; top:0; z-index:1; background:url('../images/inner-banner-mask.png') no-repeat center 0; display:block; }
.inner-banner .image-featured { width:960px; height:300px; margin:0 auto; overflow:hidden; position:relative; top:0; }
/* ............................................................................................................................................................... */
/* Galleries */
#carousel { margin: 20px 0px; }
.carousel { overflow:hidden; width:100%; height:152px; margin:0 auto; position:relative; }
.ngg-galleryoverview { height:152px; }
.set { height:120px; width:960px !important; float:left; }
.ngg-gallery-thumbnail { margin:0px 0px 0px 30px !important; }
.ngg-gallery-thumbnail img { border:none !important; margin:0px !important; padding:0px !important; }
.es-nav-next, .es-nav-prev {
	position:absolute;
	top:80px;
	width:21px;
	height:45px;
	display:block;
	z-index:99;
	cursor:pointer;
	font-size:0;
	line-height:0;
}
.es-nav-prev {
	left:0px;
	background:url('../images/prev-1-big.png') no-repeat 0 0
}
.es-nav-next {
	right:0px;
	background:url('../images/next-1-big.png') no-repeat 0 0
}
.es-nav-prev:hover, .es-nav-next:hover {
	background-position: 0 -45px
}
/* ............................................................................................................................................................... */
/* Projects */
.project {
	width: 152px !important;
	height: 152px !important;
	float: left !important;
	margin-left: 30px;
}
.project-link { 
	width:152px; 
	height:152px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	color:#FFF;
	font-size:13px;
	background:#6dbe45;
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position:relative;
}
.project-link:hover { text-decoration:none; background:#514b44; color:#FFF; }
.img-zoom { width:152px; height:112px; background:url('../images/zoom.png') no-repeat 0 0; position:absolute; top:0px; z-index:1; display:none; }
.project-title {
	padding: 8px 6px;
	position: relative;
	font-size: 12px !important;
}
.project-stages-wrapper h3 { padding:40px 0px 0px 0px !important; }
.stage { width:217px; float:left; display:block; margin:0px 30px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; position:relative; }
.stage .stage-img { width:217px; height:115px; overflow:hidden; position:relative; display:block; margin:50px 0px 0px 0px; }
.stage .stage-desc { width:217px; position:relative; padding-top:10px; margin:0px; }
.stage a { color:#514b44; text-decoration:none; }
.stage a:hover { text-decoration:none; }
.stages { background:url('../images/stages-numbers.png') no-repeat 0 0; width:217px; height:98px; position:absolute; top:50px; z-index:1; }
#stage1 .stages { background-position:5px 0px; }
#stage2 .stages { background-position:-240px 0px; }
#stage3 .stages { background-position:-490px 0px; }
#stage4 .stages { background-position:-740px 0px; }
/* ............................................................................................................................................................... */
/* Contact Page */
/* ............................................................................................................................................................... */
.contact-left { width:40%; float:left; }
.contact-left h3 { margin-bottom:10px !important;} 
.contact-right { width:60%; float:left; }
.contact-right h3 { margin-left:10px !important;} 
.contact-left .detail { padding:2px 0px; color:#514b44; font-size:16px; }
.contact-left .c-phone { padding:0px; font-size:26px; color:#514b44; font-size:16px; }
/* ............................................................................................................................................................... */
/* Contact Footer */
/* ............................................................................................................................................................... */
.contact-footer { width:100%; min-height:336px; padding:0px; background:#6dbe45; }
.contact-footer h1 { width:100%; text-align:center; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px 0px; color:white; }
.contact-footer .contact-footer-wrapper { width:960px; min-height:287px; display:block; margin:0 auto; background:#6dbe45 url('../images/gemec-map.png') no-repeat 0 0; }
.contact-footer .contact-footer-wrapper .contact-details { width:auto; float:right; font-size:16px; color:white; padding:20px 0px 0px; }
.contact-footer .contact-footer-wrapper .contact-details .detail { padding:2px 0px; }
.contact-footer .contact-footer-wrapper .contact-details .c-phone { padding:0px; font-size:26px; }
/* ............................................................................................................................................................... */
/* Footer */
/* ............................................................................................................................................................... */
#footer { width:100%; margin:0 auto; position:relative; background:#FFF; min-height:100px; display:block; padding-top:30px; }
#nav-footer { width:940px; margin:0 auto; position:relative; }
#nav-footer #menu-footer { margin:0px; padding:0px; list-style:none; float:left; border:none; }
#nav-footer #menu-footer li { list-style:none; float:left; margin:0px; padding-left:13px; padding-right:3px; }
#nav-footer #menu-footer li.first { background:none; padding:0px; }
#nav-footer #menu-footer li a {
	font-size:12px;
	color:#514b44;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav-footer #menu-footer li a:hover, #nav-footer #menu-footer li.current-menu-item a { color:#6dbe45; }
.copyright-client { width:940px; margin:0 auto; padding:8px 0px 20px 0px; font-size:11px; color:#514b44; position:relative; text-align:left; }
.lemos { position:absolute; top:-20px; right:0px; width:106px; height:46px; display:block; }
.lemos a { display:block; width:106px; height:46px; background:url('../images/graphic-design-web-design-lemos.png') no-repeat 0 0; }