@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;	
}
*:before, *:after {	
	box-sizing: border-box;	
}
:before, :after {	
	box-sizing: border-box;	
}
html {
  font-family: 'Montserrat', Helvetica, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
	font-size: 16px;
	line-height:22px;
	font-family: 'Montserrat', Helvetica, sans-serif;	 
	color:#333333;
}
:focus {
	outline:none;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
ul, li, ol {
	list-style:none;
}
a {
	text-decoration:none;
	background-color: transparent;
	color:inherit;	
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border:none;
	vertical-align:middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
	-webkit-transition: all 0.6s ease-in-out;	   	     
	        transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all 0.6s ease-in-out;	   	    
	        transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding:0 10px;
	border:1px solid #ccc;
	-webkit-appearance: textfield;
	box-sizing: border-box;	
}
textarea {
	padding:10px;
	resize:none;
	overflow: auto;	
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.relative {
	position:relative;
}

@-webkit-keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
.menuDown { -webkit-animation-name: menuDown; animation-name: menuDown;}

@-webkit-keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.menuRight { -webkit-animation-name: menuRight; animation-name: menuRight;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.menu-icon {
	display:none;
	border:1px solid #fff;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;	   
	        border-radius:4px;
}
.menu-icon:hover { background-color:#333300;}
.menu-icon span {
	display:block;
	background-color:#fff;
	height:2px;
	width:22px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.menu-icon span + span { 
	margin-top:4px;
}
.clearfix {}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.container {
	width:1280px;
	margin:0 auto;	
}
.container:before, .container:after {
	display:table;
	content:" ";
}
.container:after {
	clear:both;
}
em { color:#000; }

h1 .post-thumbnail { float: left; max-width: 80px; }
h1{ font-size:42px; line-height: 50px; color:#888888; margin:10px 0px; }
h2{ font-size:28px; line-height: 36px; color:#888888; margin:10px 0px; }
h3{ font-size:26px; line-height: 32px; color:#888888; margin:10px 0px; }
h4{ font-size:22px; line-height: 30px; color:#888888; margin:10px 0px; }
h5{ font-size:20px; line-height: 26px; color:#888888; margin:10px 0px; }
h6{ font-size:16px; line-height: 22px; color:#888888; margin:5px 0px; }

.header { width:100%; position:fixed; z-index:3; background:#393a3b; }
.header .left { width: 30%; float: left; padding: 15px 0px; }
.header .left h1{ padding:0px; margin:0px; }
.header .left p{ padding:0px; margin:0px; }
.header .right { width: 70%; float: left; padding: 25px 0px; } 

.header .header-top{ background:#BBBBBB; float:right; width:100%; text-align: right; }

#nav { width: 100%; float: left; padding: 5px 0px; }
#nav ul { float:right; }
#nav > ul > li { position:relative; display:block; float:left; }
#nav > ul > li > a { display:block; position:relative; font-size:14px; padding:10px 15px; line-height:22px; color:#fff; text-transform:uppercase; }
#nav > ul > li:hover > a { color:#ccc;   }
#nav > ul > li.current_page_item > a { color:#ccc; }

/*
#nav ul li.submenu > a:after { position:absolute; right:2px; top:50%; margin-top:-8px; width:14px; height:14px; background:url(../images/plus.png) no-repeat left center; content:" "; }

#nav ul li.submenu > a.open:after { position:absolute; right:2px; top:50%; margin-top:-8px; width:14px; height:14px; background:url(../images/minus.png) no-repeat left center; content:" "; }/*
	
/* Drop Down */
#nav ul li ul { display:none; width:225px; position:absolute; left:0; top:100%; z-index:999; background:#888888; }
#nav ul li ul li { display:block; position:relative; }
#nav ul li ul li a { color:#fff; display:block; font-size:20px; line-height:26px; padding:5px 10px; }
#nav ul li ul li a:hover { background-color:#cccccc; color:#fff; }
/* Drop Down */
#menu-top-menu{ float:right; }
#menu-top-menu li{ float:left; padding:7px; font-size:14px; line-height:22px; color:#fff; text-transform:uppercase; }
 
.btn-contact a{ background:#666666; color:#fff !important; border-radius: 25px; }

.header.sticky .left img{ max-width: 250px; }
.header.sticky .right{ padding-top:13px; }
.header.sticky .header-top{ display:none; }
.header.sticky #nav{ padding: 5px 0; }

#middle_section{ position:relative; top:137px; }
/****** ******/
#banner_section{ position:relative;  }

.btn-purple{ padding:10px 20px; border-radius: 18px; background:#6d5a9d; color:#fff; text-decoration: none; display: inline-block; }
.btn-purple:hover{ background:#870b0d; }

.btn-white{ padding:10px 20px; border-radius: 18px; background:#fff; color:#6d5a9d; text-decoration: none; display: inline-block; }
.btn-white:hover{ background:#870b0d; color:#fff !important; }

#home_about{ float:left; width:100%; }
#home_about .content{ float:left; width:100%; padding:20px 20%; text-align:center; }
#home_about .content h2{ width: 100%; color:#888888; font-size:30px; line-height:36px; font-weight:600; }
#home_about .content ul { margin:10px 0px 10px 10px; padding: 5px 0px 5px 0px;  } 
#home_about .content ul li { list-style: disc; padding: 5px 0px 5px 0px; }
#home_about .content a{ text-decoration:underline; color: #333300; }
#home_about .content a:hover{}
#home_about .content strong{  }
#home_about .content p{ padding:10px 0px; line-height:24px; }

#portfolio{ float:left; width:100%; }
#portfolio .content{ float:left; width:100%; padding:15px 8%; }
#portfolio .content h2{ color:#888888; font-size:36px; line-height:42px; font-weight:700; text-align:center; padding:15px 0px; }
#portfolio .content .portfolio{ float:left; width:31%; margin:1%; }
#portfolio .content .portfolio.last{ float:left; width:31%; margin:1%; }
#portfolio .content .portfolio.last img{ max-width: 340px; }

.portfolio figure figcaption, .portfolio figure figcaption > a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.portfolio figure figcaption{ text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

figure{ position:relative; float:left; overflow:hidden; margin:0px; width:100%; text-align:center; cursor:pointer; }
figure.effect-goliath { background: #fff; }
figure.effect-goliath img,figure.effect-goliath h3 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-goliath h3{ width:100%; text-align:center; position: absolute; bottom: 0; left: 0; padding: 30px; font-size:18px; line-height:24px; color:#0000ff; opacity:0; text-transform: none; 	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);  }
figure.effect-goliath:hover img { -webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); }
figure.effect-goliath:hover h3 { -webkit-transform: translate3d(0,12px,0); transform: translate3d(0,12px,0); opacity:1; }


#content { position: relative; float:left; width:100%; }
#content .content{ float:left; width:100%; padding:10px 0px; }
#content .content p{ margin:5px 0px; padding:5px 0px; } 
#content .content ul{  margin:10px 0px; padding:5px 0px;  }
#content .content ul li{ margin-left:15px; list-style:disc; }
#content .content a{ color: #333300; text-decoration:underline; }
#content .content a:hover{ text-decoration:underline; }

#content .content .left-sidebar { float:left; width:68%; padding:0px 20px 10px 0px; }
#content .content .left-sidebar p{ margin: 0px; padding: 6px 0px 8px 0px; }
#content .content .left-sidebar ul { margin:10px 0px 10px 10px; padding: 5px 0px 5px 0px;  } 
#content .content .left-sidebar ul li { list-style: disc; padding: 5px 0px 5px 0px; }
#content .content .left-sidebar a{ text-decoration:underline; color: #333300; }
#content .content .left-sidebar a:hover{}
#content .content .left-sidebar strong{  }

#content .content .right-sidebar { float:left; width:32%; padding:0px 0px 10px 20px; }
#content .content .right-sidebar p{ padding: 6px 0px 8px 0px; }
#content .content .right-sidebar strong{  }
#content .content .right-sidebar ul { width:100%; margin:10px 0px 10px 15px; } 
#content .content .right-sidebar ul li { margin: 10px 0px; list-style: disc; }
#content .content .right-sidebar a{ text-decoration:none; color: #333300; }
#content .content .right-sidebar a:hover{ text-decoration:underline; }

#footer{ width: 100%; float: left; position: relative; background:#272727; color:#818181; }
#footer .content{ float:left; width:100%; padding:30px 10px; font-size:16px; line-height:22px; }
#footer .content .f-left{ width:33.33%; float:left; padding:3% 15px 3% 0px; }
#footer .content .f-center{ width:33.33%; float:left; padding:3% 15px 3% 15px; }
#footer .content .f-right{ width:33.33%; float:left; padding:3% 15px 3% 0px; }

#footer p{ padding:0px; }
#footer a{ color:#fff; }
#footer a:hover{ text-decoration:underline; }
#footer h4.widget-title{ color:#fff !important; }
#footer .content li{ padding:2px 0px !important; }

#footer .copyrights{ width:100%; float: left; position: relative; text-align: left; padding:15px 0px; background: #BBBBBB; color:#333; }
#footer .copyrights .content{ float:left; width:100%; padding:5px 0px; font-size: 12px; line-height: 18px;  }

#nav_menu-2{ padding-left: 12%; }

.w-12{ float:left; width:100%; margin:15px 0px; padding:0px 10px; }
.w-11{ float:left; width:90%; margin:15px 0px; padding:0px 10px; }
.w-10{ float:left; width:80%; margin:15px 0px; padding:0px 10px; }
.w-9{ float:left; width:70%; margin:15px 0px; padding:0px 10px; }
.w-8{ float:left; width:60%; margin:15px 0px; padding:0px 10px; }
.w-7{ float:left; width:55%; margin:15px 0px; padding:0px 10px; }
.w-6{ float:left; width:50%; margin:15px 0px; padding:0px 10px; }
.w-5{ float:left; width:45%; margin:15px 0px; padding:0px 10px; }
.w-4{ float:left; width:40%; margin:15px 0px; padding:0px 10px; }
.w-3{ float:left; width:30%; margin:15px 0px; padding:0px 10px; }
.w-2{ float:left; width:20%; margin:15px 0px; padding:0px 10px; }
.w-1{ float:left; width:10%; margin:15px 0px; padding:0px 10px; }

.alignleft { float:left; margin: 0px 15px 15px 0px; padding:0px 5px 5px 0px; }
.alignright { float:right; margin: 0px 0px 15px 15px; padding:0px 0px 5px 5px; }
.alignnone { text-align:center; margin:15px; }
.aligncenter{ float:none; text-align:center; padding:10px;  }
hr{ float:left; width:100%; color:#eee; margin:10px 0px; }

input[type="search"], input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"] { width:100%; display:inline-block; border:1px solid #959595; height:35px; padding:5px 10px; margin-bottom:10px; color:#000; max-width:520px; margin-right:5px;  }
textarea{ height: 160px; width:100%; display:inline-block; border:1px solid #959595; padding:5px 10px; color:#000; margin-bottom:5px;  max-width:520px; }
input[type="file"]{ margin-bottom:10px; }
select{ border:1px solid #959595; height:35px; padding:5px 10px; margin-bottom:10px; color:#000;  max-width:520px; }
input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 0; color:#000; }
.wpcf7-list-item-label { margin-right: 10px; }
.wpcf7-form-control.wpcf7-submit { float:left; padding:15px 25px; color:#fff; font-weight:bold; text-align:center; background:#272727; margin:10px 0px; border:1px solid #fff; }
.wpcf7-form-control.wpcf7-submit:hover { background:#BBBBBB; border:1px solid #000; }
.wpcf7-checkbox, .wpcf7-radio{ margin-bottom:10px; display:inline-block; }

span.wpcf7-list-item{ margin:0px !important; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ float:left; }
div.wpcf7-response-output{ float:left; }

a.back-to-top {	display: none; width: 60px; height: 60px; text-indent: -9999px;	position: fixed; z-index: 999; right: 20px;	bottom: 20px; background:#BBBBBB url("../images/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.contact_form{ float:left; width:100%; max-width:400px; margin:20px 0px; }
.contact_form .left{ float:left; width:25%; }
.contact_form .right{ float:left; width:75%; }

.address{ float:left; width:100%; padding:10px 0px; }
.phone{ float:left; width:100%; padding:10px 0px; }
.email{ float:left; width:100%; padding:10px 0px; }

#content .content .custom_gallery{ float:left; width:48%; margin:1%; }
#content .content .custom_gallery .nonhover-img{ display:block; }
#content .content .custom_gallery .hover-img{ display:none; }
#content .content .custom_gallery .visual:hover .hover-img{ display:block; }
#content .content .custom_gallery .visual:hover .nonhover-img{ display:none; }
.visual img { max-height: 400px !important; min-height: 400px !important; width:100%; }
.visual:hover img{ opacity:1 !important; }

.gallery_images{ float:left; width:100%; padding:15px 0px; }
.gallery_images .column{ float:left; width:46%; margin:2%; }