/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css?family=Lato');

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */







/* ==========================================================================


   1. BASE STYLES                                             


   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

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

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
	background: #fff;
	color: #1e1e1e;
	font-family: TMSans-Regular , sans-serif;
	font-size: 18px;
	line-height: 28px;
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container {
  float: none;
  max-width: 1170px;
  margin: 0 auto;
}

a { 
	text-decoration: none;
	outline: none;
	color: #1e1e1e;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
a:hover, a:focus { 
	text-decoration: none;
	outline: none;
	color: #efa020; 
}

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #488139;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #488139;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {max-width: initial;}



/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {} 
p:last-child {
	margin: 0;
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: TMsans-SemiBold;
	font-weight: 600;
	margin: 5px 0 10px;
	line-height: 1.3;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
	font-size: 60px;
	margin-top: 0;
}
h2 {
	font-size: 36px;
	font-family: 'TMSans-Black';
	font-weight: 900;
}
h3 {
	font-size: 36px;
	font-family: 'TMSans-Black';
	font-weight: 900;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 22px;
	font-family: TMsans-Bold;
	font-weight: 700;
}
h6 {
	font-size: 18px;
	font-family: TMsans-Bold;
	font-weight: 700;
}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}



.padding_tb{
	padding-top: 55px;
	padding-bottom: 55px;
}


/* ==========================================================================
   Header
   ========================================================================== */

.custom_header {
    background: #f5f5f5;
    padding: 0 25px;
}
.navbar-header{
	display: table;
    height: 100px;
}
.custom_header a.navbar-brand {
    height: auto;
	padding: 15px 0 15px;
	display: table-cell;
    vertical-align: middle;
    float: none;
} 
.hr_col {
    display: inline-block;
    vertical-align: top;
}
.hr_col.hr_col1 {
	padding: 37px 0 28px;
}
.hr_col1 .connect_col {
	display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    border-right: 2px solid #bdccd7;
    line-height: 1.2;
	font-size: 16px;
	font-family: TMsans-SemiBold;
	font-weight: 600;
}
.hr_col1 .connect_col:last-child{
	padding-right: 0;
	border-right: 0 none;
}  
.hr_col1 .connect_col span.icon {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
} 



/*==== Menu Css ====*/

