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

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0); }
html, body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
img { border:none; max-width:100%; }
input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea { -webkit-appearance: none; outline: none; }
textarea:focus, input:focus, a, div, img { outline: none; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* 2. Base Typography
------------------------------------------------------------------------------*/
body { color:#ffffff; font-size:16px; font-family: 'Lato', sans-serif; font-weight:400; line-height:22px; background-image: url(../images/main-bg.jpg); background-position:top center; background-attachment:fixed; background-size: cover; background-repeat:no-repeat; }
h1, h2, h3, h4, h5, h6 { margin-bottom:15px; font-weight:normal; }
h1 { font-size:24px; line-height: 27px; font-weight:700; text-transform:uppercase; margin-top:35px; }
h2 { font-size:24px; line-height: 27px; font-weight:700; }
h3 { font-size:20px; font-weight:700; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:18px; }
p { color:#ffffff; font-size:16px; font-weight:400; line-height:22px; margin-bottom:15px; }
ul { margin:15px 0 15px 26px; padding:0; }
ul li { font-size:16px; color:#ffffff; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style:outside url("../images/list-arrow.png") none; }
ol { margin:15px 0; padding:0; }
ol li { font-size:16px; color:#ffffff; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px; }
blockquote { display:block; text-align:left; margin-bottom:15px; position:relative; background:#E2E4E1; padding:15px 15px 10px 15px; border-left:4px solid #668e39; color:#000000;}
blockquote p { font-size:15px; font-weight:400; line-height:19px; margin-bottom:15px; position:relative; color:#000000; }
hr { border:0 #000 solid; border-top-width:1px; clear:both; height:0; }

/* 3. Images
------------------------------------------------------------------------------*/
img { border:none; border-style: none; vertical-align:top; }

/* 4. Link
------------------------------------------------------------------------------*/
a { color:#fff; }
a:hover { color:#346300; text-decoration: underline; }
a:active, a.current { color: #346300; }
a:focus { outline: none; }

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="submit"], input[type="reset"], input[type="text"], input[type="button"], input[type="search"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none !important; border-radius: 0; }
::-webkit-input-placeholder {
 opacity: 1 !important;
 color: #fff;
}
:-moz-placeholder {
 opacity: 1 !important;
 color: #fff;
}
::-moz-placeholder {
 opacity: 1 !important;
 color: #fff;
}
:-ms-input-placeholder {
 opacity: 1 !important;
 color: #fff;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"] { border:1px solid #ffffff; padding: 15px 15px; color:#fff; font-size:16px; line-height: 18px; height:50px; font-family: 'Lato', sans-serif; font-weight:400; background-color:transparent; }
textarea { border:1px solid #ffffff; padding:12px 15px; color:#fff; font-size:16px; height:180px; resize:none; font-family: 'Lato', sans-serif; line-height:16px; font-weight:400; background-color:transparent; }
input[type="submit"], input[type="button"], input[type="reset"] { background:#e1e4e1; cursor:pointer; color:#000; height:50px; line-height:20px; display:block; font-size:18px; font-family: 'Lato', sans-serif; font-weight:700; border:1px solid #fff; }
input[type="submit"]:hover, input[type="button"]:hover { background:#668e39; color:#ffffff; }

/* 6. Tables
------------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }
td { text-align: left; font-weight: normal; }

/* 7. Layout Framework
------------------------------------------------------------------------------*/
.dis-table { display:table; height:100%; width:100%; }
.dis-table-cell { display:table-cell; vertical-align:middle }

/* main container */
#wrapper { width:100%; min-height:100%; padding: 0 10px; }
.container { max-width:1170px; width:100%; margin:0 auto; }

/* header */
header { width:100%; height:auto; padding-top: 10px; }
.head-top { padding-bottom:5px; }
.logo { float:left; }
.logo a { display:block; }
.call-follow { float:right; opacity: 0.8; color:#ffffff; }
.callus { font-size:18px; line-height:20px; background-image:url(../images/phone.png); background-position:left bottom; background-repeat:no-repeat; padding-left:28px; margin: 15px 0 30px; }
.callus i { font-size:24px; line-height:26px; font-weight:700; font-style:normal; }
.followus { text-align:right; display:none; }
.followus span { font-size:18px; line-height: 20px; display:inline-block; vertical-align:top; }
.followus a { width:25px; height:25px; display:inline-block; vertical-align:top; background-image:url(../images/sprite-social.png); background-repeat:no-repeat; opacity:0.75; margin-left:5px; }
.followus a:hover { opacity:0.50; }
.followus a.facebook { background-position: left center; }
.followus a.twitter { background-position: -32px center; }
.followus a.google { background-position: -64px center; }
.followus a.pinrest { background-position: -96px center; }

/* nav */
nav { width:100%; height:auto; background-color:#e2e4e1; }
nav ul { margin:0; padding:0; display:block; width:100%; min-height:50px; text-align:center; font-size:0; letter-spacing:-3px; }
nav ul li { display:inline-block; vertical-align:middle; padding:0; text-align:center; position:relative; padding: 14px 0; letter-spacing:normal;}
nav ul li a { display:block; color:#000000; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:20px; line-height:22px; text-transform:uppercase; padding: 0 37px; border-left: 1px solid #f9faf9; border-right: 1px solid #c9cec9; }
nav ul li:first-child a { border-left: none; }
nav ul li:last-child a { border-right: none; }
nav ul li:hover > a, nav ul li.active > a { text-decoration:none; color: #346300; }
nav ul li ul { display:none; position:absolute; top:100%; background-color:#E2E4E1; width:100%; z-index:12; height:auto; }
nav ul li ul li { display:block; text-align:center; padding:0; }
nav ul li ul li a { border:none; border-top:1px solid #f9faf9; padding: 8px; }
nav ul li ul li:first-child a { border-top:none; }
nav ul li:hover ul { display:block; }

/* footer */
footer { width:100%; height:auto; padding-top:10px; }
.footer-left { float:left; }
.footer-right { float:right; display:none; }
.footer-inner { background:#e5e5e3; color:#000; font-size:14px; line-height:30px; padding: 10px 12px 10px 22px; }
.footer-left-inner a { color:#000; }
.footer-right a, .footer-right span { color:#4e4e4d; }
.footer-right a { width:25px; height:25px; display:inline-block; vertical-align:middle; background-image:url(../images/sprite-footer-social.png); background-repeat:no-repeat; margin-left:5px; }
.footer-right a:hover { opacity:0.50; }
.footer-right a.facebook { background-position: left center; }
.footer-right a.twitter { background-position: -32px center; }
.footer-right a.google { background-position: -64px center; }
.footer-right a.pinrest { background-position: -96px center; }

/* responsive menu */
.responsive-icon { display:none; max-width:40px; width:100%; background-color:#668e39; position:absolute; top:30px; right:10px; z-index:10; }
.responsive-icon a { display:block; padding:5px 8px; }
.responsive-icon span { background-color:#fff; height:2px; margin: 5px auto; display:block; max-width:100px; }
.panel { display: none; width: 220px; padding: 20px; background-color: #668e39; overflow-y: auto; color: #fff; }
#page { position:relative; height:100%; }
.panel ul, .panel ul li { margin:0; padding:0; list-style:none; }
.panel ul li { padding: 8px 5px; border-bottom:1px solid #cfcfcf; }
.panel ul li a { display:block; font-size:16px; line-height:18px; text-transform:uppercase; }
.panel ul li:hover > a, .panel ul li.active > a { color:#346300; text-decoration:none; }
.panel ul li ul { background-color:#7ba34e; margin: 10px 0 0; padding: 0 10px; }
.panel ul li ul li:last-child { border-bottom:none; }

/*--------- home page ------------*/
/* banner part */
.flexslider { border:none; padding:0; border-bottom: 4px solid #668e39; border-radius: 0; margin: 0 0 0; position: relative; }
.flexslider li { position:relative; }
.flex-control-nav { bottom:12px; z-index:11; }
.flex-control-paging li a { background: #ffffff; border-radius: 20px; box-shadow: none; cursor: pointer; display: block; height: 17px; width: 17px; }
.on-banner { position:absolute; z-index:10; top:0; bottom:0; padding:50px; left:0; right:0; }
.banner-title span { display:inline-block; vertical-align:middle; background-color:rgba(0, 0, 0, 0.9); color:#fff; font-size:42px; line-height:44px; font-weight:700; padding: 8px 25px 10px; margin: 3px 0; }
.banner-bg { border-bottom: 4px solid #668e39; }

/* content part */
.left-content { float:left; width:77%; }
.right-sidebar { float:right; width:22%; padding-left:46px; }
.alignleft { float:left; margin:0 20px 10px 0; }
ul.sidebar-links, ul.sidebar-links li { margin:0; padding:0; list-style:none; }
ul.sidebar-links li { background-image:url(../images/sidebar-border.png); background-position:left bottom; background-repeat:repeat-x; padding: 8px 0 16px; }
ul.sidebar-links li:first-child { padding-top:0; }
ul.sidebar-links li a { display:block; padding-left: 20px; background-image:url(../images/sidebar-arrow.png); background-position:left 7px; background-repeat:no-repeat; font-size:20px; line-height:22px; color:#fff; }
ul.sidebar-links li a:hover, ul.sidebar-links li.active a { text-decoration:none; opacity:0.6; }

/*--------- contact page ------------*/
/* address */
.amc-address { border:1px solid #fff; padding:22px; margin-bottom:40px; margin-top:20px; }
.amc-address h1 { margin-top:0; }
.amc-address p { margin:0 0 5px; }
.amc-address a:hover { color:#fff; }
.amc-address p .mail { background-image:url(../images/mail.png); background-position:left center; background-repeat:no-repeat; padding-left:25px; }
.amc-address p .phone { background-image:url(../images/phone.png); background-position:left center; background-repeat:no-repeat; padding-left:25px; }
.add-left { float:left; width:35%; }
.add-right { float:right; width:30%; text-align:center; margin-top:-18px; }
.amc-form-map { padding-bottom: 15px; }

/* contact form */
.main-row { margin: 0 -10px; }
.main-row .single-field{float:left; width:50%;}
.main-row .single-field.full{float:left; width:100%;}
.main-row .single-field, .main-row .single-field { padding: 10px; }
.main-row input, .main-row textarea { width: 100%; }
.main-row input[type="submit"] { max-width:140px; width:100%; display:inline-block; }
.submit-btn { text-align:right; }
.left-form { float:left; width:68%; padding-right:55px; overflow:hidden; }

/* map */
.right-map { float:right; width:32%; }
.right-map iframe { height:404px; width:100%; }

/*--------- service page ------------*/
/* we offer */
.we-offer { overflow:hidden;}
.we-offer h2 { margin-top:35px; overflow:hidden;}
.we-offer-inner { margin: 0 -12px; }
.offer-img { width:48%; float:left; }
.offer-img img{ width:100%; }
.single-offer { padding: 0 12px; margin-bottom:20px; display:inline-block; vertical-align:top; width:49.8%; }
.single-offer > span { display:block; background-color:#fff; overflow:hidden; }
.single-offer a{ display:block;}
.single-offer a:hover { text-decoration:none; }
.offer-info { padding: 18px 15px; float:left; width:52%; }
.offer-info h3{color: #262626; line-height:22px; margin-bottom: 8px;}
.offer-info p { color: #262626; line-height:18px; margin-bottom: 8px; }

/*--------- portfolio pages ------------*/
/* portfolio-list page */
.portfolio-outer{ overflow:hidden;}
.portfolio-main { margin: 20px -15px; }
.one-portfolio { padding: 15px; float:left; width:33.33%; }
.one-portfolio a { display:block; position:relative; text-align:center; font-size:30px; color:#fff; border:1px solid transparent; }
.one-portfolio a:hover { border:1px solid #668e39; }
.one-portfolio a img { width:100%; }
.portfolio-name { position:absolute; z-index:10; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); opacity: 0; filter: alpha(opacity=0); -webkit-transition:  all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.one-portfolio a:hover .portfolio-name { opacity: 1; filter: alpha(opacity=100); }

/* portfolio-slider page */
.flexslider-port .slides{text-align:center; }
.portfolio-slide ul li{ display:none;}
.portfolio-slide ul.flex-direction-nav li{display:block;}
.portfolio-slide #slider ul li{ background-color:#7E7E7E;}
.portfolio-slide #slider { border-bottom: 4px solid #668e39; }
.portfolio-slide .flexslider-port { margin-bottom: 15px; position:relative; }
/*.portfolio-slide { margin: 35px 0; }*/
#carousel{position:relative;}
.portfolio-slide #carousel .slides li{padding:0 2px;}
.portfolio-slide #carousel .slides li img{ border: 3px solid #E2E4E1; opacity: 0.6; filter: alpha(opacity=60); cursor:pointer; }
.portfolio-slide #carousel .slides li.flex-active-slide img{ border: 3px solid #668e39; opacity: 1; filter: alpha(opacity=100); }
.back-top-page{margin-bottom:35px;}
.flex-direction-nav li { list-style:none; position:absolute; top:30px; height:40px; width:30px;}
.flex-direction-nav li a{ position:static; opacity:1; margin:0; background-image:url(../images/slider-arrow.png); background-repeat:no-repeat; font-size:0; width:100%; text-decoration:none;}
.flex-direction-nav li a:hover{ text-decoration:none;}
.flex-direction-nav a::before, .flex-direction-nav a.flex-next::before{content:none; display:none;}
.flex-nav-prev{left: -40px;}
.flex-nav-next{right:-40px;}
.flex-nav-prev a{background-position:left top;}
.flex-nav-next a{background-position:right top;}