/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
*:focus {
	outline: none;
}
/*
* Body settings, change it as required
*/
body {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1.4;
}
/*
* Headings
*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-rendering: optimizeLegibility;
	margin-top: 0px;
}
/*
* Paragraphs
*/

p {
	font-weight: normal;
	margin-top: 0px;
}
/*
* Links
*/

a {
	color: #2ba6cb;
	text-decoration: none;
	line-height: inherit;
}
a:hover { /*color: #2795b6;*/
}
a:focus {
	color: #2ba6cb;
	outline: none;
}
p a, p a:visited {
	line-height: inherit;
}
/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
/*
* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
}
.formTopInfoErr {
	color: red
}
.formTopInfo {
	color: green
}
/* Javascript error msg */
.nojs {
	background: #FFF5CE;
	border-bottom: 1px solid #FBC900;
	color: #B00000;
	font-size: .8em;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}
iframe { border:none}
/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left {
	float: left;
}
.right {
	float: right;
}
/*
* Text Alignment
*/

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
/*
* Image Alignment
*/

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}
img.alignright {
	float: right;
	margin: 0 0px 10px 10px;
	display: inline;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
/*
* Image replacement
*/

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
	visibility: hidden;
}
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
	content: "";
	display: table;
	clear: both;
}
/*
* overflow method for clearing floats
*/
.floatbox {
	overflow: hidden;
}
/*
* older method of adding empty tags for clearing
*/
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
/*
* Chromeframe
*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/*
* Other
*/
figure {
	margin: 0;
}
/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */
/*
*container
*/
#container {
	min-width: 320px;
	overflow-x: hidden;
}
.eq-ie8 .container {
	max-width: 970px;
}
@media screen and (min-width:992px) {
.container {
	max-width: 970px;
	width: 100%;
}
}