.navbar.navbar-default {
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}
.navbar.navbar-default .navbar-collapse {
    border: none;
}
.navbar.navbar-default .navbar-collapse .navbar-nav {
    float: none;
    padding: 0;
	display: block;
    text-align: center;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li {
	padding: 30px 0 29px;
    float: none;
    display: inline-block;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li a {
    color: #0c0c0c;
    font-size: 16px;
    padding: 10px 22px;
	font-family: TMsans-SemiBold;
	position: relative;
	font-weight: 600;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li a:before{
	background: #efa020;
	width: 46%;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -23%; 
	content: "";
	opacity: 0;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li a:after{
	background: #efa020;
	width: 46%;
	height: 2px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -23%; 
	content: "";
	opacity: 0;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li a:hover,
.navbar.navbar-default .navbar-collapse .navbar-nav li a:focus,
.navbar.navbar-default .navbar-collapse .navbar-nav li.active a, 
.navbar.navbar-default .navbar-collapse .navbar-nav li.active a:hover,
.navbar.navbar-default .navbar-collapse .navbar-nav li.active a:focus{
	background: transparent;
	color: #efa020;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li.active a:before,
.navbar.navbar-default .navbar-collapse .navbar-nav li a:hover:before{
	top: 0;
	opacity: 1;
}
.navbar.navbar-default .navbar-collapse .navbar-nav li.active a:after,
.navbar.navbar-default .navbar-collapse .navbar-nav li a:hover:after{
	bottom: 0;
	opacity: 1;
}
.header_col.header_col3 {
    text-align: right;
}
.social_sec ul.social_list li:last-child {
    margin: 0;
}
.social_sec ul.social_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social_sec ul.social_list li {
    display: inline-block;
    vertical-align: top;
	margin-right: 10px;
    font-size: 19px;
}
.social_sec ul.social_list li a{
	color: #efa020;
}
.social_sec ul.social_list li a:hover{
	color: #5e974f;
}
.get_touch.hr_col.hr_col2 {
	padding: 25px 0 25px 30px;
}
.cmn_btn {
    display: inline-block;
    font-family: TMsans-SemiBold;
	font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background: #efa020;
    padding: 12px 45px;
    text-align: center;
    white-space: normal !important;
    outline: none;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.cmn_btn:hover,
.cmn_btn:focus{
	color: #fff;
}
.cmn_btn:after{
	content: '';
	width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #49a346;
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
    transition: all 0.3s;
}
.cmn_btn:hover:after{
	height: 100%;
}


/* ==========================================================================
   Content                                                 
   ========================================================================== */

/*========= Home Page Css =========*/


.home_banner_sec .h_bann_inn {
    position: relative;
}
.home_banner_sec .h_bann_inn .hbann_col {
    padding: 0;
}
.home_banner_sec .h_bann_inn .hbann_col.hbann_col1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 53%;
	height: 100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-image: url(images/banner-bg.png);
	z-index: 10;
	padding-right: 100px;
	padding-left: 60px;
}
.home_banner_sec .h_bann_inn .hbann_col.hbann_col2{
	float: right;
}
.home_banner_sec .banner-wrapper {
    min-height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.home_banner_sec .banner-wrap-inn {
    display: table;
    width: 100%;
    height: 800px;
	padding-top: 100px;
	padding-bottom: 100px;
}
.home_banner_sec .banner-wrap-inn .bann_container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.home_banner_sec .banner-wrap-inn  .banner-description {
    color: #fff;
}
.home_banner_sec .banner-wrap-inn .banner-description h1 {
    margin: 0 0 35px;
}
.home_banner_sec .banner-wrap-inn .banner-description ul {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
    display: block;
}
.home_banner_sec .banner-wrap-inn .banner-description ul li {
    display: inline-block;
    padding-left: 30px;
    margin-right: 30px;
	position: relative;
	font-family: TMsans-SemiBold;
	font-weight: 600;
	text-transform: uppercase;
}
.home_banner_sec .banner-wrap-inn .banner-description ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 17px;
	width: 18px;
	background: url(images/check.png) no-repeat;
	content: '';
}
.home_banner_sec .banner-wrap-inn .banner-description ul li:last-child {
    margin-right: 0;
}
.home_banner_sec .banner-wrap-inn .banner-btn_sec {
    margin: 0 0 30px;
}
.home_banner_sec .banner-wrap-inn .banner-btn_sec a.cmn_btn.bann_btn {
    padding: 15px 45px;
}
.home_banner_sec .banner-wrap-inn .banner_con_sec,.home_banner_sec .banner-wrap-inn .banner_con_sec a {
    color: #fff;
	font-family: 'TMSans-Black';
	font-weight: 900;
}
.home_banner_sec .banner-wrap-inn .banner_con_sec a:hover{
	color: #efa020;
}
.custom_slider_navigation {
	position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    margin-left: 0;
    z-index: 15;
    padding: 0 100px 0 60px;
    text-align: center;
}
.custom_slider_navigation a.slidernav {
    height: 35px;
    width: 35px;
    display: inline-block;
    background: #efa020;
    font-size: 27px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
.custom_slider_navigation a.slidernav:hover{
	background: #49a346;
}
.custom_slider_navigation a.slidernav i {
    line-height: 32px;
}
   
/*===== Video Section Css =====*/

.video_sec{
	background: url(images/vid-bg.png) no-repeat;
	background-size: cover;
	background-position: center center;
}   
.video_sec .paly_video {
    max-width: 489px;
    width: 100%;
    height: 486px;
    position: relative;
}  
.video_sec .paly_video .vi_img {
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 2;
}
.shadow{
	position: absolute;
    bottom: 50%;
    left: 50%;
    height: 80%;
    width: 80%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    z-index: 0;
    margin-left: -40%;
    margin-bottom: -40%;
	background: transparent;
    content: "";
    box-shadow: 0px 22px 120px #000;
	-moz-box-shadow: 0px 22px 120px #000;
	-webkit-box-shadow: 0px 22px 120px #000;
	-o-box-shadow: 0px 22px 120px #000;
	-ms-box-shadow: 0px 22px 120px #000;
}
.video_sec .paly_video .play_btn {
    width: 78px;
    height: 78px;
    background-image: url(images/vid-play.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.video_sec .paly_video .play_btn:hover {
    background-position: 0px -78px;
}
.modal-header .close {
	margin-top: 0;
    background-color: #49a346;
    color: #fff;
    padding: 0 4px 4px;
    outline: none;
    opacity: 1;
    position: relative;
    top: -9px;
    right: 2px;
}
.modal-header .close:hover {
    background-color: #000;
}  
.vid_right_cnt {
    padding-left: 50px;
}
.vid_right_cnt h3 {
    color: #efa020;
    margin: 0 0 20px;
}
.vid_right_cnt ul {
    list-style: none;
    margin: 0 0 25px;
    padding: 0;
}
.vid_right_cnt ul li {
    padding-left: 30px;
    position: relative;
    display: block;
    font-size: 18px;
    color: #2b2b2b;
    font-family: TMsans-SemiBold;
	font-weight: 600;
    margin: 0 0 10px;
}
.vid_right_cnt ul li:last-child {
    margin: 0;
}
.vid_right_cnt ul li:before{
	background: url(images/bullet-circle.png) no-repeat;
	height: 19px;
	width: 19px;
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
}
.vid_right_cnt a.cmn_btn.vid_btn {
    padding: 15px 45px;
    margin-top: 5px;
} 
 
/*==== Services Section Css ====*/

.ser_sec_wrap {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.ser_sec_wrap .container{
	position: relative;
	z-index: 1;
}
.ser_sec_wrap:before {
    content: "";
    background: rgba(239,160,32,.9);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.sectiontitle {
    margin: 0 0 45px;
    color: #fff;
}
.sectiontitle p {
    font-size: 26px;
    line-height: 1.1;
    margin: 0 0 10px;
}
.sectiontitle h3 {
    line-height: 40px;
    text-transform: uppercase;
    margin: 0;
} 
.ser_post .servicebox {
    padding-right: 10px;
    position: relative;
	margin-bottom: 15px;
	
}
.ser_post .servicebox .seviceimage{
	overflow: hidden;
}
.ser_post .servicebox .seviceimage img {
    width: 100%;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.ser_post .servicebox:hover .seviceimage img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.ser_post .servicebox .servicetitle {
    background: #49a346;
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 1;
}
.ser_post .servicebox .servicetitle:after{
	position: absolute;
    right: 0px;
    bottom: -8px;
    margin-top: 0px;
    height: 8px;
    width: 8px;
    content: "";
    background: url(images/ser-title-after.png) 0px 0px;
    background-repeat: no-repeat;
}
.ser_post .servicebox .servicetitle h4 {
    font-size: 22px;
    line-height: 1.3;
    color: #fff;
    margin: 0;
    font-family: TMsans-Bold;
	font-weight: 700;
    text-transform: uppercase;
}
.ser_post .servicebox .servicetitle h4 a{
	color: #fff;
	display: block;
	position: relative;
    padding: 12px 75px 12px 18px;
}
.ser_post .servicebox .servicetitle h4 a:after{
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -7px;
	height: 14px;
	width: 24px;
	content: "";
	background: url(images/arrow-right-right.png) 0px 0px;
	background-repeat: no-repeat;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
.ser_post .servicebox .servicetitle h4 a:hover:after{
	background-position: 0px -15px;
}
.ser_post .servicebox .servicetitle h4 a:hover{
	color: #000;
}

/*==== Steps Section Css ====*/
.cstep_sec_wrap{
	position: relative;
}
.cstep_sec_wrap:before{
	position: absolute;
	left: 0px;
	top: 0;
	margin-top: 0;
	height: 100%;
	width: 420px;
	content: "";
	background: url(images/left-dot.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.cstep_sec_wrap:after{
	position: absolute;
	right: 0px;
	top: 0;
	margin-top: 0;
	height: 100%;
	width: 420px;
	content: "";
	background: url(images/left-dot.png) no-repeat;
	background-size: cover;
	background-position: center center;
	transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}
.cstep_sec_wrap .container{
	position: relative;
	z-index: 1;
}
.cstep_sec_wrap .sectiontitle {
    color: #efa020;
	margin: 0 0 70px;
}
.cstep_sec_wrap .sectiontitle p {
    text-transform: capitalize;
}
.stepsbigimage{
	max-width: 489px;
    width: 100%;
    height: 486px;
    position: relative;
}
.step_img_inn {
	max-width: 489px;
    width: 100%;
    height: 486px;
    background-image: url(images/circlebg.png);
    background-position: center center;
    background-size: cover;
    display: table;
    padding: 95px 0 20px 0px;
    overflow: hidden;
	position: relative;
    z-index: 2;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.step_img_inn:hover{
	transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
} 
.step_img_inn .main_big_img{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.step_img_inn .main_big_img img{
	display: inline-block;
}
.ct_main_steps {
    display: table;
    width: 100%;
    height: 720px;
}
.ct_main_steps .step_col {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.ct_main_steps .step_col1 {
	position: relative;
	padding-right: 60px;
}
.ct_main_steps .step_col1 .step_main_inn{
	position: relative;
	height: 100%;
	min-height: 720px;
}
.ct_main_steps .step_col1 .steps {
    height: 254px;
    width: 254px;
    background: #f2f2f2;
    display: table;
	padding: 25px 70px;
    text-align: center;
	position: absolute;
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.ct_main_steps .step_col1 .steps:hover{
    cursor: pointer;
    animation-name: bounce;
    -moz-animation-name: bounce;
}
.ct_main_steps .step_col1 .steps .step_box {
    display: table-cell;
    vertical-align: middle;
	font-family: 'TMSans-Black';
	font-weight: 900;
	font-size: 22px;
    line-height: 30px;
}
.ct_main_steps .step_col1 .steps .step_box .step_cnt {
    color: #49a346;
	text-transform: uppercase;
}
.ct_main_steps .step_col1 .steps .step_box  span.step_no {
    height: 67px;
    width: 67px;
    background: #efa020;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: -35px;
    color: #fff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}
.ct_main_steps .step_col1 .steps.step2 span.step_no {
    right: -30px;
    left: auto;
}
.ct_main_steps .step_col1 .steps.step1 {
    top: 0;
    right: 0;
}
.ct_main_steps .step_col1  .steps.step2 {
    left: 0;
    top: 50%;
    margin-top: -127px;
}
.ct_main_steps .step_col1 .steps.step3 {
    bottom: 0;
    right: 0;
} 
.stp_bottom_cnt {
    padding-top: 60px;
} 
.stp_left_cnt {
    padding-left: 20px;
}
.stp_left_cnt .stp-bottomtext{
	color: #1a1a1a;
}
.stp_left_cnt a.cmn_btn.getquote {
    margin-top: 20px;
	margin-bottom: 20px;
}
.get_started_sec {
    color: #efa020;
    font-family: 'TMSans-Black';
	font-weight: 900;
}
.get_started_sec a{
	color: #efa020;
}
.get_started_sec a:hover{
	color: #000;
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform:    translateY(0);
        -o-transform:      translateY(0);
        -ms-transform:     translateY(0);
        transform:         translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        -ms-transform:     translateY(-30px);
        -moz-transform:    translateY(-30px);
        -o-transform:      translateY(-30px);
        transform:         translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform:     translateY(0px);
        -moz-transform:    translateY(0px);
        -o-transform:      translateY(0px);
        transform:         translateY(0px);
    }
}
 

/*===== CTA Section css =====*/

.cta_sec {
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	background-image: url(images/cta-bg.png);
    position: relative;
}
.cta_home_top{
	border-bottom: 2px solid #fff;
} 
.cta_sec:before {
    content: "";
    background: rgba(239,160,32,.9);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.cta_sec .container{
	position: relative;
	z-index: 1;
}
.cta_sec span.car_img {
    position: absolute;
    right: 0;
    bottom: -70px;
}
.cta_sec .cta_cnt_inner {
    text-align: center;
	font-size: 36px;
	line-height: 40px;
	color: #ffffff;
	font-family: TMsans-SemiBold;
	font-weight: 600;
}
.cta_sec .cta_cnt_inner p{
	text-transform: uppercase;
        font-family: 'TMSans-Black';
}
.cta_sec .cta_cnt_inner a.cmn_btn.getquote{
	background: #49a346;
	margin-top: 10px;
}
.cta_sec .cta_cnt_inner a.cmn_btn.getquote:hover{
	color: #49a346;
}
.cta_sec .cta_cnt_inner a.cmn_btn.getquote:hover:after {
	background: #fff;
}
   

/*===== Home Blog Section =====*/

.blog_sec {
    background: #f5f5f5;
}
.blog_sec .sectiontitle {
    color: #efa020;
}
.blog .blog_post {
    margin: 0 0 15px;
}
.blogwrap {
    background: #fff;
    padding: 20px;
}
.blogwrap .blog_img {
	overflow: hidden;
}   
.blogwrap .blog_img img {
    width: 100%;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.blogwrap:hover .blog_img img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.blogwrap .blog_inn_cnt {
    padding-top: 15px;
}
.blogwrap .blog_inn_cnt .blogdate {
    padding: 15px 30px;
    background: #1f2731;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
	line-height: 1;
    text-transform: uppercase;
    font-family: TMsans-Bold;
	font-weight: 700;
    margin: 0 0 20px;
}
.blogwrap .blog_inn_cnt h6 {
    text-transform: uppercase;
	margin: 0 0 20px;
}
.blogwrap .blog_inn_cnt h6 a {
    color: #efa020;
	height: 46px;
    display: block;
}
.blogwrap .blog_inn_cnt h6 a:hover {
    color: #000;
}
.blogwrap .blog_inn_cnt .short_des {
    font-size: 16px;
    line-height: 26px;
    color: #1e1e1e;
    margin: 0 0 15px;
}   
.blogwrap .blog_inn_cnt .read_more_sec {
    text-align: right;
}
a.readmore {
    font-size: 14px;
    line-height: 20px;
    color: #49a346;
    font-family: TMsans-SemiBold;
	font-weight: 600;
    position: relative;
    padding-bottom: 5px;
	padding-top: 5px;
    display: inline-block;
}
a.readmore:hover{
	color: #000;
}
a.readmore:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #000;
    content: "";
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}
a.readmore:hover:after{
	background: #49a346;
	top: 0;
	bottom: auto;
}



/* ==========================================================================
   Footer
   ========================================================================== */

/*==== Footer Top Css ====*/

.footer_1 {
    padding-top: 55px;
	background-image: url(images/footer-top-bg.png);
    background-position: center center;
    background-size: cover;
	background-repeat:  no-repeat;
	position: relative;
}   
.footer_1:before{
	content: "";
    background: rgba(73,163,70,.9);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}  
.ftform_wrap {
    background: #efa020;
    padding: 35px;
}
.ftform_wrap .sectiontitle {
    text-align: center;
    margin: 0 0 30px;
}
.ftform_wrap .form_grp .form-control {
    font-size: 16px;
    color: #1e1e1e;
    height: 40px;
    border-radius: 0;
    border: none;
	margin: 0 0 25px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
} 

/* Placeholder Text */
.ftform_wrap .form_grp .form-control::-webkit-input-placeholder { /* Webkit Browsers */
	color: #1e1e1e;
	opacity: 1; 
}
.ftform_wrap .form_grp .form-control:-moz-placeholder { /* Firefox 18- */
	color: #1e1e1e;
	opacity: 1; 
}
.ftform_wrap .form_grp .form-control::-moz-placeholder { /* Firefox 19+ */
	color: #1e1e1e;
	opacity: 1; 
}
.ftform_wrap .form_grp .form-control:-ms-input-placeholder { /* IE10 */
	color: #1e1e1e;
	opacity: 1; 
}

.ftop_col2 {
    padding: 0 50px;
}
.ftop_col2 .sectiontitle {
    text-align: center;
    padding-top: 30px;
}
.ftop_col2 .test_cnt {
    padding: 40px 25px;
    background: #ffffff;
    font-style: italic;
	font-family: TMsans-SemiBold;
	font-weight: 600;
	text-align: center;
	margin: 0 0 15px;
}
.ftop_col2 .testimonials_post_header {
    text-align: right;
	padding-right: 2px;
}
.ftop_col2 .testimonials_post_header h4.testimonials_post_title {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    display: inline-block;
    font-style: italic;
    padding: 20px 50px;
    border: 2px solid #fff;
    margin: 23px 0 0 92px;
	position: relative;
	text-align: center;
	white-space: normal;
    border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}   
.ftop_col2 .testimonials_post_header h4.testimonials_post_title:before{
	position: absolute;
    left: -85px;
    top: -15px;
    margin-top: -7px;
    height: 57px;
    width: 75px;
    content: "";
    background: url(images/test-title_bfr.png) 0px 0px;
}
.testimonials_carousel .owl-dots{
    text-align: center;
    margin: 70px 0 0px;
}
.testimonials_carousel .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    opacity: 1;
	margin: 0 5px;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.testimonials_carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.testimonials_carousel .owl-dots .owl-dot span {
    opacity: 1;
	background: #ffffff;
}
.testimonials_carousel .owl-dots .owl-dot.active span,
.testimonials_carousel .owl-dots .owl-dot:hover span {
    background: #efa020;
    opacity: 1;
}
.ftform_wrap .btn_grp {
    text-align: center;
}
.ftform_wrap .btn_grp .form-btn {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-family: TMsans-SemiBold;
	font-weight: 600;
    font-size: 18px;
    display: block;
    padding: 15px 45px;
}
.ftform_wrap .btn_grp span.cmn_btn.form_bbtn {
    padding: 0;
	background: #49a346;
}  
.ftform_wrap .btn_grp span.cmn_btn.form_bbtn:hover{ 
    color: #49a346;
}
.ftform_wrap .btn_grp span.cmn_btn.form_bbtn:after {
    background: #fff;
}
.ftform_wrap .btn_grp span.cmn_btn.form_bbtn span.ajax-loader {
    position: absolute;
    bottom: -20px;
    left: 0;
}
.ftform_wrap div.wpcf7-validation-errors, 
.ftform_wrap div.wpcf7-mail-sent-ng, 
.ftform_wrap div.wpcf7-mail-sent-ok {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 10px 0px;
    color: #fff;
    border: none;
    font-size: 16px;
}
.ftform_wrap span.wpcf7-not-valid-tip {
    position: relative;
    top: -18px;
    color: #fff;
	font-size: 16px;
}

/*==== Footer Main Css ====*/

.footer_3 {
    background: #f1f1f1;
    padding: 68px 0;
}
.navbar_footer a.footer-brand {
    display: block;
    margin: 0 0 20px;
}
.widget_cnt .about_cnt {
    font-size: 16px;
    line-height: 22px;
    color: #1b1b1b;
}
.widget_cnt  .fread_more {
    text-align: right;
}
h6.widget_title {
    font-size: 22px;
    line-height: 1.3;
    color: #49a346;
    padding: 0 0 15px;
    margin: 0 0 25px;
    border-bottom: 1px solid #49a346;
}
.fmenu_col.fmenu_col1 {
    padding-left: 0;
}
.footer-links{
	float: none;
	margin: 0;
}
.footer-links .menu,
.widget_cnt ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_cnt ul li,
.footer-links .menu li{
	float: none;
	display: block;
	margin:  0 0 15px;
	padding-left: 15px;
	position: relative;
	font-size: 16px;
	line-height: 22px;
	color: #1a1a1a;
	font-family: 'Lato', sans-serif;
	text-transform: capitalize;
}
.widget_cnt ul li a,
.footer-links .menu li a,
.widget_cnt address a{
	color: #1a1a1a;
}
.widget_cnt ul li a:hover,
.footer-links .menu li a:hover,
.widget_cnt address a:hover,
.widget_cnt ul li.active a{
	color: #49a346;
}
.widget_cnt ul li:last-child,
.footer-links .menu li:last-child{
	margin: 0;
}
.widget_cnt ul li:before,
.footer-links .menu li:before{
	background: url(images/arrow-blue.png) no-repeat;
	height: 12px;
	width: 7px;
	position: absolute;
	left: 0;
	top: 6px;
	content: "";
}
.widget_cnt address {
    font-size: 16px;
    line-height: 22px;
    color: #1a1a1a;
    margin: 0;
}
.widget_cnt address > span {
    display: block;
    margin: 0 0 15px;
}
.widget_cnt address > span i.fa {
    display: inline-block;
    margin-right: 10px;
    color: #efa020;
    font-size: 18px;
}

/*==== Footer Copy Right Css ====*/

.footer_4 {
    background: #636363;
    padding: 32px 0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
	position: relative;
}
.footer_4 .fcppy_col.fcppy_col2 {
    text-align: right;
}
.footer_4 .fcppy_col.fcppy_col2 a {
    display: inline-block;
    position: relative;
    margin-left: 3px;
    top: -3px;
}
.footer_4 .footer_social_icons {
    background: #49a346;
    position: absolute;
    left: 0;
    top: -26px;
    max-width: 640px;
    width: 100%;
    z-index: 10;
	padding: 13px 25px 12px;
    margin-right: 25px;
	height: 47px;
}
.footer_4 .footer_social_icons:after{
	background: url(images/bg-g.png) no-repeat;
	height: 47px;
	width: 24px;
	position: absolute;
	right: -23px;
	top: 0px;
	content: "";
}
.footer_4 .footer_social_icons ul.social_list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.footer_4 .footer_social_icons ul.social_list li {
    padding: 0 10px;
    float: left;
    font-size: 20px;
}
.footer_4 .footer_social_icons ul.social_list li a {
    color: #fff;
}
.footer_4 .footer_social_icons ul.social_list li a:hover {
    color: #efa020;
}

/*==== Back TO Top Css ====*/

span.back-top {
    height: 49px;
    width: 49px;
    position: absolute;
    top: -25px;
    right: 40px;
    background-color: #49a346;
    font-size: 30px;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
span.back-top:hover{
	background-color: #efa020;
}



/* ==========================================================================
   Forms
   ========================================================================== */


/* All Global Forms
   ========================================================================== */


/* Labels */
body label {}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
	width: 100%;
	font-family: TMSans-Regular;
	font-size: 14px;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}

/* Separate Styles for Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

body input[type="radio"] {}
body input[type="checkbox"] {}


/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}



/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body input[type="submit"],
body input[type="button"] {
	cursor: pointer;
	-webkit-appearance: none;
	font-family: TMSans-Regular;
	font-size: 14px;
	text-decoration: none !important;
}

body input[type="submit"]:hover,
body input[type="button"]:hover {}

body input[type="submit"]:focus,
body input[type="button"]:focus {}



/*=========== Inner Page Css =============*/



#main article,
#content{
	padding: 0;
	margin: 0;
}

/*=== Inner Banner Css ===*/

.inner-banner {
    height: 425px;
    width: 100%;
    display: table;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	margin-bottom: 0px;
}
.inner-banner:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(73,163,70,.9);
}
.bann_left {
    text-align: left;
}
.bann_right {
    text-align: right;
}
.bann_left img ,
.bann_right img{
    display: inline-block;
}
.inner-banner .custom_banner_inn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 12;
}
.inner-banner .b_in {
    display: table;
    width: 100%;
    height: 370px;
}
.inner-banner .b_in .banner_col {
    display: table-cell;
    vertical-align: middle;
    float: none;
    text-align: center;
}
.banner_col.banner_col2 {
	padding: 25px;
}
.inner-banner .custom_bann_caption{
	text-align: center;
	color: #fff;
}
.inner-banner .custom_bann_caption h2 {
    line-height: 1.3;
    color: #fff;
    margin: 0 0 15px;
	position: relative;
	text-transform: capitalize;
}
.ct_breadcrumb {
    color: #fff;
}
.bread_crumb_inner {
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
	position: relative; 
	display: inline-block;
	margin: 0;
}
.bread_crumb_inner p#breadcrumbs {
    margin: 0;
}
.bread_crumb_inner a{
	color: #fff;
}
.bread_crumb_inner a:hover{
	color: #000;
}
.bread_crumb_inner span.breadcrumb_last{
	color: #fff;
}


/*==== Single Service Page Css ====*/

.ser_page_col2 section.post_content {
    padding-top: 60px;
}
.ser_page_col2 section.post_content h4 {
    font-size: 26px;
    line-height: 1.3;
    color: #488139;
    font-family: TMSans-Regular;
    margin: 0 0 20px;
}
.ser_page_col2 section.post_content h3.service_single_title {
    color: #efa020;
    text-transform: uppercase;
    margin: 0 0 20px;
	font-family: TMsans-Bold;
	font-weight: 700;
}
.ser_page_col2 section.post_content a.cmn_btn.getquote {
    margin: 30px 0;
}

/*==== Contact Page Css ====*/


.contact_page{
	padding-top: 55px;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/contact-bg.png);
    position: relative;
}
.contact_page:before{
	content: "";
    background: rgba(54,54,54,.9);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.contact_page > .container{
	position: relative;
    z-index: 1;
}
.con_page_wrapper {
    display: table;
    width: 100%;
}
.con_page_wrapper .contop_col {
    display: table-cell;
    vertical-align: top;
    float: none;
    position: relative;
}
.con_page_wrapper .contop_col1{
	background: #efa020;
}
.con_page_wrapper .contop_col .ftform_wrap {
	background: transparent;
}
.contop_col.contop_col2 {
    padding-left: 50px;
    padding-top: 25px;
	padding-bottom: 55px;
}
.contop_col.contop_col2 .sectiontitle h3 {
    text-transform: capitalize;
}
.contop_col.contop_col2 .contact_address,
.contop_col.contop_col2 .contact_address a {
    color: #fff;
}
.contop_col.contop_col2 .contact_address a:hover{
	color: #49a346;
}
.contop_col.contop_col2 .contact_address address {
	font-size: 18px;
    line-height: 22px;
	font-family: TMsans-SemiBold;
	font-weight: 600;
    color: #ffffff;
    margin: 0;
} 
.contop_col.contop_col2 .contact_address address > span {
    display: block;
    margin: 0 0 35px;
	padding-left: 28px;
    position: relative;
}
.contop_col.contop_col2 .contact_address address > span i.fa {
	display: inline-block;
    margin-right: 0;
    color: #49a346;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 2px;
}
.acf-map {
    height: 255px;
}
.con_map {
    position: relative;
    padding: 0px 15px 10px 0px;
}
.con_map:before{
	height: 95%;
	width: 15px;
	background: #49a346;
	position: absolute;
	right: 0;
	top: 12px;
	content: "";
}
.con_map:after{
	width: 95%;
	height: 10px;
	background: #49a346;
	position: absolute;
	left: 18px;
	bottom: 1px;
	content: "";
}
.custom_pagination {
    clear: both;
    padding: 0 15px;
    text-align: center;
    margin: 0px 0 0;
}

/*==== Single Post Page ====*/

.blog_post_main .blog_inn_cnt h3 {
    margin: 0 0 5px;
    color: #efa020;
}
.blog_post_main .blog_inn_cnt .blogdate {
    font-size: 16px;
    margin: 0 0 10px;
}
.ct_edit_post {
    clear: both;
    padding: 20px 15px;
}
.blog_post_main .blog_img img {
    width: 100%;
}


/*popup*/
.enquiery-form-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 99;
    display: none;
}
.enquiery-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    padding: 20px;
    border: 1px solid;
    background: #fff;
    z-index: 999;
}
.close-btn {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 16px;
}
div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}
.enq-form label {
    font-size: 14px;
    color: #535353;
    width: 100%;
}
.wpcf7-form-control-wrap {
    position: relative;
}
.enq-form .wpcf7-submit {
    font-size: 16px;
    color: #ffffff;
    background: #efa020 !important;
    padding: 7px 30px;
    border: none;
    margin-top: 10px;
}
.enquiery-form-wrap div.wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 2px solid #ffffff;
}
div.wpcf7-response-output {
    font-size: 16px!important;
    color: #f00!important;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ffffff;
}
.enq-form span textarea {
    height: 100px;
    resize: none;
}
.modal-open {
    overflow: initial;
    padding-right: 0 !important;
}
.video_sec .paly_video .play_btn {
    display: none;
    }


.container-fluid.get_a_free_quote2 {
    background-position: center center;
    padding: 40px 0px 60px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    
}

.form-col {
    max-width: 21%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
}
.form-col input {
    border: 1px solid #fff;
    border-radius: 2px;
    height: 40px;
    color: #000;
    font-size: 16px !important;
    font-weight: 400;
    padding: 0px 12px;
    width: 100%;
    background: #fff;
    outline: none !important;
    resize: none;
}
.form-col textarea {
    border: 1px solid #fff;
    border-radius: 2px;
    height: 40px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 12px;
    width: 100%;
    background: #fff;
    outline: none !important;
    resize: none;
    padding-top: 6px;
}

.submit-btn {
    width: 119px;
    height: 40px;
    float: right;
    cursor: pointer;
}

.submit-btn input {
    width: 100%;
    height: 100%;
    background: #407A16;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    outline: none !important;
    cursor: pointer;
    z-index: 1;
    position: relative;
}
.container-fluid.get_a_free_quote2 h3 {
    color: #fff;
    text-align: center;
    padding-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.get_a_free_quote2:before {
    content: "";
    background: rgba(239,160,32,.9);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}