/* Content ======================================================================================= */
section .inner, section.inner, header .inner { width:980px; max-width:100%; margin:auto; position:relative;}

/* Content ======================================================================================= */
#main .w70, #main .w30 { padding-top:25px;}

.gwrap { width:100%; height:100%; overflow:hidden;}
 .gwrap ul { width:120%;}
.gal li { display:block; float:left; margin:0px !important; }
.gal li a {display:block; float:left; filter:alpha(opacity=100); opacity:1} 
.gal li img { display:block} 
.gal li a2:hover { filter:alpha(opacity=5); opacity:.05}

/* Home  ======================================================================================= */
body,html { min-height:100%;}
#home { height:100%; width:100%; position:relative; min-height:600px; overflow:hidden; z-index:20}

#over1 { position:absolute; top:50%; left:0px; z-index:10000; text-align:center; width:100%; height:500px; margin-top:-250px;}

#over1 h1 { color:#fff}
#over1 .btn1 { display:block; width:400px; max-width:100%}
#over1 .btn1 strong { display:block; font-size:21px;}
#over1 .btn1 a { display:block; color:#fff}
#over1 .btn1 img { display:block; max-width:100%; height:auto; margin-bottom:12px}

body.home #main { padding-top:0px;}

/* Home Cycle Elements */
#home  { background: url(../img/spinner.gif) center 40% no-repeat #fff !important }
body.home #home #ss { height:100%; width:100%; position: absolute; top:0px;  }
body.home #home #ss ul.cycle-slideshow { width:100%; height:100%;  position:relative; top:0px; min-height:210spx; display:none; z-index:101;}
body.home #home #ss ul.cycle-slideshow li { width:100%; height:100%; max-width:100%;}
#home #ss ul li div { padding:20px; position:absolute; top:50%; left:0px; background:rgba(0,0,0,.4); margin-top:-100px}
#home #ss ul li div h2 { color:#fff; font-size:45px; font-family:'pxreg'; font-weight:normal; margin-bottom:12px; } 
#home #ss ul li div a { color:#fff; border-color:#fff; padding-right:35px;}

#ss-bar { position:absolute; bottom:0px; left:0px; height:50px; width:100%; z-index:110}
#ss-footer { background:rgba(51,51,51,.2); height:50px; position: relative; z-index:115;}

#ss-nav { position:absolute; bottom:0px; left:0px; z-index:1000}
#ss-nav {}
#ss-nav a { color:#fff; display:block; padding:18px; float:left; cursor:pointer; text-indent:-999px; overflow:hidden; height:50px; width:60px;}
#ss-nav a.prev { background:url(../img/btn/left.png) center center no-repeat; }
#ss-nav a.next { background: url(../img/btn/arrow-right.png) center center no-repeat; }
#ss-nav .play { background:url(../img/btn/faq.png) center center no-repeat}
#ss-nav .stop { background:url(../img/btn/pause.png) center center no-repeat;}

#ss-nav a:hover { background-color:#6fbab3; color:#000;}
#ss-nav a:active {background-color:#7aded4}


#home #ss-pager { padding:16px 0px; height:16px}
#home #ss-pager span { width:16px; height:16px; display:block; float:left; background:none; border:1px solid #66a9a3; margin:0px 6px; text-align:center; text-indent:-999px; overflow:hidden; cursor: pointer; }
#home #ss-pager span.cycle-pager-active { background:#66a9a3;}
#home #ss-pager span:hover { background:#7aded4; border-color: #7aded4;}
#home #ss-pager span:active, #home #ss-pager span:focus { background:#fff; border-color: #7aded4;}



/* Header + Nav ======================================================================================= */
#header { position: fixed;  z-index:100; top:0px; left:0px; width:100%; background:#000 ; background:rgba(0,0,0,.5); height:50px; padding:0px 25px }

 
#header div.logo { display:block; float:left; padding-top:14px; margin-bottom:0px; position:relative; font-size:16px; }
#header div.logo a { display:block; color:#fff}

/* Menu */ 
#nav { float:right;} 
#nav ul { float: right; padding-top:0px; } 
#nav li { display:block; float:left; position:relative;} 
#nav li a { display:block; float:left; padding:17px 15px; font-size:12px; color:#fff}

#nav li a:hover, #nav li.current-page-ancestor>a,  #nav li.current_page_parent>a, #nav li.current-menu-item>a, 
#nav li:hover a, #nav li.current_page_parent>a, #nav li.current-menu-item>a { color:#fff; background:#000}
 
/* Drop Down Menu */  
#nav li ul { 
	display:block; opacity:0; position:absolute; top:-1000px !important; left:10px !important;  
	z-index:100; background:rgba(51,51,51,.8); width:250px !important; padding:0px;
}
#nav li:hover ul { display:block; opacity:1; top:34px !important;  filter:alpha(opacity=100); border-top:2px solid pink;}
#nav li ul li { float:none;}
#nav li ul a  { float:none; padding:6px 14px; margin:4px; font-size:13px; color:#fff !important; border:0px !important}
#nav li ul a:hover, #nav li ul li.current-menu-item>a { background:pink; color:#000 !important}