/*
* Sticky Footer Css
*/
@media screen and (min-width: 768px) {
#inner-container {
	height: auto !important;
	min-height: 100%;
	margin: 0 auto -100px;
}
#footer, .push {
	height: 100px;
}
}
/*
* header
*/
#header {
	background: url(../../media/layout/header-bg.png) repeat-x;
	height: 188px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#header .container {
	position: relative;
}
/*
* logo
*/
#header .logo {
	float: left;
}
#header.scroll {
	background: #132a32;
	height: 94px;
}
#header .logo a {
	background: url("../../media/layout/logo.png") no-repeat left top;
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 143px;
	width: 278px;
}
/*
*languages
*/
#header .languages {
	position: absolute;
	right: 0px;
	top: 12px;
	padding: 0 45px;
}
#header .languages ul {
	margin: 0;
	padding: 0;
}
#header .languages li {
	display: inline-block;
	margin-left: 10px;
}
 @media screen and (max-width:991px) {
#header.scroll {
	height: 113px;
}
#header .logo a {
	width: 220px;
	padding-top: 113px;
	background-size: contain;
}
#header .languages {
	top: 4px;
	padding: 0 35px;
}
}
@media screen and (max-width:767px) {
#header {
	height: auto;
	background-size: contain;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#header.scroll {
	height: 80px;
}
#header.scroll .logo a {
	background-image: url('../../media/layout/logo2.png');
	background-size: 40px 80px;
}
#header .logo {
	float: none;
}
#header .logo a {
	width: 160px;
	padding-top: 80px;
	transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
}
/*
* main-navigation
*/
#main-navigation {
	float: right;
	padding: 45px 0;
}
#main-navigation ul {
	margin: 0;
	padding: 0;
}
#main-navigation li {
	display: inline-block;
	border-left: 1px solid #7f8989;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
	line-height: 23px;
	text-transform: uppercase;
	text-shadow: 0 1px rgba(0, 0, 0, 0.5);
	transition: color 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: color 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: color 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: color 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: color 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#main-navigation li a {
	color: inherit;
	padding: 3px 30px;
}
#main-navigation li:hover, #main-navigation li.active {
	color: #77b943;
}
#main-navigation li:first-child {
	border-left: none;
}
#main-navigation li:last-child {
	padding-right: 0;
}
#main-navigation ul li.parent:hover ul {
	display: block;
	top: 37px;
}
#main-navigation li.parent {
	position: relative;
}
#main-navigation .parent ul:before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(212, 233, 247, 0) rgba(212, 233, 247, 0) rgba(20, 42, 50, 0.9);
	border-style: solid;
	border-width: 11px;
	content: "";
	display: inline-block;
	height: 10px;
	left: 50%;
	margin-left: -11px;
	position: absolute;
	top: -22px;
	width: 22px;
}
#main-navigation .parent ul {
	margin: 0;
	background: rgba(20,42,50,.9);
	position: absolute;
	min-width: 165px;
	border-radius: 3px;
	padding: 10px;
	top: -5px;
	left: -28px;
	text-align: center;
	display: none;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#main-navigation li.parent li {
	list-style: none;
	font-size: 13px;
	text-transform: none;
	border: 0;
	margin-bottom: 15px;
}
#main-navigation li.parent li a {
	color: #fff;
	padding: 0;
}
#main-navigation .parent li:last-child {
	margin-bottom: 0;
}
.eq-ie8 #main-navigation .parent ul:before {
	border-color: transparent transparent #1c3138;
}
.eq-ie8 #main-navigation .parent ul {
	background: #1c3138;
}
@media screen and (max-width:991px) {
#main-navigation {
	padding: 30px 0 0;
}
#main-navigation li a {
	padding: 0 15px;
}
#main-navigation .parent ul {
	min-width: 145px;
}
#main-navigation .parent li {
	font-size: 10px;
}
}
@media screen and (max-width:767px) {
#main-navigation {
	float: none;
	padding: 0;
}
#main-navigation ul {
	background: #142a32;
	position: absolute;
	left: 0px;
	top: 80px;
	text-align: center;
	width: 100%;
	z-index: 1000;
	display: none;
}
#main-navigation li {
	width: 100%;
	text-align: center;
	padding: 0px;
	border-bottom: 2px solid #20353c;
	border-left: 0px;
}
#main-navigation li a {
	display: block;
	padding: 20px;
}
#main-navigation .parent ul {
	position: relative;
	left: 0;
	top: 0px;
	padding-top: 0px;
}
#main-navigation ul li.parent:hover ul {
	top: 0px;
}
#main-navigation li.parent li:first-child {
	border-top: 2px solid #20353c;
	padding-top: 15px;
}
#main-navigation li.parent li {
	margin-bottom: 5px;
	padding: 5px 0;
}
#main-navigation li.parent li {
	margin: 0px;
}
}
/*
* menu-btn
*/
.menu-btn {
	background-color: none;
	height: 27px;
	width: 37px;
	padding: 0px;
	border: none;
	position: absolute;
	top: 26px;
	right: 25px;
	background: none;
	outline: none;
	display: none;
}
.menu-btn span.icon-bar {
	width: 100%;
	height: 5px;
	background-color: #77b943;
	margin-bottom: 5px;
	display: block;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
}
.menu-btn span.icon-bar:last-child {
	margin-bottom: 0;
}
.menu-btn.active .icon-bar {
	position: absolute;
}
.menu-btn.active span:first-child + span {
	background-color: transparent;
}
.menu-btn.active span:first-child {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	left: 0px;
	top: 10px;
}
.menu-btn.active span:last-child {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	left: 0px;
	top: 10px;
}
.menu-btn span:first-child, .menu-btn span:last-child {
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
 @media screen and (max-width:767px) {
.menu-btn {
	display: block;
}
}
/*
*footer-logo
*/
#footer {
	background-color: #0e262e;
}
#footer .logo {
	padding: 25px 0 20px;
}
@media screen and (max-width:767px) {
#footer .logo {
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #1a3139;
}
}
/*
*footer-navigation
*/
.footer-navigation {
	padding: 33px 0;
	text-align: right;
}
.footer-navigation ul {
	margin: 0;
	padding: 0;
}
.footer-navigation li {
	display: inline-block;
	padding: 0 30px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	opacity: .5;
}
.footer-navigation li:hover {
	opacity: 1;
}
.footer-navigation li a {
	color: inherit;
}
@media screen and (max-width:991px) {
.footer-navigation li {
	padding: 0 20px;
}
}
@media screen and (max-width:767px) {
.footer-navigation {
	padding: 0;
}
.footer-navigation li {
	width: 100%;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 25px 0;
	border-bottom: 2px solid #1a3139;
}
}
@media screen and (max-width:480px) {
.footer-navigation li {
	padding: 22px 0;
}
}
/*
* sociables
*/
.sociables {
	padding: 33px 0 0 0;
	text-align: right;
}
.sociables ul {
	margin: 0;
	padding: 0;
	border-left: 1px solid #5d6d73;
}
.sociables li {
	display: inline-block;
	margin-left: 11px;
	background: url('../../media/layout/icons.png') no-repeat;
	background-size: 250px 250px;
}
.eq-ie8 .sociables li {
	background: url('../../media/layout/icons@1x.png') no-repeat;
}
.sociables li a {
	display: block;
	height: 24px;
	width: 24px;
}
.sociables li.facebook {
	background-position: -26px -40px;
}
.sociables li.twitter {
	background-position: -94px -40px;
}
.sociables li.pininterest {
	background-position: -162px -40px;
}
.sociables li.facebook:hover {
	background-position: -60px -40px;
}
.sociables li.twitter:hover {
	background-position: -128px -40px;
}
.sociables li.pininterest:hover {
	background-position: -196px -40px;
}
@media screen and (max-width:767px) {
.sociables {
	padding: 20px 0;
}
.sociables ul {
	border-left: none;
	text-align: center;
}
}
/*
* Post
*/
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td {
	margin: 0;
	padding: 0;
	font-size: 14px;
	direction: ltr;
}
.post p, p {
	font-family: inherit;
	font-weight: normal;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 20px;
	color: #232522;
}
.post p.lead {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 17px;
}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	font-weight: bold;
	font-style: normal;
	color: #1c3f51;
	text-rendering: optimizeLegibility;
	line-height: 1.1;
	margin-bottom: 14px;
	margin-top: 14px;
}
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small {
	font-size: 60%;
	color: #6f6f6f;
	line-height: 0;
}
.post h1, h1 {
	font-size: 44px;
	line-height: 48px;
}
.post h2, h2 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 300;
}
.post h3, h3 {
	font-size: 27px;
	line-height: 32px;
}
.post h4, h4 {
	font-size: 23px;
	line-height: 28px;
}
.post h5, h5 {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 10px;
}
.post h6, h6 {
	font-size: 14px;
	line-height: 18px;
}
.post code {
	font-weight: bold;
	background: #ffff99;
}
/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
	list-style-position: outside;
	margin-left: 20px;
}
.post ul li ul, .post ul li ol {
	margin-left: 20px;
	margin-bottom: 0;
}
.post ol {
	margin-left: 20px;
}
.post ol li ul, .post ol li ol {
	margin-left: 20px;
	margin-bottom: 0;
}
.post ul li ul, .post ul li ol, .post ol li ol, .post ol li ul {
	margin-bottom: 10px;
}
/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p {
	font-size: 21px;
	line-height: 30px;
	color: #232522;
	font-weight: 300;
}
.post blockquote {
	margin: 0 0 50px;
	padding: 9px 20px 0 19px;
	min-height: 100px;
	position: relative;
	display: none;
}
.post blockquote.active {
	display: block;
}
.post blockquote cite {
	display: block;
	font-size: 13px;
	color: #555555;
}
.post blockquote cite:before {
	content: "\2014 \0020";
}
.post blockquote cite a, .post blockquote cite a:visited {
	color: #555555;
}
.post blockquote:before, .post blockquote:after {
	position: absolute;
	content: "";
	height: 15px;
	width: 13px;
}
.post blockquote:before {
	background: url(../../media/layout/blockquote-before.png) no-repeat;
	left: 0;
	top: 0;
}
.post blockquote:after {
	background: url(../../media/layout/blockquote-after.png) no-repeat;
	right: 0;
	bottom: 0;
}
@media screen and (max-width:767px) {
.post h2, h2 {
	font-size: 24px;
	line-height: 36px;
}
.post h3, h3 {
	font-size: 23px;
	line-height: 30px;
}
.post blockquote, .post blockquote p {
	font-size: 18px;
	line-height: 26px;
}
}
/*
* buttons
*/
.button1, .button2 {
	font-size: 14px;
	line-height: 30px;
	min-height: 37px;
	min-width: 162px;
	padding: 7px 10px;
	text-align: center;
	display: inline-block;
	font-weight: 900;
	text-transform: uppercase;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.button1:hover, .button1:focus {
	background-color: #142a32;
	color: #fff;
}
.button2:hover, .button2:focus {
	background-color: #142a32;
	color: #77b943;
}
.button1 {
	background-color: #77b943;
	color: #fff;
}
.button2 {
	background-color: #fff;
	color: #77b943;
}
.button3 {
	background: #77b943;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	padding: 10px 30px;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	text-transform: uppercase;
}
.button3:hover, .button3:focus {
	color: #fff;
}
.button4 {
	background: #142a32;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 3px;
	padding: 10px 30px;
	color: #fff;
}
.button4:hover, .button4:focus {
	color: #fff;
}
/*
* icon
*/
.icon {
	background: url('../../media/layout/icons.png') no-repeat;
	background-size: 250px 250px;
	display: inline-block;
	vertical-align: top;
}
.eq-ie8 .icon {
	background: url('../../media/layout/icons@1x.png') no-repeat;
}
.icon.icon1 {
	background-position: 0px 0px;
	width: 30px;
	height: 17px;
}
.icon.paint-icon {
	background-position: -39px 0;
	height: 30px;
	width: 30px;
}
.icon.painter-icon {
	background-position: -40px 0px;
	width: 25px;
	height: 30px;
}
.icon.testimonial-icon {
	background-position: -75px 0px;
	width: 30px;
	height: 30px;
}
.icon.glassware {
	background-position: -115px 0px;
	width: 13px;
	height: 23px;
}
.icon.curtain {
	background-position: -115px -70px;
	width: 23px;
	height: 23px;
}
.icon.wallpaper {
	background-position: -140px -70px;
	width: 25px;
	height: 27px;
}
.icon.teddy {
	background-position: -165px -70px;
	width: 23px;
	height: 23px;
}
.icon.lamps {
	background-position: -138px 0px;
	width: 21px;
	height: 23px;
}
.icon.icon2 {
	background-position: -169px 0px;
	width: 22px;
	height: 14px;
	margin-top: 5px;
}
.icon.sofa-icon {
	background-position: 0px -74px;
	width: 28px;
	height: 28px;
}
.icon.brands-icon {
	background-position: -38px -74px;
	width: 30px;
	height: 40px;
}
h2 .icon {
	vertical-align: middle;
	margin-right: 18px;
}
@media (max-width:767px) {
h2 .icon {
	display: block;
	margin: 0px auto 15px;
}
}
/*
* boxes
*/
.box1 {
	background-color: #77b943;
	color: #ffffff;
	text-align: center;
}
.box1 p {
	color: #ffffff;
}
.box2 {
	background-color: #fff;
	color: #232522;
	text-align: center;
}
.box2 p {
	color: #232522;
}
.box3 {
	background-color: #142a32;
	color: #ffffff;
}
.box3 p {
	color: #ffffff;
}
/*
*box6
*/
.box6 {
	background: #142a32;
	padding: 60px 0 68px;
}
.box6 .inner-container {
	width: 780px;
	margin: 0 auto;
}
.box6 h2 {
	font-size: 36px;
	line-height: 30px;
	margin-bottom: 35px;
	color: #fff;
}
.box6 h3 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 35px;
	color: #fff;
}
.box6 p.lead {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 35px;
	color: #83a2ad;
}
.box6 p {
	color: #ffffff;
}
.box6 .button1:hover, .box6 .button1:focus {
	background: #4c8f16;
}
.box6.services h2 {
	color: #fff;
}
.box6.services .col-sm-4 {
	padding: 0 10px;
}
.box6.services .row {
	margin: 0 -10px;
}
 @media (max-width:991px) {
.box6 .inner-container {
	width: 100%;
	padding: 0 10px;
}
.box6 h2 {
	font-size: 32px;
}
.slideshow2 .slide figcaption {
	left:0;
	width:100%
}
}
@media (max-width:767px) {
.box6 {
	padding: 25px 0;
}
.box6 h2 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 12px;
}
.box6 p.lead, div.lead p {
	margin-bottom: 20px;
	font-size: 16px;
}
}
@media (max-width:640px) {
.box6 .list1 li {
	width: 100%;
	float: none;
	padding: 0 10px;
	margin-bottom: 20px;
}
.box6 .list1 .overlay h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.box6 .list1 .overlay p {
	margin-bottom: 10px;
}
}
/*
*box7
*/
.box7 {
	background: url(../../media/img/image10.jpg);
	text-align: center;
	vertical-align: middle;
	text-align: center;
	position: relative;
	padding: 80px 0;
}
.box7:after {
	display: block;
	content: '';
	background: rgba(20,42,50,.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box7 .container {
	position: relative;
	z-index: 2;
}
.box7 h2 {
	color: #ffffff;
	margin-bottom: 0;
	display: inline-block;
	margin-right: 25px;
}
 @media (max-width:991px) {
.box7 {
	padding: 35px 0;
}
}
@media (max-width:767px) {
.box7 {
	padding: 25px 0;
	text-align: center;
}
.box7 h2 {
	display: block;
	margin-bottom: 10px;
}
}
/*
*banner
*/
#banner, #banner-scroll {
	position: relative;
}
#banner img, #banner-scroll img {
	width: 100%;
	min-height: 260px;
}
/*
* lazy image loading
*/
.lazy {display:none}
/*
* video
*/
.video {
	position: relative;
	padding-bottom: 46.35%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.play-btn {
	background: url('../../media/layout/play-btn.png') no-repeat;
	background-size: 78px 55px;
	display: block;
	width: 78px;
	height: 55px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -39px;
	z-index: 3;
}
.eq-ie8 .play-btn {
	background: url('../../media/layout/play-btn@1x.png') no-repeat;
}
/*
*video2
*/
.video2 img {
	width: 100%;
	position: relative;
}
/*
*play-button2
*/
.play-button2 {
	background: url("../../media/layout/play-button2.png") no-repeat;
	background-size: 96px 68px;
	border-radius: 14px;
	box-shadow: 0 0 42px #000;
	height: 68px;
	left: 50%;
	margin-left: -48px;
	margin-top: -34px;
	position: absolute;
	top: 50%;
	width: 96px;
}
.eq-ie8 .play-button2 {
	background-image: url('../../media/layout/play-btn@1x.png') no-repeat;
}
/*
* overlay
*/
.overlay {
	background: rgba(29,29,29,0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
/*
* our-portfolio
*/
.our-portfolio {
	padding: 87px 0 100px;
	text-align: center;
	background: url(../../media/layout/slideshow-bg.jpg) no-repeat center center;
	background-size: cover;
	-ms-behavior: url(cms/js/backgroundsize.min.htc);
	behavior: url(cms/js/backgroundsize.min.htc);
	position: relative;
}
 @media screen and (max-width:767px) {
.our-portfolio {
	padding: 40px 0 30px;
}
}
/*
* slideshow
*/
.slideshow, .slideshow .slides {
	position: relative;
}
.slideshow .slides {
	border: 1px solid #fbfbfb;
	box-shadow: 5px 10px 17px #b2b6b8;
	-moz-box-shadow: 5px 10px 17px #b2b6b8;
	-webkit-box-shadow: 5px 10px 17px #b2b6b8;
}
.slideshow .slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block !important;
	opacity: 0;
}
.slideshow .slide:first-child {
	opacity: 1;
}
.slideshow .slide img {
	width: 100%;
}
.slideshow .slide figcaption {
	background-color: rgba(91,96,93,0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
}
.slideshow .slide figcaption p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}
.eq-ie8 .slideshow .slide figcaption {
	background: #142a32;
}
/*
* prev-btn, next-btn
*/
.slideshow .previous-btn, .slideshow .next-btn, .testimonials .previous-btn, .testimonials .next-btn {
	display: block;
	position: absolute;
	top: 50%;
	height: 58px;
	width: 29px;
	margin-top: -29px;
}
.slideshow .previous-btn, .testimonials .previous-btn {
	left: -100px;
	background: url(../../media/layout/prev-btn.png) no-repeat;
}
.slideshow .next-btn, .testimonials .next-btn {
	right: -100px;
	background: url(../../media/layout/next-btn.png) no-repeat;
}
@media screen and (max-width:1199px) {
.slideshow, .testimonials #people {
	padding: 0px 50px;
}
.slideshow .previous-btn, .testimonials .previous-btn {
	left: 0px;
}
.slideshow .next-btn, .testimonials .next-btn {
	right: 0px;
}
}
@media screen and (max-width:767px) {
.slideshow {
	padding: 0px;
	margin: 0px -15px;
}
.slideshow .slides {
	border-left: 0px;
	border-right: 0px;
	min-height: 220px;
}
.slideshow .slide figure, .slideshow .slide img {
	min-height: 220px;
}
.slideshow .slide figcaption {
	background-color: rgba(20, 42, 50, 0.63);
	padding: 20px 15px 40px;
}
.slideshow .arrows {
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 13px;
	width: 100%;
	height: 20px;
}
.slideshow .previous-btn, .slideshow .next-btn {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	margin: 0px;
	background-size: 12px 21px;
	width: 12px;
	height: 21px;
	z-index: 99;
	display: inline-block;
	margin: 0px 17px;
}
.slideshow .previous-btn {
	background-image: url(../../media/layout/prev-btn1.png);
}
.slideshow .next-btn {
	background-image: url(../../media/layout/next-btn1.png);
}
}
/*
* service-slider
*/
.wrap-services {
	position: relative;
}
.wrap-services .service-slider, .products-services .service-slider {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 999;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 1.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 1.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-o-transition: all 1.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 1.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.wrap-services .service-slider .description, .products-services .service-slider .description {
	opacity: 0;
	transform: translate3d(0px, -40px, 0px);
	-webkit-transform: translate3d(0px, -40px, 0px);
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 1.3s;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 1.3s;
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
}
.wrap-services .close-button, .products-services .close-button {
	background: none;
	border: 0px;
	color: #77b943;
	font-size: 20px;
	position: fixed;
	left: 50%;
	top: 55px;
	z-index: 9999;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.wrap-services .close-button.show, .products-services .close-button.show {
	opacity: 1;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 1.3s;
	-moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 1.3s;
	-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
	-o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
	-ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
}
.wrap-services .service-slider.active, .products-services .service-slider.active {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.wrap-services .service-slider.active .description, .products-services .service-slider.active .description {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.services figcaption {
	text-align: center;
	position: absolute;
	color: #fff;
	width: 100%;
	bottom: 13px;
	left: 0;
	box-shadow: 1px 1px 45px 20px #142a32
}
.services .content .inner h4, .services .content .inner p, .services .content .inner .button1, .products-services .inner-wrapper h3, .products-services .inner-wrapper p, .products-services .inner-wrapper .button4 {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.4s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0.4s;
	-webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-ms-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
}
.services .content .inner.active h4, .services .content .inner.active p, .services .content .inner.active .button1, .products-services .inner-wrapper.active h3, .products-services .inner-wrapper.active p, .products-services .inner-wrapper.active .button4 {
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.services .content .inner.active h4, .products-services .inner-wrapper.active h3 {
	transform: translate3d(0px, -10px, 0px);
	-webkit-transform: translate3d(0px, -10px, 0px);
	transition-delay: 0s;
	-moz-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.services .content .inner.active p, .products-services .inner-wrapper.active p {
	transform: translate3d(0px, -30px, 0px);
	-webkit-transform: translate3d(0px, -30px, 0px);
	transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
}
.services .content .inner.active .button1, .products-services .inner-wrapper.active .button4 {
	transform: translate3d(0px, -30px, 0px);
	-webkit-transform: translate3d(0px, -30px, 0px);
	transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
}
.service-slider {
	background: #142a32;
	padding: 55px 0px 65px;
	width: 100%;
	position: relative;
}
.service-slider .container {
	position: relative;
}
.service-slider p {
	color: #fff;
	margin-bottom: 30px;
}
.service-slider p small {
	display: inline-block;
	font-size: 13px;
	color: #77b943;
	margin-bottom: 25px;
	font-weight: 800;
	text-transform: uppercase;
}
.service-slider p a {
	color: #77b943;
	display: inline-block;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}
.service-slider h2, .products2 .service-slider h2 {
	margin-bottom: 40px;
	color: #fff;
}
.service-slider .description {
	padding-right: 20px;
	width: 50%;
	position: relative;
	z-index: 99;
}
.service-slider .description .inner-wrap {
	height: 380px;
	overflow: auto;
}
.eq-ie8 .wrap-services .service-slider, .eq-ie8 .products-services .service-slider .description, .eq-ie8 .wrap-services .close-button, .eq-ie8 .products-services .service-slider, .eq-ie8 .products-services .service-slider .description, .eq-ie8 .products-services .close-button {
	display: none;
}
.eq-ie8 .wrap-services .service-slider.active, .eq-ie8 .wrap-services .service-slider.active .description, .eq-ie8 .wrap-services .close-button.show, .eq-ie8 .products-services .service-slider.active, .eq-ie8 .products-services .service-slider.active .description, .eq-ie8 .products-services .close-button.show {
	display: block;
}
.eq-ie8 .wrap-services .close-button, .eq-ie8 .products-services .close-button {
	margin-left: -50px;
}
@media (max-width:991px) {
.service-slider .description {
	width: 60%;
	padding-right: 30px;
}
.service-slider h2, .products2 .service-slider h2, .service-slider p {
	margin-bottom: 20px;
}
}
@media (max-width:767px) {
.wrap-services .close-button, .products-services .close-button {
	position: absolute;
	left: auto;
	right: 20px;
}
.wrap-services .service-slider, .products-services .service-slider {
	position: absolute;
	padding: 20px 15px 0px;
}
.service-slider {
	padding: 20px 0px 0px;
}
.service-slider .description {
	width: 100%;
	height: auto;
	padding-right: 0px;
}
.service-slider h2, .products2 .service-slider h2, .service-slider p {
	margin-bottom: 5px;
}
}
/*
* slideshow2
*/
.slideshow2 {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.slideshow2 .slides {
	width: 50%;
	height: 100%;
	float: right;
	position: relative;
}
.slideshow2 .slides:before {
	box-shadow: 80px 0 37px #142a32 inset;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
.slideshow2 .slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block !important;
	opacity: 0;
	background-size: cover;
}
.slideshow2 .slide figcaption {
	z-index:101;
	color:#fff;
	background-color:#142a32;
	left:10%;
	width:90%
}
.slideshow2 .slide:first-child {
	opacity: 1;
}
.slideshow2 .slide img {
	width: 100%;
	display: none;
}
.slideshow2 .container {
	position: relative;
}
.slideshow2 .controls {
	position: absolute;
	left: 0;
	bottom: 34px;
	width: 100%;
	height: 8px;
	text-align: right;
	padding-right: 80px;
	z-index: 9;
}
.slideshow2 .controls a {
	display: inline-block;
	color: rgba(0,0,0,0);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #142a32;
	margin: 0 10px;
}
.slideshow2 .controls a.activeSlide, .slideshow2 .controls a:hover {
	background: #fff;
}
@media (max-width:767px) {
.slideshow2 {
	position: relative;
}
.slideshow2 .slides {
	width: 100%;
	height: 350px;
	float: none;
}
.slideshow2 .slide figcaption {
	z-index:101;
	color:#fff;
	background-color:#142a32;
	left:0;
	width:100%
}
.slideshow2 .slides:before {
	box-shadow: 0px 89px 97px 0 #142a32 inset;
}
.slideshow2 .controls {
	text-align: center;
	padding-right: 0px;
}
}
/*
* slider-navigation
*/
.slider-navigation {
	background: #0f2127;
	padding: 30px 0;
	position: relative;
}
.slider-navigation .container {
	position: relative;
}
.slider-navigation a {
	color: #fff;
	font-size: 14px;
}
.slider-navigation .previous {
	float: left;
}
.slider-navigation .next {
	float: right;
}
.slider-navigation .previous:before {
	display: inline-block;
	content: '';
	position: absolute;
	background: url(../../media/layout/prev-btn2.png) no-repeat;
	background-size: 8px 13px;
	width: 8px;
	height: 13px;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
.slider-navigation .next:before {
	display: inline-block;
	content: '';
	position: absolute;
	background: url(../../media/layout/next-btn2.png) no-repeat;
	background-size: 8px 13px;
	width: 8px;
	height: 13px;
	right: 0;
	top: 50%;
	margin-top: -7px;
}
@media (max-width:767px) {
.slider-navigation .next {
	padding-right: 30px;
}
.slider-navigation .previous {
	padding-left: 30px;
}
.slider-navigation .next:before {
	right: 30px;
}
.slider-navigation .previous:before {
	left: 30px;
}
}
/*
*slideshow3
*/
.slideshow3 {overflow:scroll}
.slideshow3, .slideshow3 .slides {
	position: relative;
}
.slideshow3 .slider3-slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block !important;
	opacity: 0;
}
.slideshow3 .slider3-slide:first-child {
	opacity: 1;
}
.slideshow3 .slider3-slide img {
	width: 100%;
}
.slideshow3 .previous-btn, .slideshow3 .next-btn {
	position: absolute;
	z-index: 9;
}
.slideshow3 .previous-btn {
	background: url(../../media/layout/prev-btn3.png);
	height: 49px;
	width: 49px;
	top: 50%;
	margin-top: -25px;
	left: 0;
}
.slideshow3 .next-btn {
	background: url(../../media/layout/next-btn3.png);
	height: 49px;
	width: 49px;
	top: 50%;
	margin-top: -25px;
	right: 0;
}
/*
* testimonials
*/
.testimonials {
	text-align: center;
	padding: 90px 0 50px;
	background: url(../../media/layout/texture1.jpg);
}
.testimonials h2.heading:before {
	background: url(../../media/layout/icon3.png) no-repeat;
	left: 56%;
	top: 0;
	height: 30px;
	width: 30px;
}
/*
*video2
*/
.video2 img {
	width: 100%;
	position: relative;
}
/*
*play-button2
*/
.play-button2 {
	background: url("../../media/layout/play-button2.png") no-repeat;
	background-size: 96px 68px;
	border-radius: 14px;
	box-shadow: 0 0 42px #000;
	height: 68px;
	left: 50%;
	margin-left: -48px;
	margin-top: -34px;
	position: absolute;
	top: 50%;
	width: 96px;
}
.eq-ie8 .play-button2 {
	background-image: url('../../media/layout/play-btn@1x.png') no-repeat;
}
/*
* call-to-action
*/
.call-to-action {
	background: url(../../media/layout/texture1.jpg);
	padding: 88px 0 95px;
	text-align: center;
	vertical-align: middle;
}
.call-to-action h2 {
	display: inline-block;
	color: #142a32;
	margin-bottom: 0;
	margin-right: 25px;
}
@media (max-width:991px) {
.call-to-action {
	padding: 35px 0;
}
}
@media (max-width:767px) {
.call-to-action {
	padding: 25px 0;
	text-align: center;
}
.call-to-action h2 {
	display: block;
	margin-bottom: 10px;
}
}
/* ==========================================================================
	Home Page Specific
========================================================================== */
/*
* introduction
*/
.introduction {
	background-color: #142a32;
	padding: 0 0 50px;
}
.introduction .post h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 35px;
}
.introduction .post p {
	color: #83a2ad;
}
.introduction .post .box1 p {
	color: #ffffff;
}
.introduction .post .box2 p {
	color: #1c3f51;
}
.introduction .button1, .introduction .button2 {
	margin-bottom: 14px;
}
.introduction .row {
	margin: 0;
}
.introduction .box1 h4, .introduction .box2 h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
}
.introduction .box1 h4 {
	color: #fff;
}
.introduction .box2 h4 {
	color: #1c3f51;
}
.introduction .one-half {
	padding: 0;
}
.introduction .one-half.box1, .introduction .one-half.box2 {
	padding: 35px 30px 20px;
}
.introduction .decoration {
	margin-top: -252px;
	margin-bottom: 65px;
}
.introduction .decoration img {
	width: 100%;
}
/* ==========================================================================
	Shop Page Specific
========================================================================== */
div.lead p {
	color: #83a2ad;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 35px;
}
@media screen and (max-width:991px) {
.introduction .decoration {
	margin-top: -276px;
}
}
@media screen and (max-width:767px) {
.introduction {
	padding-bottom: 10px;
}
.introduction .post h2 {
	margin-bottom: 15px;
}
.introduction .decoration {
	margin: 0 -15px 35px;
}
}
/*
* columnizer
*/
.columnizer .first {
	padding-right: 20px;
}
.columnizer .last {
	padding-left: 20px;
}
@media screen and (max-width:767px) {
.columnizer .first, .columnizer .last {
	padding: 0px 10px;
}
}
/*
* services
*/
.services {
	background: #142a32;
}
.services .wrap-services .container {
	position: relative;
}
.services header {
	background: #ffffff;
	padding-top: 32px;
}
.services img {
	width: 100%;
}
.services .image img {
	height: 100%;
}
.services .content, .services .image {
	float: left;
	width: 33.33%;
	height: 313px;
}
.services .content {
	padding: 10px 30px;
	text-align: center;
	position: relative;
	display: table;
}
.services .content .inner {
	display: table-cell;
	vertical-align: middle;
}
.services .content .button1 {
	text-transform: uppercase;
}
.services .content.box1 .button1 {
	background-color: #142a32;
}
.services .content.box1 .button1:hover, .services .content.box1 .button1:focus {
	background-color: #234f5f;
}
.services .content.box3 .button1:hover, .services .content.box3 .button1:focus {
	background-color: #4c8f16;
}
.services .content.box1 p, .services .content.box3 p {
	color: #ffffff;
}
.services .content.box2 p {
	color: #232522;
}
.services .content {
	position: relative;
	z-index: 2;
}
.services .content:before {
	border-style: solid;
	content: "";
	display: block;
	position: absolute;
}
.services .content.box1:before {
	border-color: transparent transparent transparent #77b943;
	border-width: 16px;
	top: 50%;
	right: -32px;
	margin-top: -16px;
	z-index: 1;
}
.services .content.box2:before {
	border-color: #ffffff transparent transparent transparent;
	border-width: 16px;
	top: 100%;
	left: 50%;
	margin-left: -16px;
	z-index: 1;
}
.services .content.box3:before {
	border-color: transparent #142a32 transparent transparent;
	border-width: 16px;
	top: 50%;
	left: -32px;
	margin-top: -16px;
	z-index: 1;
}
.services .image2, .services .image3 {
	position: absolute;
	top: 313px;
}
.services .image2 {
	right: 15px;
}
.services .image3 {
	left: 15px;
}
.services .content.box3 {
	margin-left: 33.33%;
}
 @media screen and (max-width:991px) and (min-width:768px) {
.services .right-sm {
	float: right;
}
}
@media screen and (max-width:991px) {
.wrap-services {
	margin: 0px -15px;
}
.wrap-services .container {
	width: 100%;
}
.services .content, .services .image {
	width: 50%;
	height: 313px;
}
.services .image2, .services .image3 {
	position: relative;
	top: 0px;
}
.services .image2 {
	right: 0px;
}
.services .image3 {
	left: 0px;
}
.services .content.box3 {
	margin-left: 0%;
}
.services .content.box2:before {
	border-color: transparent #ffffff transparent transparent;
	left: -32px;
	top: 50%;
	margin-top: -16px;
	margin-left: 0px;
}
.services .content.box3:before {
	border-color: transparent transparent transparent #142a32;
	left: auto;
	right: -32px;
}
}
@media screen and (max-width:639px) {
.services .content, .services .image {
	float: none;
	width: 100%;
	height: auto;
}
.services .content {
	padding: 40px 20px;
}
.services .content.box1:before, .services .content.box2:before, .services .content.box3:before {
	left: 50%;
	top: 100%;
	right: auto;
	margin-left: -16px;
	margin-top: 0px;
}
.services .content.box1:before {
	border-color: #77b943 transparent transparent transparent;
}
.services .content.box2:before {
	border-color: #ffffff transparent transparent transparent;
}
.services .content.box3:before {
	border-color: #142a32 transparent transparent transparent;
}
}
/*
* store
*/
.store {
	background-repeat: no-repeat;
	background-size: cover;
	-ms-behavior: url(cms/js/backgroundsize.min.htc);
	behavior: url(cms/js/backgroundsize.min.htc);
	position: relative;
}
.store .post * {
	color: #ffffff;
}
.store .store-image {
	display: none;
}
.store .inner-content {
	background: rgba(20, 42, 50, 0.95);
	padding: 100px 50px 30px;
	width: 40%;
	color: #ffffff;
}
.store .button1 {
	padding: 7px 15px;
	margin-bottom: 55px;
}
.store .button1:hover, .store .button1:focus {
	background: #4c8f16;
}
.store h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	margin-bottom: 42px;
}
@media screen and (max-width:1199px) {
.store .inner-content {
	width: 50%;
}
}
@media screen and (max-width:991px) {
.store .inner-content {
	padding: 60px 35px 30px;
}
.store .button1 {
	margin-bottom: 55px;
}
}
@media screen and (max-width:767px) {
.store .inner-content {
	width: 100%;
	padding: 50px 25px 30px;
	text-align: center;
}
}
.products-list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.products-list li {
	float: left;
	width: 50%;
	margin-bottom: 40px;
}
.products-list li a {
	color: inherit;
}
.products-list li .icon {
	float: left;
}
.products-list li .inner {
	display: block;
	padding-left: 45px;
}
@media screen and (max-width:767px) {
.products-list ul {
	display: inline-block;
	text-align: left;
}
.products-list li {
	float: none;
	width: 100%;
}
}
/*
* people
*/
#people {
	position: relative;
	padding: 0px 60px;
	text-align: center;
}
#people ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}
#people li {
	display: inline-block;
	margin: 0px 60px;
	opacity: 0.4;
	text-align: center;
}
#people li h4 {
	font-size: 16px;
	line-height: 22px;
}
#people li p {
	font-size: 14px;
}
#people li p, #people li h4 {
	color: #232522;
	margin-bottom: 5px;
}
#people li figure {
	display: inline-block;
	margin: 10px 10px 18px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#people li:hover, #people li.active {
	opacity: 1;
}
#people li.active figure {
	box-shadow: 0 0 10px 5px #c3c3c3;
	-webkit-box-shadow: 0 0 10px 5px #c3c3c3;
	-moz-box-shadow: 0 0 10px 5px #c3c3c3;
}
#people li.active p, #people li.active h4 {
	color: #4b9a0d;
}
@media screen and (max-width:991px) {
#people li {
	margin: 0px 30px;
}
}
@media screen and (max-width:767px) {
#people li {
	margin: 0px 10px;
}
}
/* ==========================================================================
	Contact Page Specific
========================================================================== */
/*
* form
*/
.form ul {
	margin: 0;
	padding: 0;
}
.form li {
	list-style: none;
	clear: both;
	margin-bottom: 12px;
}
.form li.one-half {
	float: left;
	width: 48%;
	clear: none;
	margin-right: 4%;
}
.form li.one-half:nth-child(2n) {
	margin-right: 0;
}
.form li.one-half:first-child +li, .form li.one-half:first-child +li +li +li, .form li.one-half:first-child +li +li +li +li +li, .form li.one-half:first-child +li +li +li +li +li +li +li +li +li {
	margin-right: 0;
}
.form select, .form textarea, .form input[type="text"], .form textarea, .form input[type="password"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="date"], .form input[type="month"], .form input[type="time"], .form input[type="week"], .form input[type="number"], .form input[type="email"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="color"], .form input[m-type="num"] {
	display: block;
	width: 100%;
	background-color: #32464d;
	color: #bdccd1;
	padding: 10px 15px;
	outline: none;
	border: none;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	line-height: 18px;
}
.form select, .form textarea:focus, .form input[type="text"]:focus, .form textarea:focus, .form input[type="password"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="date"]:focus, .form input[type="month"]:focus, .form input[type="time"]:focus, .form input[type="week"]:focus, .form input[type="number"]:focus, .form input[type="email"]:focus, .form input[type="url"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="color"]:focus, .form input[m-type="num"]:focus {
	background-color: #fff;
	color: #91aab3;
}
 .form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
