/*
Theme Name: ItcClassic
Theme URI: http://khowebsites.com/
Author: ITC Themes
Author URI: http://itcthemes.com/
Description: Theme Name is a WordPress shopping theme designed for WooCommerce. The theme is ideal for supermarkets, shopping malls or convenience stores with loads of product categories.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: text_domain
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, custom-header, custom-background, custom-menu, editor-style, featured-images, microformats, post-formats

The styleheets of Theme Name are located in assets/css.
IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.
*/

/*	################################################################
	CSS OVERVIEW 	

	1. IMPORT FILES
	2. GENERAL
	3. ELEMENTS
	4. HEADER
	5. FOOTER
	...

################################################################# */ 

/*==========================================================
	1. IMPORT FILES
==========================================================*/

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300italic,300&subset=latin,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* Css */
@import url(libs/font-awesome/css/font-awesome.css);
@import url(libs/bootstrap/css/bootstrap.min.css);
@import url(libs/owl-carousel/assets/owl.carousel.min.css);
@import url(libs/prettyphoto/css/prettyPhoto.css);

/*==========================================================
	2. GENERAL
==========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body{
	font-size: 16px;
	color: #808080;
	font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #808080;
    font-family: 'Montserrat', sans-serif;
	line-height: normal;
}
h1 {
	font-size: 89px;
    font-weight: bold;
}
h2 {
	font-size: 28px;
    color: #028401;
    font-weight: bold;
    margin-bottom: 15px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}
p {
	margin-bottom: 1em;
}
img{
	border:none;
	max-width:100%;	
	height: auto;
}
a{
	color:#373737;
}
a:hover{
	color: #028401;
	text-decoration:none;
}
a:focus{
	text-decoration: none;
	color: inherit;
	outline: none;
}
a, 
button, 
input {
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input[type=search],
textarea {
	border: 1px solid #d5d5d5;
	padding: 8px 15px;
	font-size: 14px;
	color: #757575;
	font-style: italic;
	border-radius: 0;
}
button,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
	border-color: #e31e1e;
	outline: none;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
	border-color: #FCD998;
}

/*==========================================================
	3. ELEMENTS
==========================================================*/
@media only screen and (min-width: 1630px){
    .container{
        width: 1600px;
    }
    .site-bottom .container,
    .site-footer .container,
    .follow-social .container,
    .intro-page-home .container{
        width: 1200px;
    }

}
.container{
    float: none;
}
.container .vc_column-inner{
    padding-left: 0;
    padding-right: 0;
}
#wrapper {
	margin: auto;
}
.wpb_text_column {
    font-size: 16px;
    line-height: 1.3em;
}
.font-montserrat{
    font-family: '';
}
.searchform{
	display: inline-block;
}
.searchform > div{
	position: relative;
	width: 250px;
}
.searchform > div:before{
	position: absolute;
	top: 5px;
	right: 8px;
	content:"f002";
	font-family: FontAwesome;
	font-size: 14px;
	color: #e7e7e7;
}
.searchform label{
	display: none;
}
.searchform #s{
	width: 100%;
	background: none;
	height: 33px;
	padding: 5px 45px 5px 10px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #e7e7e7;
	font-style: italic;
}
.searchform #searchsubmit{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 35px;
	background: none;
	border: none;
	font-size: 0;
}
.star-rating {
	font-family: FontAwesome;
	font-size: 13px;
	height: 1em;
	line-height: 1;
	overflow: hidden;
	position: relative;
	width: 74px;
	letter-spacing: 3px;
}
.star-rating:before {
	color: #b5b5b5;
	content: "f005f005f005f005f005";
	float: left;
	left: 0;
	position: absolute;
	top: 0;
}
.star-rating span {
	float: left;
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	position: absolute;
	top: 0;
}
.star-rating span:before {
	content: "f005f005f005f005f005";
	left: 0;
	position: absolute;
	top: 0;
	color: #ffe931;
}
.thumbnail {
	border-radius: 0;
}