/* Footer ======================================================================================= */
#footer {background:#333; width:100%; height:5em; position:relative; z-index:20  }
#footer p {  display:block; color:#fff; margin:0px; position:relative; top:20px; font-size:14px; } 
#footer p a { color:#fff}
#footer p a:hover { text-decoration:underline;}
#footer p span.spacer { display:inline-block; padding:0px 6px; color:#999}


/* Mobile Nav  ======================================================================================= */
#mnav { position: absolute; visibility:visible; top:0; left:25px; right:0; bottom:0; z-index:200; display:none; height:100%; padding-bottom:50px}
 
#mnav h2 { padding:25px 0px 0px 0px; font-size:18px; color:#fff}
#mnav a.btn-close { position:absolute; top:0px; right:0px; cursor:pointer; padding:27px 25px; color:#fff; font-size:16px;}
#mnav a.btn-close:hover {background:#fff; color:#000;}
	
#mnav ul#mnav-main { padding-bottom:25px;}
#mnav li ul { display:none; } 
#mnav li {}
#mnav li a { color:#ccc; padding:6px 0px; font-size:14px;  display:block}
#mnav li a:hover { color:#fff;}
#mnav li a.active { color:#fff;}
#mnav li ul li a { font-size:13px; color:#fff; padding:3px 20px;}
#mnav li ul { padding-bottom:25px;}

#mnav-overlay { position: fixed; visibility:visible; top:0; left:0; right:0; bottom:0; z-index:199; height:100%; width:100%; display:none; background:#333; }

#oc { float:right; padding:10px 25px; cursor:pointer; position:relative; font-size:22px; right:0px; color:#fff}
#oc:hover { background:#333; color:#fff;}
#oc.active { background-image:url(../img/close.png); }


/* Global ======================================================================================= */
body { font-family:'Montserrat';}

body.admin-bar #header { position:absolute}

html, body { height: 100% !important; min-height: 100% !important }
#wrapper-all { min-height: 100%; position: relative; margin:0 auto 0em; }
#wrapper-content { padding-bottom: 0em; z-index:5 }

.btn-main { padding:6px 10px; color:#fff; display:inline-block; border:0px; min-width:120px; font-size:12px; background:#aaa; color:#fff }
.btn-main:hover { background-color:#222;  }
.btn-main:active { background-color:#333; }  

button.btn-main { min-width:150px; border:0px;}

.btn-center { text-align:center;}
  
.animate, #nav li a, .btn-main , #sidebar li a, .gtform input, .gtform textarea, a.btn-close, #mnav li a   { 
	transition:all .2s ease-out; 
	-o-transition:all .2s ease-out; 
	-moz-transition:all .2s ease-out; 
	-webkit-transition:all .2s ease-out;
}

#nav ul {
	transition:opacity .4s ease-out; 
	-o-transition:opacity .4s ease-out; 
	-moz-transition:opacity .4s ease-out; 
	-webkit-transition:opacity .4s ease-out;
}

.rounded, .btn-main, .gtform input, .gtform textarea {
  -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
          border-radius: 4px;                     
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

#bot rounded {
  -webkit-border-radius: 0px 0px 7px 7px;
     -moz-border-radius: 0px 0px 7px 7px;
          border-radius: 0px 0px 7px 7px;                 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}


/* Contact  ======================================================================================= */
#main #sidebar h2.ctheader { font-size:23px; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #ccc;}
ol.gtform { margin-bottom:0px !important; }
ol.gtform li {  margin-bottom:12px !important; list-style:none !important; padding-left:0px !important;  position:relative; padding-right:19px;  }

ol.gtform input.wpcf7-text, .gtform .wpcf7-select, .gtform .wpcf7-textarea {font-size:12px; border:1px solid #e2e2e2; display:block;  width:100%; color:#997f5b; background:#fff; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
ol.gtform input.wpcf7-text {  padding:8px 10px;} 
ol.gtform .wpcf7-select { padding:8px 10px; line-height:30px  }
ol.gtform .wpcf7-textarea { padding:8px 10px; height:80px; }
ol.gtform .msg { clear:both;}

.gtform input.wpcf7-text:hover, .gtform .wpcf7-select:hover, .gtform .wpcf7-textarea:hover,
.gtform input.wpcf7-text:active, .gtform .wpcf7-select:active, .gtform .wpcf7-textarea:active { background:#eee; color:#666}
.gtform input.wpcf7-text:focus, .gtform .wpcf7-select:focus, .gtform .wpcf7-textarea:focus {background:#eee; color:#333}

li.submit { position:relative; }
li.submit button {cursor:pointer; color:#fff; border:0px; padding:14px}
 
span.wpcf7-form-control-wrap { display:block !important;}

.wpcf7 span.wpcf7-not-valid-tip { font-size:11px;  }
.wpcf7 .wpcf7-response-output { padding:8px !important; font-size:10px !important; margin:0px !important; padding-left:30px !important; clear:both}
.wpcf7 .wpcf7-validation-errors { border-color:#f00 !important; color:#7d7d7d !important; background:url(../img/plugins/alert.png) 7px center no-repeat}
.wpcf7 .wpcf7-mail-sent-ok { color:#888 !important; background:url(../img/plugins/success.png) 7px 10px no-repeat;  border-color:#f00 !important;}