opacity: 1;
color:#bdccd1;
}
.form input:-moz-placeholder, .form textarea:-moz-placeholder {
opacity: 1;
color:#bdccd1;
}
.form input::-moz-placeholder, .form textarea::-moz-placeholder {
opacity: 1;
color:#bdccd1;
}
.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
opacity: 1;
color:#bdccd1;
}
 .form input:focus::-webkit-input-placeholder, .form textarea:focus::-webkit-input-placeholder {
opacity: 1;
color:#bdccd1;
}
.form input:focus:-moz-placeholder, .form textarea:focus:-moz-placeholder {
opacity: 1;
color:#bdccd1;
}
.form input:focus::-moz-placeholder, .form textarea:focus::-moz-placeholder {
opacity: 1;
color:#bdccd1;
}
.form input:focus:-ms-input-placeholder, .form textarea:focus:-ms-input-placeholder {
opacity: 1;
color:#bdccd1;
}
.form textarea {
	resize: none;
	height: 115px;
	width: 100%;
	clear: both;
}
.form li.form-footer .capcha-img {
	margin-right: 16px;
	float: left;
}
.form li.form-footer .capcha-code {
	width: 40%;
	float: left;
}
.form li.form-footer input[type="submit"] {
	min-width: 162px;
	border: none;
	float: right;
	text-transform: uppercase;
	padding: 4px 15px;
}
@media screen and (max-width:991px) {
.form li.form-footer {
	margin-bottom: 50px;
}
}
@media screen and (max-width:767px) {
.form li.one-half {
	width: 100%;
	margin-bottom: 22px;
}
.form li {
	padding-right: 0;
}
.contact-us h2 {
	text-align: center;
}
.form li.form-footer .capcha-img {
	float: none;
	display: block;
	margin-bottom: 24px;
}
.form li.form-footer .capcha-code {
	float: none;
	width: 100%;
	margin-bottom: 24px;
}
.form li.form-footer input[type="submit"] {
	float: none;
	margin-bottom: 35px;
}
}
/*
* contact-us
*/
.contact-us {
	padding: 50px 0;
	background-color: #0e262e;
}
.contact-us h2 {
	color: #fff;
	font-weight: 100;
	font-size: 36px;
}
.contact-us .button1:hover {
	background-color: #4c8f16;
	color: #fff;
}
@media screen and (max-width:480px) {
.contact-us {
	padding: 38px 0;
}
}
/*
* contact-info
*/
.contact-info {
	margin: 0;
	padding: 0 0 0 45px;
}
.contact-info ul {
	margin: 0;
	padding: 0;
}
.contact-info li {
	color: #fff;
	margin-bottom: 15px;
	list-style: none;
	vertical-align: top;
	font-size: 13px;
	line-height: 23px;
	font-weight: 500;
	padding-left: 30px;
	position: relative;
}
.contact-info li:before {
	background: url('../../media/layout/icons.png') no-repeat;
	background-size: 250px 250px;
	content: '';
	display: block;
	width: 16px;
	position: absolute;
	left: 0px;
	top: 4px;
}
.contact-info li p {
	font-size: 13px;
}
.contact-info li a {
	color: inherit;
}
.contact-info li.address {
	margin-bottom: 45px;
}
.contact-info li.address p {
	color: inherit;
	font-style: normal;
	text-transform: uppercase;
}
.contact-info li.address:before {
	background-position: -201px 0px;
	height: 15px;
}
.contact-info li.phone:before {
	background-position: -227px 0px;
	height: 16px;
}
.contact-info li.email:before {
	background-position: 0px -40px;
	height: 9px;
	top: 7px;
}
@media screen and (max-width:991px) {
.contact-info {
	border-top: 1px solid #3a4c53;
	padding-top: 40px;
}
.contact-info li {
	width: 50%;
}
.contact-info li.address {
	float: left;
	margin-bottom: 15px;
}
.contact-info li.phone {
	float: right;
}
.contact-info li.email {
	float: right;
}
}
@media screen and (max-width:767px) {
.contact-info {
	border-top: none;
	padding-top: 0;
	padding-left: 10px;
}
.contact-info li.home, .contact-info li.phone, .contact-info li.email {
	float: none;
}
}
/*
* map
*/
.map {
	position: relative;
}
/* Google Map */
#footer-map {
	width: 100%;
	min-height:566px;
}
/*.map img {
	width: 100%;
}
.map span.pin {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -19px;
	margin-left: -13px;
}*/
/* ==========================================================================
	Products Page Specific
========================================================================== */
/*
* products-services
*/
.products-services {
	background: #142a32;
	padding: 120px 0 100px;
	text-align: center;
	position: relative;
}
.products-services h2 {
	color: #fff;
	margin-bottom: 59px;
}
.products-services figcaption {
	color: #fff;
	color: #ffffff;
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}
.products-services figure:after {
	display: block;
	content: '';
	position: absolute;
	background: url(../../media/layout/gradient.png);
	width: 100%;
	height: 165px;
	bottom: 0;
}
.products-services .service-slider { text-align: left; }
 @media (max-width:767px) {
.products-services {
	padding: 30px 0 20px;
}
.products-services h2 {
	margin-bottom: 15px;
}
}
/*
*products2
*/
.products2 {
	background: #142a32;
	padding-top: 119px;
}
.products2 h2 {
	color: #fff;
	margin-bottom: 65px;
}
 @media (max-width:991px) {
.products2 {
	padding-top: 55px;
}
.products2 h2 {
	margin-bottom: 40px;
}
}
@media (max-width:767px) {
.products2 {
	padding-top: 35px;
}
.products2 h2 {
	margin-bottom: 20px;
}
}
/*
*list1
*/
ul.list1 {
	margin: 0;
	padding: 0;
}
.list1 li {
	width: 30%;
	float: left;
	list-style: none;
	margin-right: 20px;
	margin-bottom: 32px;
	position: relative;
	overflow: hidden;
}
.list1 li figure {
	position:relative;
	height:0;
	padding-bottom:100%;
	padding-top:30px;
	overflow:hidden;
}
.list1 li figure img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.list1 li:after {
	display: block;
	content: '';
	position: absolute;
	background: url(../../media/layout/gradient.png);
	width: 100%;
	height: 165px;
	bottom: 0;
}
.list1 li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(119, 185, 67, 0.7);
	content: '';
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
	transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.list1 li:hover:before {
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.list1 li .figure .overlay {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-moz-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	-webkit-transition: all 0.35s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
}
.list1 li:hover .overlay {
	opacity: 1;
	z-index: 3;
}
.list1 li:hover .caption {
	opacity: 0;
}
.list1 .caption {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	color: #ffffff;
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}
.list1 li .overlay {
	position: absolute;
	background: rgba(119, 185, 67, 0.9);
}
.list1 .overlay h3 {
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 25px;
}
.list1 .overlay p {
	color: #fff;
	margin-bottom: 25px;
}
.list1 .wrapper {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.list1 .inner-wrapper {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px;
}
.list1 .image1 {
	width: 100%;
}
.brands-slider .list1 li {
	width: 290px;
	float: left;
}
.brands-slider .list1 li:before {
	background: rgba(20,42,50,0.7);
}
.brands-slider .list1 li .overlay {
	background: rgba(20,42,50,0.9);
	opacity: 0;
}
.brands-slider .list1 li:hover .overlay {
	opacity: 1;
}
.brands-slider .list1 .overlay h3 {
	font-weight: 300;
}
.eq-ie8 .list1 li .overlay {
	background: #77b943;
}
.eq-ie8 .list1 li .figure .overlay {
	display: none;
}
.eq-ie8 .list1 li:hover .overlay {
	display: block;
}
.eq-ie8 .brands-slider .list1 li .overlay {
	background: #142a32;
}
.eq-ie9 .list1 li:before {
	display: none;
}
@media (max-width:991px) {
.list1 .overlay h3 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
}
.list1 .inner-wrapper {
	padding: 0 15px;
}
.list1 .overlay h3 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 5px;
}
.list1 .overlay p {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 18px;
}
}
@media (max-width:767px) {
.list1 li {
	width: 100%;
	float: none;
	margin: 0px 0px 25px;
}
}
/*
* brands
*/
.brands {
	padding: 70px 0 90px;
	border-bottom: 1px solid #b3b3b3;
}
.brands h2 {
	margin-bottom: 45px;
}
.brands-slider {
	position: relative;
}
.brands-slider .previous-button {
	background: url(../../media/layout/prev-btn.png) no-repeat;
	display: block;
	width: 29px;
	height: 58px;
	position: absolute;
	left: -73px;
	top: 50%;
	margin-top: -29px;
}
.brands-slider .next-button {
	background: url(../../media/layout/next-btn.png) no-repeat;
	display: block;
	width: 29px;
	height: 58px;
	position: absolute;
	right: -73px;
	top: 50%;
	margin-top: -29px;
}
@media (max-width:1199px) {
.brands-slider {
	padding: 0px 20px 0px 40px;
}
.brands-slider .previous-button {
	left: 0px;
}
.brands-slider .next-button {
	right: 0px;
}
}
@media (max-width:991px) {
.brands-slider .next-button {
	right: 0;
}
.brands-slider .previous-button {
	left: 0;
}
}
@media (max-width:767px) {
.brands {
	padding: 45px 0 35px;
}
.brands-slider {
	padding: 0px 0px 50px;
}
.brands-slider .brands-control {
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
}
.brands-slider .previous-button, .brands-slider .next-button {
	background-size: 10px 20px;
	display: inline-block !important;
	width: 10px;
	height: 20px;
	top: auto;
	right: auto;
	left: auto;
	margin: 0px 35px;
	position: relative;
}
.brands-slider .previous-button {
	background-image: url('../../media/layout/prev-btn4@2x.png');
}
.brands-slider .next-button {
	background-image: url('../../media/layout/next-btn4@2x.png');
}
}
/*
* collection
*/
.collection {
	padding: 70px 0 90px;
}
.collection h2 {
	color: #1c3f51;
}
.collection .image1 {
	margin-bottom: 28px;
}
@media (max-width:767px) {
.collection .image2, .collection .image1 {
	margin-bottom: 28px;
	width: 100%;
}
}
/* ==========================================================================
	ie8 overlay Specific
========================================================================== */
.eq-ie8 .store .inner-content, .eq-ie8 .box7:after, .eq-ie8 .brands-slider .list1 li .overlay {
	background: url('../../media/layout/overlay.png');
}
@charset "UTF-8";

/* ==========================================================================
	Animations - animate.css
========================================================================== */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.amyma {
	font-size:9px;
}
a.amyma { color:#394d54;}
a.amyma:hover {color:#ff9900}