/*-- main-slider --*/
.main-slider .sliders {
	background: #FFF;
}
.main-slider .item {
	position: relative;
}
.main-slider .slider-content {
	position: absolute;
	top: 0;
	left: 50%;
	color: #FFF;
	transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s ease-in-out 0s;
	-ms-transition: all 0.7s ease-in-out 0s;
	-webkit-transition: all 0.7s ease-in-out 0s;
	-o-transition: all 0.7s ease-in-out 0s;
	transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
    text-align: center;
}
.title-slider{
    font-size: 89px;
    line-height: 78px;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 65px;
}
.title-slider p{
    margin-bottom: 0;
}
.button{
    font-size: 16px;
    width: 280px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background-color: transparent;
    display: inline-block;
}
.main-slider:hover .button{
    color: #fff;
    background-color: #028401;
}
.main-slider .owl-item.active .slider-content {
	opacity: 1;
	top: 120px;
	visibility: visible;
}
.main-slider .owl-carousel .owl-nav > div {
	width: 37px;
	height: 71px;
	text-align: center;
	line-height: 28px;
	position: absolute;
	top: 184px;
	left: 30px;
	color: #FFF;
    background: url(images/assets/arrow-prev1.png) no-repeat center center;
    font-size: 0;
    opacity: 0.7;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.main-slider .owl-carousel .owl-nav > div.owl-next {
	left: auto;
	right: 30px;
    background-image: url(images/assets/arrow-next1.png);
}
.main-slider .owl-carousel .owl-nav > div:hover{
    opacity: 1;
}
.main-slider .owl-carousel .owl-nav > div.owl-prev:hover{
    background-image: url(images/assets/arrow-prev.png);
}
.main-slider .owl-carousel .owl-nav > div.owl-next:hover{
    background-image: url(images/assets/arrow-next.png);
}
.main-slider .owl-carousel .owl-dots {
	text-align: center;
    padding: 10px 0 20px;
}
.main-slider .owl-carousel .owl-dots > div {
	width: 10px;
	height: 10px;
	display: inline-block;
    vertical-align: middle;
	margin: 0 5px;
    border-radius: 50%;
    background-color: #9f9f9f;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
.main-slider .owl-carousel .owl-dots > div.active{
	width: 13px;
    height: 13px;
}
/*-- end main-slider --*/
.title,
.widget-title {
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 0;
	margin-bottom: 15px;
}
.box-item,
.widget {
	background: #FFF;
	padding: 10px 15px;
}
.socials {
	list-style: none;
	margin: 0;
	padding: 0;
}
.socials li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
.socials li a {
	text-align: center;
	color: #028401;
	border-radius: 2px;
	display: block;
}
.socials li a:hover {
	border-color: #e31e1e;
	color: #e31e1e;
}
.socials li a span {
	display: none;
}
ul{
    margin: 0;
    padding: 0;
}
.wpb_single_image.vc_align_left{
    float: left;
    margin-right: 20px;
}
/*==========================================================
	4. HEADER
==========================================================*/
.site-header {
	position: relative;
	z-index: 10;
}
.mid-header {
	padding: 20px 0;
}
.site-brand{
    float: left;
}
.right-header {
	text-align: right;
    float: right;
    max-width: 75%;
}
.contact-hd{
    margin-bottom: 24px;
}
.contact-hd a{
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 20px;
    line-height: 30px;
}
.right-hd-menu{
    font-size: 0;
    text-align: right;
}
.right-hd-menu li{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-bottom: 10px;
    position: relative;
}
.right-hd-menu li a{
    display: block;
    height: 43px;
    line-height: 43px;
    color: #333;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    background-color: #f3f3f3;
}
.right-hd-menu li a:hover{
    background-color: #028401;
    color: #fff;
}
.right-hd-menu .sub-menu li{
    display: block;
    margin: 0;
}
.right-hd-menu .sub-menu li a{
    border-radius: 0;
    text-align: right;
}
.main-menu {
	background: #212121;
}
.main-menu ul {
	padding: 0;
	list-style: none;
	margin: 0;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
    font-size: 0;
}
.main-menu ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
    text-align: center;
}

.main-menu ul li:hover{
    background: rgba(0, 0, 0, 0.5);
}

.main-menu ul li a {
	display: block;
	padding: 0 35px;
	color: #fff;
    font-size: 15px;
	line-height: 45px;
    font-family: 'montserrat';
    text-transform: uppercase;
}
.main-menu ul li a:hover,
.main-menu .current-menu-item a {
	color: #FFF;
}
.right-hd-menu .sub-menu{
    position: absolute;
    top: 100%;
    right: 0;
    width: auto;
    min-width: 270px;
    margin-top: 20px;
    opacity: 0;
    visibility: hidden;
    background-color: #f3f3f3;
    z-index: 9;
}
.main-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 270px;
	background: #118816;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;
}
.main-menu .sub-menu li{
    display: block;
    text-align: left;
}
.right-hd-menu li:hover > .sub-menu,
.main-menu li:hover > .sub-menu {
	margin-top: 0;
	opacity: 1;
	visibility: visible;
}
.mobile-menu {
	display: none;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #FFF;
	cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.mobile-menu .fa{
    line-height: 40px;
}
.right-hd-menu li a .arrow{
    margin-left: 10px;
}
.main-menu .arrow {
	position: absolute;
	top: 20px;
	right: 3px;
    font-size: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: none;
}
.main-menu .arrow .fa{
    line-height: 34px;
}
/*==========================================================
	5. CONTENT
==========================================================*/
.site-main {
	min-height: 300px;
}

.site-main > .container{
	    margin-top: 30px;
}

.breadcrumbs {
	margin-bottom: 30px;
}
.breadcrumbs li {
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs li:after {
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px;
	content:"\f101";
	font-family: FontAwesome;
}
.breadcrumbs li:last-child:after {
	display: none;
}
.left-content .site-content {
	float: right;
}
.site-content {
	line-height: 24px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-bottom: 5px;
}
.site-main .widget {
	margin-bottom: 15px;
}
.site-main .widget > ul {
	padding-left: 13px;
}
.site-main .widget-title {
	font-size: 16px;
    border-bottom: 2px solid #4c4c4c;
}
.widget_nav_menu .menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
.widget_nav_menu .menu li {
	padding: 7px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.widget_nav_menu .menu li:last-child {
	border-bottom: none;
}
.site-main .project-post-widget .project-posts {
	margin: 0;
	padding: 0;
	list-style: none;
}
.project-post-widget .project-posts li {
	font-size: 12px;
	margin-bottom: 10px;
}
.project-post-widget .project-posts h3 {
	font-size: 14px;
	margin: 5px 0;
}
.project-post-widget .thumbnail {
	border-radius: 0;
	float: left;
	width: 70px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.widget .searchform {
	display: block;
}
.widget .searchform > div {
	width: auto;
}
.widget .searchform #s {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
article.post {
	margin-bottom: 30px;
}
.post-title {
	border-bottom-style: dashed;
}
.post-thumb {
	margin-bottom: 10px;
	border-radius: 0;
}
.post-thumb a {
	display: block;
}
.post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
.post-thumb a:hover img {
	opacity: 0.8;
}
.post-meta > * {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	font-size: 13px;
	margin-bottom: 5px;
}
.post-meta > *:last-child {
	margin-right: 0;
}
.post-meta > * i {
	margin-right: 5px;
	font-size: 12px;
}
.left-thumb .post-thumb {
    border: none;
	float: left;
	width: 30%;
	margin-right: 20px;
}
.left-thumb .post-info {
	display: table;
}
.left-thumb .read-more {
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	padding: 7px 15px;
	margin-top: 10px;
	font-size: 13px;
}
.blog.post-boxed .site-content {
	padding-left: 0;
	padding-right: 0;
}
.blog.post-boxed .post {
	float: left;
	width: 33.3333%;
	padding-left: 15px;
	padding-right: 15px;
}
.post-boxed .post-title {
	font-size: 16px;
}
.project-cat {
	margin-bottom: 5px;
}
article.project .entry-content {
	margin-top: 30px;
}
.project-info {
	border: 3px dashed #e31e1e;
}
.project-info .reason {
	margin: 0;
	padding: 0;
	list-style: none;
}
.project-info .reason li {
	margin-bottom: 10px;
}
.project-info .reason i {
	font-size: 18px;
	color: #e31e1e;
}
.project-hotline {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	margin-top: 10px;
	color: #10B6DB;
}
.project-hotline a {
	font-size: 32px;
	color: #e31e1e;
}
.project-thumb .item {
	margin-bottom: 0;
}
.four-section{
    position: relative;
    margin-top: -595px;
    z-index: 999;
    background: url(images/assets/bgr-four-section.jpg) repeat-x bottom center;
    background-size: 100% 70%;
    z-index: 8;
}
.item-four-section{
    background-color: #fff;
    margin: 0 15px;
}
.item-four-section,
.img-section .img-hover,
.img-section .img-hover img,
.item-four-section span{
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
.item-four-section:hover{
    background-color: #45b20a;
    color: #fff;
}
.item-four-section:hover .img-hover{
    opacity: 1;
    visibility: visible;
}
.item-four-section:hover .title-section,
.item-four-section:hover .desc-section,
.item-four-section:hover .find-out{
    color: #fff;
}
.desc-section{

}
.img-section{
    display: block;
    position: relative;
}
.img-section .img-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    display: block;
    text-align: center;
    background-color: #45b20a;
}
.img-section .img-hover img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.meta-section{
    display: block;
    padding: 40px 25px;
}
.meta-section span{
    display: block;
    text-align: center;
}
.title-section{
    font-size: 28px;
    font-weight: bold;
    color: #404040;
    padding: 0;
    margin-bottom: 15px;
}

.desc-section{
    color: #808080;
    line-height: 26px;
    margin-bottom: 35px;
}
.find-out{
    font-size: 16px;
    color: #028401;
    font-weight: bold;
    text-transform: uppercase;
}
.intro-page-home{
    padding: 65px 0;
    background-repeat: no-repeat;
    background-position: 112% center;
    background-size: auto;
}
.title{
    font-size: 40px;
    font-weight: bold;
    line-height: 38px;
    margin-bottom: 40px;
    color: #028401;
    text-transform: uppercase;
    text-align: left;
}
/*      PARTNER SLIDER    */
.office-partner{
    padding: 50px 0 85px;
    background-color: #edeff2;
}
.partner-slider .owl-carousel{
    padding: 0 50px;
}
.partner-slider .owl-carousel .owl-nav div{
    position: absolute;
    top: 0;
    left: -130px;
    width: 100px;
    height: 100px;
    line-height: 98px;
    background: #fff;
    font-size: 70px;
    color: #028401;
    text-align: center;
}
.partner-slider .owl-carousel .owl-nav .owl-next{
    left: auto;
    right: -130px;
}
.partner-slider .owl-carousel .owl-item{
    line-height: 100px;
    text-align: center;
}
.partner-slider .owl-carousel .owl-item img{
    width: auto;
    display: inline-block;
}
.partner-list{
    display: none;
}
.site-content .partner-list ul{
    list-style: none;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.partner-list ul li{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 1;
}
/*         FACEBOOK SOCIAL      */
.follow-social{
    padding: 90px 0 0;
}
.item-social{
    text-align: center;
}

.item-social .fb_iframe_widget,
.twitter-timeline.twitter-timeline-rendered{
    width: 500px !important;
    height: 400px !important;
    border: 1px solid #e5e5e5 !important;
}

/*==========================================================
	6. PAGES
==========================================================*/
/* -- home-page --*/
.homepage-about {
	background: #FFF;
	border: 1px solid #e2e2e2;
	padding: 15px;
	margin-top: 30px;
	line-height: 24px;
}
.homepage-about .image {
	float: right;
	margin-left: 10px;
}
.homepage-content {
	display: table;
}
.home-project {
	margin-top: 50px;
}
.home-project > .row {
	margin-left: -5px;
	margin-right: -5px;
}
.home-project > .row > * {
	padding-right: 5px;
	padding-left: 5px;
}
.list-project {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
}
.list-project > li {
	float: left;
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
}
.list-project > li:nth-child(2n+1) {
	clear: both;
}
.list-project .thumbnail {
	border-radius: 0;
}
.list-project .thumbnail a {
	position: relative;
	display: block;
}
.list-project .thumbnail a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	content: "";
	display: block;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
.list-project .thumbnail a:hover:before {
	opacity: 1;
}
.list-project .project-excerpt {
	font-size: 13px;
	margin-top: 5px;
}
.list-project .project-title {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.project-preview img {
	width: 100%;
}
.related-project {
	padding-top: 50px;
}
.related-project .list-project {
	margin-left: 0;
	margin-right: 0;
}
.related-project .owl-carousel .owl-nav > div {
	top: -55px;
	margin-top: 0;
	right: 0;
	left: auto;
	background: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.2);
}
.related-project .owl-carousel .owl-nav > div.owl-prev {
	right: 35px;
}
.banner-page{
    color: #fff;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner-page .page-title{
    padding: 50px 0 50px 0;
    color: white;
    text-align: left;
    font-size: 40px;
    line-height: 1;
    margin-bottom: 0;
}
.wpcf7-form label,
.wpcf7-form label span.wpcf7-form-control-wrap{
    width: 100%;
}
.contact-form-page .wpcf7-form label,
.contact-form-page .wpcf7-form label span.wpcf7-form-control-wrap{
    max-width: auto;
}
.contact-form-page .wpcf7-form label span.wpcf7-form-control-wrap{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    line-height: 26px;
}
.contact-form-page .wpcf7-form .title-input{
    min-width: 130px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.contact-form-page .wpcf7-form input{
    border-top: none;
    border-right: none;
    border-left: none;
}
.contact-form-page .wpcf7-form input[name="your-panelnumber"]{
    width: 60px;
}
.wpcf7-form label textarea{
    height: 100px;
}
.wpcf7-form input,
.wpcf7-form textarea,
.textwidget form input,
.textwidget form textarea{
    width: 100%;
    resize: none;
    line-height: 26px;
}
.wpcf7-form input[type="checkbox"]{
    width: auto;
    background-color: #fff;
}
.wpcf7-form span.wpcf7-list-item{
    display: block;
}
.contact-form-page .wpcf7-form input{
    padding: 3px 15px;
    display: inline-blcok;
    vertical-align: middle;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.textwidget form input:focus,
.textwidget form textarea:focus{
    border-color: #028401;
}
.wpcf7-form input[type="submit"],
.textwidget form input[type="submit"]{
    border: none;
    background-color: #028401;
    width: auto;
    padding: 10px 15px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}
.wpcf7-form input[type="submit"]:hover,
.textwidget form input[type="submit"]:hover{
    background-color: #0C740B;
}
.primary-sidebar aside{
    float: right;
    width: 100%;
    max-width: 360px;
}
.site-main .widget {
    margin-bottom: 25px;
    padding: 20px;
    box-shadow: 1px 1px 3px #cccccd;
    background: rgba(233, 236, 236, 1) none repeat scroll 0 0;
}
.wpcf7 fieldset,
.wpcf7 p{
    font-size: 16px;
    color: #028401;
    line-height: 1.2;
}
.wpcf7 p label{
    font-weight: 500;
    cursor: pointer;
}
.wpcf7 p .red{
    color: red;
}
.quick-contact-form{
    width: 500px;
    max-width: 100%;
    padding: 15px 25px;
    position: fixed;
    right: -500px;
    bottom: -240px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    background-color: #edeff2;
    z-index: 9999;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
.quick-contact-form.open{
    right: 0;
    bottom: 0;
}
.quick-contact-form .title-form{
    font-size: 18px;
    color: #fff;
    background-color: #028401;
    text-transform: capitalize;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: 90px;
    left: -121px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.primary-sidebar .wpcf7-form h4.title,
.quick-contact-form h4.title{
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}
.primary-sidebar .wpcf7-form input[type="radio"],
.quick-contact-form input[type="radio"]{
    display: inline-block;
    width: auto;
}
.primary-sidebar span.wpcf7-list-item-label,
.quick-contact-form span.wpcf7-list-item-label{
    font-size: 15px;
}
.primary-sidebar .wpcf7-checkbox,
.quick-contact-form .wpcf7-checkbox{
    font-size: 0;
}
.primary-sidebar .wpcf7-form span.wpcf7-list-item,
.quick-contact-form .wpcf7-form span.wpcf7-list-item{
    display: inline-block;
    vertical-align: middle;
    width: 36%;
}
.primary-sidebar .wpcf7-form .wpcf7-checkbox span.wpcf7-list-item,
.quick-contact-form .wpcf7-form .wpcf7-checkbox span.wpcf7-list-item{
    background-color: #f7f7f7;
    text-align: center;
}
.primary-sidebar .wpcf7-form .wpcf7-checkbox span.wpcf7-list-item label,
.quick-contact-form .wpcf7-form .wpcf7-checkbox span.wpcf7-list-item label{
    padding: 5px 5px 0 5px;
    height: 52px;
}
.primary-sidebar .wpcf7-checkbox input[type="checkbox"],
.quick-contact-form .wpcf7-checkbox input[type="checkbox"]{
    display: none;
}
.property-roof .wpcf7-checkbox span.wpcf7-list-item{
    width: 50%;
}
.property-storeys .wpcf7-checkbox span.wpcf7-list-item{
    width: 33.333%;
}
.system-considering .wpcf7-checkbox span.wpcf7-list-item{
    width: 16.666%;
}
.system-considering .wpcf7-checkbox span.wpcf7-list-item.first{
    line-height: 21px;
}
.primary-sidebar .wpcf7-checkbox span.wpcf7-list-item-label,
.quick-contact-form .wpcf7-checkbox span.wpcf7-list-item-label{
    display: inline-block;
    width: 100%;
    cursor: pointer;
}
.primary-sidebar .wpcf7-checkbox input[type="checkbox"]:checked + span.wpcf7-list-item-label,
.quick-contact-form .wpcf7-checkbox input[type="checkbox"]:checked + span.wpcf7-list-item-label{
    background-color: #dedede;
}
.primary-sidebar .wpcf7-form > p,
.quick-contact-form .wpcf7-form > p{
    margin-bottom: 10px;
}
.primary-sidebar .wpcf7-form label.submit-label,
.quick-contact-form .wpcf7-form label.submit-label{
    text-align: center;
    margin-top: 10px;
}
.primary-sidebar .wpcf7-form label.submit-label span,
.quick-contact-form .wpcf7-form label.submit-label span{
    width: auto;
    display: inline-block;
    position: relative;
}
.primary-sidebar .wpcf7-form label.submit-label span:before,
.quick-contact-form .wpcf7-form label.submit-label span:before{
    content:"\f002";
    font-family: FontAwesome;
    color: #fff;
    font-size: 20px;
    width: 30px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 15px;
}
.primary-sidebar .wpcf7-form input[type="submit"],
.quick-contact-form .wpcf7-form input[type="submit"]{
    width: auto;
    border-radius: 5px;
    text-transform: uppercase;
    padding: 0 15px 0 45px;
    line-height: 40px;
    margin-top: 0;
}
.quick-contact-form .wpcf7-form .ajax-loader{
    display: none;
}
.quick-contact-form .wpcf7-form input[type="text"],
.quick-contact-form .wpcf7-form input[type="email"],
.quick-contact-form .wpcf7-form textarea,
.quick-contact-form .wpcf7-form input[type="tel"]{
    width: 100%;
    line-height: 20px;
    color: #656469;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0;
    border: none;
    border-radius: 5px;
    font-style: normal;
	padding: 5px;
}
.wpcf7-form-control-wrap.system-considering {
	display: block;
}
/*==========================================================
	7. FOOTER
==========================================================*/

.site-bottom {
	padding: 70px 0 0;
	color: #edeff2;
    margin-top: 40px;
}
.site-bottom .site-bottom-ct{
    position: relative;
    clear: both;
    padding: 0 90px;
}
.site-bottom .site-bottom-ct:after{
    content: "";
    position: absolute;
    top: 0;
    left: -45px;
    height: 190px;
    width: 140px;
    background: url(images/bgr-bottom.png) no-repeat center center #028401;
    background-size: 80% 80%;
}
.site-bottom a {
	color: #edeff2;
    font-size: 16px;
    line-height: 22px;
}
.site-bottom .widget {
	background: none;
	padding: 0;
	border: none;
	margin-bottom: 30px;
}
.site-bottom .widget-title {
	border-color: rgba(255, 255, 255, 0.1);
	color: #f7f8f9;
	font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.site-bottom .tel{
    display: inline-block;
    margin: 15px 0;
}
.site-bottom .widget_nav_menu .menu li {
	border-bottom: none;
}
.site-bottom .widget_nav_menu .menu li a:hover {
	color: #fff;
}
.newsletter-widget form{
    float: left;
    position: relative;
}
.newsletter-widget .newsletter-submit,
.newsletter-widget form:after{
    position: absolute;
    top: 3px;
    right: 3px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
}
.newsletter-widget .newsletter-submit{
    background: transparent;
    z-index: 99;
    border: none;
}
.newsletter-widget form:after{
    content: "";
    z-index: 0;
    background-image: url(images/icon-envelope.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #91ba22;
}
.newsletter-widget .newsletter-email{
    padding: 10px 45px 10px 25px;
    font-size: 14px;
    font-style: normal;
    line-height: 26px;
    background-color: #0c740b;
    border-radius: 23px;
    border: none;
    color: #fff;
}
.newsletter-widget .newsletter-email:forcus{
    border-color: transparent;
}
.site-footer {
	background: #028401;
	padding: 30px 0 70px;
    margin-top: -1px;
}
.copyright {
	line-height: 30px;
	font-size: 13px;
    color: #edeff2;
    padding-left: 90px;
}
.error404 .searchform{
    width: 100%;
}
.error404 .searchform #s{
    border: 1px solid #808080;
    color: #808080;
}
.error404 .searchform > div:before{
    color: #808080;
}
.img-mobile{
    display: none;
}
/* TESTIMONIAL */
.testimonial .owl-carousel .owl-nav > div{
    width: 45px;
    height: 68px;
    background: url('images/assets/arr-left.png');
    text-align: center;
    line-height: 28px;
    position: absolute;
    top: 30%;
    left: 0;
    color: #FFF;
    margin-top: -15px;
}
.testimonial .owl-carousel .owl-nav > div.owl-next{
    right: 0px;
    left: auto;
    background: url('images/assets/arr-right.png');
}
.testimonial {
    text-align: center;
}
.testimonial .item {
    padding: 0 120px;
    font-size: 21px;
    line-height: normal;
    font-weight: 400;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
}
.testimonial h2 {
    font-size: 21px;
    font-weight: 700;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
}
/* Contact form */
input[type="radio"]{
    display: none;
}
.input-hidden{
    color: #808080;
}
.field-check{
    line-height: 36px;
}
.field-check label {
    font-weight: inherit;
    position: relative;
    font-size: 16px;
    color: #808080;
    padding-left: 40px;
    min-height: 28px;
    line-height: 28px;
    z-index: 98;
}
.field-check label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #028401;
    font-size: 16px;
    line-height: 20px;
    font-family: FontAwesome;
    text-align: center;
    color: #028401;
}
input[type="radio"]:checked + label:before{
    content: "f00c";
}
.input-hidden{
    opacity: 0;
    visibility: hidden;
    display: none;
}
input[id="loc-other"]:checked + label + br + span.input-hidden{
    display: block;
    opacity: 1;
    visibility: visible;
}

.site-content h2, .site-content h3, .site-content img{
    	margin-bottom: 20px !important;
}

.site-content h3{
	font-size: 22px;
	text-transform: uppercase;
	display: inline-block;
}

.site-content h2{
	font-size: 28px;
	text-transform: uppercase;
	display: inline-block;
}

.site-content ul, .site-content ol{
	margin-left: 20px;
	margin-bottom: 20px;
}

.sub-menu .sub-menu{
	left: 270px;
	margin-top: 0;
	top: 0;
}

.page-template-page-home .entry-content h2{
	display: block;
	text-align: center;
}

body{
	overflow-x: hidden;
}
.more-link{
    font-size: 18px;
    color: #028401;
}
.more-link:hover{
    text-decoration: underline;
}
.post-desc .more-link{
    display: none;
}
.more-info .social-share{
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin-left: 10px;
    margin-bottom: 0;
}
.more-info .social-share li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.more-info .social-share li a {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background-color: #516EAB;
}
.more-info .social-share li a i.fa {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.more-info .social-share li.twitter-share a {
    background-color: #1DA1F2;
}
.more-info .social-share li.google-share a {
    background-color: #DC4E41;
}

@media all and (max-width: 767px){
	.site-content h2{
		font-size: 28px;
	}
    .home .item-four-section .meta-section{
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY( -50% );
        -moz-transform: translateY( -50% );
        -ms-transform: translateY( -50% );
        -o-transform: translateY( -50% );
        -webkit-transform: translateY( -50% );
        z-index: 9;
    }
    .home .item-four-section .meta-section .title-section{
        color: #fff;
    }
	.home .item-four-section .meta-section .desc-section,
	.home .item-four-section .meta-section .find-out{
		display: none;
	}
	.img-section:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 2;
    }
    .intro-page-home .wpb_text_column p{
        text-align: left !important;
    }
	.home .item-four-section .img-section img{
		margin-bottom: 0 !important;
	}
	
	.home .item-four-section .img-section .img-hover{
		display: none;
	}

	.site-bottom .container{
		display: none;	
	}
    .copyright{
        padding-left: 0;
    }
}

.tables, td, th {    
    border: 1px solid #ddd;
    text-align: left;
}

.tables {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 15px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}