@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/IVeH6A3MiFyaSEiudUMXExNcqx07xvyppV96iFRdwiM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
html, body {
    height: 100%;
	width:100%;
    font-size: 16px;
    color: #f5f5f5;
    font-family: "Roboto", sans-serif;
    vertical-align: baseline;
	padding:0;
	margin:0;
	-webkit-text-size-adjust: auto;
}
ul,label{
	margin:0;
	padding:0;
}
body a {
	text-decoration:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:active,a:hover,a:focus {outline: none; text-decoration: none;}
.container-fluid{
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}
button:focus {outline: none;}
:before,
:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/***********============================================== hedaer =====================================================***********/
@media only screen and (max-width: 600px) {.navigation{padding:5px 20px;}}
@media only screen and (min-width: 600px) {.navigation{padding:5px 20px;}}
@media only screen and (min-width: 768px) {.navigation{padding:5px 20px;}} 
@media only screen and (min-width: 992px) {.navigation{padding:5px 50px;}} 
@media only screen and (min-width: 1200px) {.navigation{padding:5px 80px;}}
@media only screen and (min-width: 1500px) {.navigation{padding:5px 120px;}}
.navbar-fixed-top{margin-top:0px;}
.navbar-fixed-top ul{ padding-top:25px; padding-bottom:25px;}
.navbar-brand {
    float: left;
    height: 0px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 0px;
	margin:0;
}
.fixed-me{ transition: all 1s ;}
.fixed-me{
    padding: 0px  !important;
    margin-bottom: 5px;
    position: fixed;
    top:0;
	z-index:888;
    width: 100%;
	margin-top:-1px;
    background-color:#999;
}
.navbar-fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
  z-index:10000;
  margin:0px 0px 0px 0px;
  border-radius:0px;
}
.navbar-fixed-top.scrolled ul{ padding-top:25px; padding-bottom:25px;}
.navbar-brand {
    float: left;
    height: 0px;
    padding: 3px 15px 12px 5px;
    font-size: 18px;
    line-height: 0px;
}
.navbar-default {background-color: rgba(255,255,255,0) !important; border:none !important;}
.navbar {font-family: 'Cairo', sans-serif;}
nav.navbar.bootsnav{
    border: none;
    margin-bottom: 150px;
}
nav.navbar.bootsnav ul.nav > li{ margin-right: 0px; }
nav.navbar.bootsnav ul.nav > li > a{
	font-family: 'Cairo', sans-serif;
    padding: 15px;
    margin: 0;
    color: #555;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a{
    padding: 20px 30px 20px 15px;
	font-size:16px;
	font-weight:600;
}
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li.on > a{ color: #222; }
nav.navbar.bootsnav ul.nav > li > a:before{
    content: ".";
    width: 500%;
    height: 300px;
    color: transparent;
    position: absolute;
    top: 100px;
    right: 300px;
    z-index: -1;
    transition: all .5s;
}
nav.navbar.bootsnav ul.nav > li:hover > a:before{
    top: 0;
    left: auto;
    bottom: auto;
    right: -50%;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
    position: absolute;
    margin: 0 0 0 7px;
}
nav.navbar.bootsnav ul.nav > li.dropdown > ul{
    top: 85%;
	background:#fff;
	animation:none;
	display:none;
	left:30%;
}
nav.navbar.bootsnav ul.nav > li.dropdown > ul:hover{display:none;}
.dropdown-menu.multi-dropdown{
    position: absolute;
    left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border: none;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content ul{
	width:100%;
	height:100%;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content li{
    font-size: 14px;
    color: #6f6f6f;
	display:inline-block;
	width:100%;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title{
    font-size: 20px;
    font-weight: bold;
    color: #222;
	padding:2px 5px 5px 5px;
	font-family: 'Cairo', sans-serif;
}
@media only screen and (max-width:990px){
    .dropdown-menu.multi-dropdown{ left: 0 !important; }
    nav.navbar.bootsnav .navbar-toggle{
        background: none;
        color: #fff;
    }
    nav.navbar.bootsnav ul.nav > li{margin-right: 0;}
    nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
        padding: 15px;
        text-align: center;
    }
    nav.navbar.bootsnav ul.nav > li > a{color: #fff;}
    nav.navbar.bootsnav ul.nav > li.on > a,
    nav.navbar.bootsnav ul.nav > li > a:hover{
        color: #000;
    }
    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:after{
        content: "\f105";
        font-family: "FontAwesome"; font-weight: 900;
        font-size: 16px;
        position: absolute;
        right: 15px;
    }
    nav.navbar.bootsnav li.dropdown.on a.dropdown-toggle:after{transform: rotate(90deg);}
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content .title{
        font-size: 14px;
        font-weight: normal;
    }
}
.pl{ padding-left:0px;}
.pr{ padding-right:0px;}
/***********============================================== hedaer =====================================================***********/

/***********============================================== slider =====================================================***********/
#mainSlider .caption{
	top:28%;
	position:absolute;
	left:5%;
}
#owl-main .item {
  height: 44vh;
  background-color: #FFF;
  background-position: center 55%;
  background-size: cover;
}
#owl-main.height-md .item {height: 100vh;}
#owl-main.height-lg .item {height: 100vh;}
#owl-main .container {
  display: table;
  height: inherit;
}
#owl-main .caption {display: table-cell;}
#owl-main .caption.vertical-center {
  vertical-align: middle;
  padding-bottom: 3vh;
}
#owl-main .caption.vertical-top {vertical-align: top;}
#owl-main .caption.vertical-bottom { vertical-align: bottom; padding-bottom: 14vh;}
#owl-main .caption.text-center {padding-left: 10%; padding-right: 10%;}
#owl-main .caption.text-left {padding-right: 20%;}
#owl-main .caption.text-right {padding-left: 20%;}
#owl-main .caption h6, #owl-main .caption h2, #owl-main .caption div {position: relative;}
.owl-controls{ display:none;}
.owl-controls .owl-buttons div{ display:none;}
#mainSlider .mt30{margin-top:30px;}
#mainSlider .mt60{margin-top:60px;}
#mainSlider h6{
	font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    padding: 0px;
    color: #8ba73b;
    margin-bottom: 0px;
}
#mainSlider h2{    
	font-family: 'Cairo', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    padding: 0px;
    color: #222;
    margin-bottom: 20px;
	margin-top:0px;
}
#mainSlider .btn{
	font-family: 'Cairo', sans-serif;
	margin-top: 20px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 36px;
	background-color: #8ba73b;
    color: #fff;
    border: none;
    text-transform: capitalize;
    transition: 0.3s ease;
    font-size: 15px;
	font-weight:600;
	text-align:center;
}
#mainSlider .btn a{color:#fff;}
#mainSlider .btn:hover{background-color: #222;}
#mainSlider .img{
	position: relative;
	margin-top:-30px;
}
#mainSlider .img:before{
    content: '';
    top: 0;
    left: 0;
    background-image: url(../images/sld1.png);
    background-position: top left;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-animation: top_shape 4s infinite;
    animation: top_shape 4s infinite;
}
#mainSlider .img1{
	position: relative;
	margin-top:-60px;
}
#mainSlider .img1:before{
    content: '';
    top: 0;
    left: 0;
    background-image: url(../images/sld2.png);
    background-position: top left;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-animation: top_shape 3s infinite;
    animation: top_shape 3s infinite;
}
#mainSlider .img2{
	position: relative;
	margin-top:-100px;
}
#mainSlider .img2:before{
    content: '';
    top: 0;
    left: 0;
    background-image: url(../images/sld3.png);
    background-position: top left;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    -webkit-animation: top_shape 3s infinite;
    animation: top_shape 3s infinite;
}
/***********============================================== slider =====================================================***********/

/***********============================================== section1 =====================================================***********/
@media only screen and (max-width: 600px) {.section1{padding:80px 20px;}}
@media only screen and (min-width: 600px) {.section1{padding:80px 20px;}}
@media only screen and (min-width: 768px) {.section1{padding:80px 20px;}} 
@media only screen and (min-width: 992px) {.section1{padding:80px 60px;}} 
@media only screen and (min-width: 1200px) {.section1{padding:80px 100px;}}
@media only screen and (min-width: 1500px) {.section1{padding:80px 160px;}}
.section1{background:url(../images/section1back.jpg) no-repeat top/cover;}
.section1 .mt30{margin-top:30px;}
.section1 .sec1{
	background:url(../images/sec1back.png) no-repeat top/cover;
	padding: 35px 0 55px 0;
	border-radius:8px;
}
.section1 h6{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size:16px;
    letter-spacing: 5px;
	font-weight: 600;
	color: #8ba73b;
	transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    z-index: 1;
    line-height: 1;
	margin-top:55px;
}
.section1 h2{
	font-family: 'Cairo', sans-serif;
	font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 15px 32px 0;
}
.section1 p{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    letter-spacing: 0.5px;
    color: #777;
    line-height: 25px;
}
.section1 .btn{
	font-family: 'Cairo', sans-serif;
	margin-top: 20px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 36px;
	background-color: #8ba73b;
    color: #fff;
    border: none;
    text-transform: capitalize;
    transition: 0.3s ease;
    font-size: 15px;
	font-weight:600;
	text-align:center;
}
.section1 .btn a{color:#fff;}
.section1 .btn:hover{background-color: #222;}
/***********============================================== section1 =====================================================***********/

/***********============================================== section2 =====================================================***********/
@media only screen and (max-width: 600px) {.section2{padding:80px 20px;}}
@media only screen and (min-width: 600px) {.section2{padding:80px 20px;}}
@media only screen and (min-width: 768px) {.section2{padding:80px 20px;}} 
@media only screen and (min-width: 992px) {.section2{padding:80px 50px;}} 
@media only screen and (min-width: 1200px) {.section2{padding:50px 150px 80px 150px;}}
@media only screen and (min-width: 1500px) {.section2{padding:50px 170px 80px 170px;}}
.section2{background:#f0f0f0;}
.section2 .mt30{margin-top:30px;}
.section2 .post-slide{margin:30px 15px 0px 15px; background:#fff;}
.section2 h2{
	font-family: 'Cairo', sans-serif;
	font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
	text-align:center;
}
.section2 h2 span{color: #8ba73b;}
.section2 img{padding:15px 15px 0px 15px; margin:0 auto; text-align:center;}
.section2 h6{
	font-family: 'Lato', sans-serif;
	color: #8ba73b;
	font-size: 14px;
    line-height: 28px;
    margin-top: 16px;
    font-style: italic;
	margin-bottom:0px;
}
.section2 h4{
	font-family: 'Cairo', sans-serif;
	font-size: 24px;
    line-height: 1.4;
	font-weight:700;
	color:#27272f;
	margin:0;
}
.section2 h5{
	font-family: 'Lato', sans-serif;
	font-weight:600;
	color: #8ba73b;
	margin-top:20px;
	font-size:20px;
}
.section2 .detail{
	padding: 0px 30px 20px 30px;
}
.section2 .btn{
	font-family: 'Lato', sans-serif;
	margin-top: 20px;
    text-transform: uppercase;
    border-radius: 30px;
    color: #27272f;
	padding: 10px 20px;
    border: none;
    text-transform:uppercase;
    transition: 0.3s ease;
    font-size: 13px;
	font-weight:700;
	border: 2px solid #e9e7de;
	text-align:center;
}
.section2 .fa{ padding-right:10px; font-size:16px;}
.section2 .btn a{color:#27272f;}
.section2 .btn:hover{background-color: #8ba73b; color:#fff;}
.section2 .btn:hover a{color:#fff;}
.section2 .icon{
	width: 40px;
    height: 40px;
    padding: 5px;
    margin: 20px 2px 0;
    position: relative;
    white-space: nowrap;
    font-size: 0px;
    font-size: 0rem;
    margin-bottom: 1px;
	border-radius:50%;
    background-color: #f2f4ec;
}
.section2 .icon .fa{ color:#27272f; text-align:center; margin:0 auto; padding:6px 7px;}
/***********============================================== section2 =====================================================***********/

/***********============================================== section3 =====================================================***********/
@media only screen and (max-width: 600px) {.section3{padding:80px 20px;}}
@media only screen and (min-width: 600px) {.section3{padding:80px 20px;}}
@media only screen and (min-width: 768px) {.section3{padding:80px 20px;}} 
@media only screen and (min-width: 992px) {.section3{padding:0px 50px 50px 0px;}} 
@media only screen and (min-width: 1200px) {.section3{padding:0px 0px 50px 0px;}}
@media only screen and (min-width: 1500px) {.section3{padding:0px 0px 50px 0px;}}
.section3 .whiteback{background:#fff;}
.section3 .mt20{margin-top:20px;}
.section3 .mt30{margin-top:30px;}
.section3 .mt140{margin-top:140px;}
.section3 h6{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
}
.section3 h2{
	font-family: 'Cairo', sans-serif;
	font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.section3 h2 span{color: #8ba73b;}
.section3 p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:5px;
	text-align:justify;
}
.section3 ul{margin:0px auto 0 auto;}
.section3 li {
    display: inline-block;
    padding-right: 0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:3px;
}
.section3 .btn{
	font-family: 'Cairo', sans-serif;
	margin-top: 30px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 36px;
	background-color: #8ba73b;
    color: #fff;
    border: none;
    text-transform: capitalize;
    transition: 0.3s ease;
    font-size: 15px;
	font-weight:600;
	text-align:center;
	margin-bottom:20px;
}
.section3 .btn a{color:#fff;}
.section3 .btn:hover{background-color: #222;}
.section3 li .fa{color:#7d9837; font-size:13px;}
/***********============================================== section3 =====================================================***********/

/***********============================================== footer =====================================================***********/
@media only screen and (max-width: 600px) {.footer{padding:80px 20px;} .footer-copy {padding: 20px 10px 10px 10px;}}
@media only screen and (min-width: 600px) {.footer{padding:80px 20px;} .footer-copy {padding: 20px 10px 10px 10px;}}
@media only screen and (min-width: 768px) {.footer{padding:80px 20px;} .footer-copy {padding: 20px 10px 10px 10px;}} 
@media only screen and (min-width: 992px) {.footer{padding:30px 30px 80px 30px;} .footer-copy {padding: 20px 30px 10px 30px;}} 
@media only screen and (min-width: 1200px) {.footer{padding:30px 20px 80px 20px;} .footer-copy {padding: 20px 20px 10px 20px;}}
@media only screen and (min-width: 1500px) {.footer{padding:30px 50px 80px 50px;} .footer-copy {padding: 20px 50px 10px 50px;}}
.footer{background:#fff; border-top:3px solid #ededed;}
.footer .mt30{margin-top:30px;}
.footer h3{
	font-family: 'Cairo', sans-serif;
	color: #27272f;
    font-size: 26px;
	line-height:26px;
    font-weight: 600;
	margin-bottom:30px;
}
.footer p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight:400;
    line-height: 25px;
    color: #626262;
	text-align:left;
	text-align:justify;
	margin-bottom:10px;
}
.footer .social{margin-top:30px;}
.footer .social li{
	display:inline-block;
	line-height:28px;
	padding:0 3px;
}
.footer .social li .fa{ 
	color: #777;
    font-size: 14px;
    margin-right: 5px;
    margin-top: 0px;
    text-align: center;
    width: 40px;
    height: 40px;
	border:1px solid #777;
    border-radius: 50%;
    line-height: 40px;
	margin-bottom:20px;
}
.footer .links li{
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #626262;
	line-height:25px;
	margin-bottom:10px;
	list-style:none;
}
.footer .links li a{color: #626262;}
.footer .fa{color: #8ba73b; font-size:50px;}
.footer h6{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight:400;
    line-height: 25px;
    color: #626262;
	text-align:left;
	margin-bottom:3px;
	margin-top:0px;
}
.footer h5{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #7d9837;
	text-align:left;
	margin-bottom:0px;
	margin-top:0px;
}
.footer h5 a{color: #7d9837;}
.footer-copy {
    background: #fff;
    font-family: 'Cairo', sans-serif;
	font-size:16px;
	border-top:1px solid #ccc;
}
.footer-copy p {color: #27272f; text-align: left;}
.footer-copy p a {color: #27272f;}
/***********============================================== footer =====================================================***********/

/***********============================================== animation =====================================================***********/
@-webkit-keyframes bottom_shape{0%{bottom:100px}50%{bottom:0}100%{bottom:100px}}
@keyframes bottom_shape{0%{bottom:100px}50%{bottom:0}100%{bottom:100px}}
@-webkit-keyframes top_shape{0%{top:100px}50%{top:0}100%{top:100px}}
@keyframes top_shape{0%{top:80px}50%{top:0}100%{top:80px}}
@-webkit-keyframes bg_top_right_shape{0%{background-position:right 30px top 0}50%{background-position:right 68px top 0}100%{background-position:right 30px top 0}}
@keyframes bg_top_right_shape{0%{background-position:right 30px top 0}50%{background-position:right 68px top 0}100%{background-position:right 30px top 0}}
/***********============================================== animation =====================================================***********/

/***********============================================== banner =====================================================***********/
@media only screen and (max-width: 600px) {.banner{padding:95px 0px 0px 0px;} .breadcrumb ul{float:right; margin-right:5px;}}
@media only screen and (min-width: 600px) {.banner{padding:95px 0px 0px 0px;} .breadcrumb ul{float:right; margin-right:5px;}}
@media only screen and (min-width: 768px) {.banner{padding:95px 0px 0px 0px;} .breadcrumb ul{float:right; margin-right:5px;}} 
@media only screen and (min-width: 992px) {.banner{padding:110px 0px 0px 0px;} .breadcrumb ul{float:right; margin-right:20px;}} 
@media only screen and (min-width: 1200px) {.banner{padding:120px 0px 0px 0px;} .breadcrumb ul{float:right; margin-right:70px;}}
@media only screen and (min-width: 1500px) {.banner{padding:100px 0px 0px 0px;} .breadcrumb ul{float:right; margin-right:70px;}}
.banner .mt30{margin-top:30px;}
.banner .breadcrumb{
	font-family: 'Cairo', sans-serif;
    display: inline-block;
    padding: 10px 0 0 0;
    margin: 0;
    border-top: 4px solid #7d9837;
    background: transparent;
    overflow: hidden;
    border-radius: 0;
    position: relative;
	float:right !important;
	width:100%;
}
.banner .breadcrumb ul{float:right; margin-right:70px;}
.banner .breadcrumb li{
	font-family: 'Cairo', sans-serif;
    float: left;
    border: 1px solid rgba(0,0,0,0.1);
    font-weight: 600;
	background:#fff;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: 10px;
	margin-left:15px;
	text-align:right;
    position: relative;
    transition: all 0.3s ease 0s;
}
.banner .breadcrumb li:hover{ background: #7d9837; }
.banner .breadcrumb li:before{ display: none; }
.banner .breadcrumb li:last-child{
    color: #fff;
    background: #7d9837;
    padding: 3px 15px;
    margin-right: 0;
    position: relative;
}
.banner .breadcrumb li:last-child:after{
    content: "";
    width: 5px;
    border: 10px solid transparent;
    border-top: 10px solid #7d9837;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.banner .breadcrumb li a{
	font-family: 'Cairo', sans-serif;
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    color: #000;
}
.banner .breadcrumb li:hover a{ color: #fff; }
@media only screen and (max-width: 479px){
    .banner .breadcrumb li{ margin-right: 3px; }
    .banner .breadcrumb li a, .breadcrumb li:last-child{
        font-size: 14px;
        font-weight: normal;
        padding: 3px;
    }
}
/***********============================================== banner =====================================================***********/

/***********============================================== about_page =====================================================***********/
@media only screen and (max-width: 600px) {.about_page_sec1{padding:80px 20px;}}
@media only screen and (min-width: 600px) {.about_page_sec1{padding:80px 20px;}}
@media only screen and (min-width: 768px) {.about_page_sec1{padding:80px 20px;}} 
@media only screen and (min-width: 992px) {.about_page_sec1{padding:80px 60px;}} 
@media only screen and (min-width: 1200px) {.about_page_sec1{padding:80px 100px;}}
@media only screen and (min-width: 1500px) {.about_page_sec1{padding:80px 160px;}}
.about_page_sec1 .mt30{margin-top:30px;}
.about_page_sec1 h6{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size:16px;
    letter-spacing: 5px;
	font-weight: 600;
	color: #8ba73b;
	transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    z-index: 1;
    line-height: 1;
	margin-top:25px;
}
.about_page_sec1 h2{
	font-family: 'Cairo', sans-serif;
	font-size: 42px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 15px 15px 0;
}
.about_page_sec1 p{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    letter-spacing: 0.5px;
    color: #777;
	text-align:justify;
    line-height: 25px;
}
.about_page_sec1 h5{
	margin: 0;
    line-height: 1em;
	font-weight:700;
    text-transform: uppercase;
    color: #8ba73b;
    font-size: 20px;
    font-family: 'Cairo', sans-serif;
	margin-bottom:15px;
	margin-top:15px;
}
.about_page_sec1 .btn{
	font-family: 'Cairo', sans-serif;
	margin-top: 30px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 36px;
	background-color: #8ba73b;
    color: #fff;
    border: none;
    text-transform: capitalize;
    transition: 0.3s ease;
    font-size: 15px;
	font-weight:600;
	text-align:center;
}
.about_page_sec1 .btn a{color:#fff;}
.about_page_sec1 .btn:hover{background-color: #222;}

@media only screen and (max-width: 600px) {.about_page_sec2{padding:80px 20px;} .about_page_sec2 .sec2{ padding:50px 10px;}}
@media only screen and (min-width: 600px) {.about_page_sec2{padding:80px 20px;} .about_page_sec2 .sec2{ padding:50px 10px;}}
@media only screen and (min-width: 768px) {.about_page_sec2{padding:80px 20px;} .about_page_sec2 .sec2{ padding:50px 10px;}} 
@media only screen and (min-width: 992px) {.about_page_sec2{padding:0px 0px;} .about_page_sec2 .sec2{ padding:80px 30px 80px 80px;}} 
@media only screen and (min-width: 1200px) {.about_page_sec2{padding:0px 0px;} .about_page_sec2 .sec2{ padding:80px 30px 80px 80px;}}
@media only screen and (min-width: 1500px) {.about_page_sec2{padding:0px 0px;} .about_page_sec2 .sec2{ padding:80px 30px 80px 80px;}}
.about_page_sec2{ text-align:left; background:url(../images/sectionabout2back.png) no-repeat top/cover;}
.about_page_sec2 .sec2{ background:url(../images/sec2.png) no-repeat top/cover;}
.about_page_sec2 .mt20{margin-top:20px;}
.about_page_sec2 .mt30{margin-top:30px;}
.about_page_sec2 .mt50{margin-top:50px;}
.about_page_sec2 .img{margin:0 auto; text-align:center;}
.about_page_sec2 h6{
	margin: 0;
    line-height: 1em;
	font-weight:600;
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    font-family: 'Cairo', sans-serif;
	margin-bottom:40px;
	margin-top:5px;
}
.about_page_sec2 p{
	font-family: 'Cairo', sans-serif;
	margin: 0;
	font-weight:400;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    margin-top: 20px;
}
.about_page_sec2 ul li{
	list-style:none;
	font-family: 'Cairo', sans-serif;
	margin: 0;
	font-weight:400;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    margin-bottom:10px;
}
/***********============================================== about_page =====================================================***********/

/***********============================================== product_page =====================================================***********/
@media only screen and (max-width: 600px) {.product_page{padding:60px 20px;}  .product_page .pl50{padding:0 0px;}}
@media only screen and (min-width: 600px) {.product_page{padding:60px 20px;} .product_page .pl50{padding:0 0px;}}
@media only screen and (min-width: 768px) {.product_page{padding:60px 20px;} .product_page .pl50{padding:0 0px;}} 
@media only screen and (min-width: 992px) {.product_page{padding:60px 60px;} .product_page .pl50{padding:0 0px;}} 
@media only screen and (min-width: 1200px) {.product_page{padding:40px 100px 80px 100px;} .product_page .pl50{padding:0 50px;}}
@media only screen and (min-width: 1500px) {.product_page{padding:40px 160px 80px 160px;} .product_page .pl50{padding:0 50px;}}
.product_page{background:url(../images/productback.html) no-repeat top/cover;}
.product_page .mt30{margin-top:30px;}
.product_page h1{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
	margin-top:0px;
}
.product_page h2{
	font-family: 'Cairo', sans-serif;
	font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.product_page h2 span{color: #8ba73b;}
.product_page .box{border:3px solid #eee; border-radius:6px;}
.product_page img{padding:15px 15px 0px 15px; margin:0 auto; text-align:center;}
.product_page h6{
	font-family: 'Lato', sans-serif;
	color: #8ba73b;
	font-size: 14px;
    line-height: 28px;
    margin-top: 16px;
    font-style: italic;
	margin-bottom:0px;
}
.product_page h4{
	font-family: 'Cairo', sans-serif;
	font-size: 20px;
    line-height: 1.4;
	font-weight:700;
	color:#27272f;
	margin:0;
}
.product_page span{
	font-family: 'Cairo', sans-serif;
	font-size: 28px;
    line-height: 1.4;
	font-weight:700;
	color:#27272f;
	margin:0 0 30px 0;
}
.product_page h5{
	font-family: 'Lato', sans-serif;
	font-weight:600;
	color: #8ba73b;
	margin-top:20px;
	font-size:20px;
}
.product_page .detail{
	padding: 0px 20px 20px 20px;
	text-align:center;
	margin:0 auto;
}
.product_page .btn{
	font-family: 'Lato', sans-serif;
	margin: 20px auto 0 auto;
    text-transform: uppercase;
    border-radius: 30px;
    color: #fff;
	background:#8ba73b;
	padding: 8px 15px;
    border: none;
    text-transform:uppercase;
    transition: 0.3s ease;
    font-size: 13px;
	font-weight:700;
	border: 2px solid #e9e7de;
	text-align:center;
}
.product_page .fa{ padding-right:10px; font-size:16px;}
.product_page .btn a{color:#fff;}
.product_page .btn:hover{background-color: #fff; color:#27272f;}
.product_page .btn:hover a{color:#27272f;}
.product_page .icon{
	width: 40px;
    height: 40px;
    padding: 5px;
    margin: 20px 2px 0;
    position: relative;
    white-space: nowrap;
    font-size: 0px;
    font-size: 0rem;
    margin-bottom: 1px;
	border-radius:50%;
    background-color: #f2f4ec;
}
.product_page .icon .fa{ color:#27272f; text-align:center; margin:0 auto; padding:6px 7px;}
.product_page p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:5px;
	text-align:justify;
}
.product_page ul{margin:0px auto 0 auto;}
.product_page li {
    display: block;
    padding-right: 0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:3px;
}
.product_page li .fa{color:#7d9837; font-size:13px;}

.product_page table{
	color:#777;
	font-family: "Lato",Arial,Helvetica,sans-serif;
	font-size:14px;
	margin-top:30px;
}
.product_page table.table td, .product_page table.table th {
    padding-top: 12px;
    padding-bottom: 12px;
}
.product_page table.table th {
	border-right:2px solid #fff;
}
.product_page table.table tr{
	background-color:#eaeaea;
}
.product_page table tr:first-child{
	background-color: #7d9837!important;
	color:#fff;
	text-transform:capitalize;
}
.product_page table.table td{border-right:1px solid #fff;}
.product_page table tr{
	color:#222;
	padding-left:15px;
	width:50%;
}
/***********============================================== product_page =====================================================***********/

/***********============================================== product_inner_page =====================================================***********/
@media only screen and (max-width: 600px) {.product_inner_page{padding:60px 20px;}  .product_inner_page .pl50{padding:0 0px;}}
@media only screen and (min-width: 600px) {.product_inner_page{padding:60px 20px;} .product_inner_page .pl50{padding:0 0px;}}
@media only screen and (min-width: 768px) {.product_inner_page{padding:60px 20px;} .product_inner_page .pl50{padding:0 0px;}} 
@media only screen and (min-width: 992px) {.product_inner_page{padding:60px 60px;} .product_inner_page .pl50{padding:0 0px;}} 
@media only screen and (min-width: 1200px) {.product_inner_page{padding:40px 100px 80px 100px;} .product_inner_page .pl50{padding:0 50px;}}
@media only screen and (min-width: 1500px) {.product_inner_page{padding:40px 160px 80px 160px;} .product_inner_page .pl50{padding:0 50px;}}
.product_inner_page{background:url(../images/productback.html) no-repeat top/cover;}
.product_inner_page .mt30{margin-top:30px;}
.product_inner_page h6{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
	margin-top:0px;
}
.product_inner_page h2{
	font-family: 'Cairo', sans-serif;
	font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.product_inner_page h4{
	font-family: 'Cairo', sans-serif;
	font-size: 22px;
    line-height: 1.3;
    margin-bottom: .7em;
    color: #7d9837;
	font-weight:700;
}
.product_inner_page h5{
	font-family: 'Cairo', sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
    color: #27272f;
    margin: 0 0 15px 0;
}
.product_inner_page p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:15px;
}
.product_inner_page .ulbox{
	padding-left:0px; padding-right:0px;
	margin:0px auto;
	text-align:left;
}
.product_inner_page .ulbox h3{
	padding: 16px 20px;
    color: #fff;
    background: #222;
    margin: 0;
    font-size: 20px;
	text-align:center;
    font-weight: 500;
    text-transform: capitalize;
	font-family: 'Cairo', sans-serif;
	line-height:1.4;
	border-radius: 8px 8px 0 0;
}
.product_inner_page .ulbox ul{
	background: #fff;
    padding: 15px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e9e9e9 #e9e9e9 #222;
	font-family: 'Cairo', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.62;
    color: #797979;
	margin-top:20px;
	padding-left:20px; padding-right:20px;
}
.product_inner_page .ulbox ul li {
    margin: 0 0 20px;
    color: #222;
	list-style:none;
	text-align:left;
}
.product_inner_page .ulbox ul li a {color: #222;}
.product_inner_page .ulbox ul li a:before {
    color: #222;
    margin-right: 12px;
    font-family: 'FontAwesome';
    content: "\f0da";
}
.product_inner_page .ulbox .btn {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
	margin:10px auto 10px auto;
	text-align:left;
}
.product_inner_page .ulbox .btn i {
    margin-right: 10px;
    font-size: 16px;
}

.product_inner_page .rating{
    padding: 0;
    margin: 0 0 8px;
    list-style: none;
}
.product_inner_page .rating li{
    color: #d5aa00;
    font-size: 14px;
}
.product_inner_page .rating .far{ color: #808080; }

.product_inner_page .btn{
	font-family: 'Cairo', sans-serif;
	margin-top: 30px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 36px;
	background-color: #8ba73b;
    color: #fff;
    border: none;
    transition: 0.3s ease;
    font-size: 15px;
	font-weight:600;
	text-align:center;
}
.product_inner_page .btn a{color:#fff;}
.product_inner_page .btn .fa{padding-right:10px;}
.product_inner_page .btn:hover{background-color: #222;}
/***********============================================== product_inner_page =====================================================***********/

/***********============================================== quality_page =====================================================***********/
@media only screen and (max-width: 600px) {.quality_page{padding:60px 20px;}}
@media only screen and (min-width: 600px) {.quality_page{padding:60px 20px;}}
@media only screen and (min-width: 768px) {.quality_page{padding:60px 20px;}} 
@media only screen and (min-width: 992px) {.quality_page{padding:60px 60px;}} 
@media only screen and (min-width: 1200px) {.quality_page{padding:40px 15px 80px 15px;}}
@media only screen and (min-width: 1500px) {.quality_page{padding:40px 15px 80px 15px;}}
.quality_page .mt30{margin-top:30px;}
.quality_page .whiteback{background:#fff;}
.quality_page .mt140{margin-top:140px;}
.quality_page h6{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
}
.quality_page h2{
	font-family: 'Cairo', sans-serif;
	font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.quality_page p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:15px;
}
.quality_page ul{margin:30px auto 0 auto;}
.quality_page li {
    display: inline-block;
    padding-right: 30px;
}
.quality_page .btn{
	font-family: 'Cairo', sans-serif;
	margin-top: 30px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 12px 36px;
	background-color: #8ba73b;
    color: #fff;
    border: none;
    text-transform: capitalize;
    transition: 0.3s ease;
    font-size: 15px;
	font-weight:600;
	text-align:center;
	margin-bottom:20px;
}
.quality_page .btn a{color:#fff;}
.quality_page .btn:hover{background-color: #222;}

@media only screen and (max-width: 600px) {.section4{padding:50px 20px;}}
@media only screen and (min-width: 600px) {.section4{padding:50px 20px;}}
@media only screen and (min-width: 768px) {.section4{padding:50px 20px;}} 
@media only screen and (min-width: 992px) {.section4{padding:100px 50px;}} 
@media only screen and (min-width: 1200px) {.section4{padding:120px 100px;}}
@media only screen and (min-width: 1500px) {.section4{padding:120px 170px;}}
.section4{background:url(../images/section4back.jpg) no-repeat top/cover;}
.section4 .mt30{margin-top:30px;}
.section4{text-align:center;}
.section4 h1{
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    line-height: 55px;
    color: #fff;
    margin: 0;
    font-size: 46px;
	text-align:center;
    text-transform: capitalize;
	margin-bottom:30px;
}
.section4 h1 span{color: #fff;}
.section4 p {
	line-height:30px;
    font-family: 'Cairo', sans-serif;
    color: #fff;
	font-size:16px;
	font-weight:500;
	margin-top:20px;
	max-width:650px;
	text-align:center;
	margin:0 auto;
}
/***********============================================== quality_page =====================================================***********/

/***********============================================== chart_page =====================================================***********/
@media only screen and (max-width: 600px) {.chart_page{padding:60px 20px;}}
@media only screen and (min-width: 600px) {.chart_page{padding:60px 20px;}}
@media only screen and (min-width: 768px) {.chart_page{padding:60px 20px;}} 
@media only screen and (min-width: 992px) {.chart_page{padding:60px 60px;}} 
@media only screen and (min-width: 1200px) {.chart_page{padding:40px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.chart_page{padding:40px 160px 80px 160px;}}
.chart_page{background:url(../images/chartback.jpg) no-repeat top/cover;}
.chart_page .mt30{margin-top:30px;}
.chart_page h6{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
	margin-top:0px;
}
.chart_page h2{
	font-family: 'Cairo', sans-serif;
	font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.chart_page p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:15px;
}
/***********============================================== chart_page =====================================================***********/

/***********============================================== enquiry_page =====================================================***********/
@media only screen and (max-width: 600px) {.enquiry_page{padding:60px 20px;}}
@media only screen and (min-width: 600px) {.enquiry_page{padding:60px 20px;}}
@media only screen and (min-width: 768px) {.enquiry_page{padding:60px 20px;}} 
@media only screen and (min-width: 992px) {.enquiry_page{padding:60px 60px;}} 
@media only screen and (min-width: 1200px) {.enquiry_page{padding:40px 100px 80px 100px;}}
@media only screen and (min-width: 1500px) {.enquiry_page{padding:40px 160px 80px 160px;}}
.enquiry_page{background:url(../images/enquiryback.jpg) no-repeat top/cover;}
.enquiry_page .mt30{margin-top:30px;}
.enquiry_page h6{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
	margin-top:0px;
}
.enquiry_page h2{
	font-family: 'Cairo', sans-serif;
	font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.enquiry_page p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:15px;
}
.enquiry_page .form-control{background: rgba(255,255,255,0);}
.enquiry_page .form-horizontal .form-content{
    padding: 0px 0px;
	background: rgba(255,255,255,0);
	margin-top:40px;
}
.enquiry_page .form-horizontal .form-control{
    padding: 12px 16px 12px 39px;
    height: 50px;
    font-size: 14px;
    color: #2b2a2a;
    border: none;
    border: 2px solid #eee;
    border-radius: 6px;
    box-shadow: none;
	box-shadow: 2px 2px 1px #ccc;
    margin-bottom: 15px;
	background: rgba(255,255,255,0.3);
}
.enquiry_page .form-horizontal .form-control:focus{
    border-color: #ccc;
    box-shadow: none;
}
.enquiry_page .form-horizontal .control-label{
    font-size: 17px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
.enquiry_page .form-horizontal textarea.form-control{
    resize: vertical;
    height: 130px;
}
.enquiry_page .form-horizontal .btn{
    font-size: 16px;
    color: #fff;
    float: right;
	font-weight:400;
    margin: 10px 0;
    border: 2px solid #8ba73b;
    border-radius: 0;
    padding: 10px 25px;
    transition: all 0.5s ease 0s;
	background:#8ba73b;
	font-family: 'Cairo', sans-serif;
	text-transform:uppercase;
}
.enquiry_page .form-horizontal .btn:hover{
    background: #8ba73b;
    color: #fff;
	border: 2px solid #8ba73b;
}
/***********============================================== enquiry_page =====================================================***********/

/***********============================================== contact_page =====================================================***********/
@media only screen and (max-width: 600px) {.contact_page{padding:80px 20px;}}
@media only screen and (min-width: 600px) {.contact_page{padding:80px 20px;}}
@media only screen and (min-width: 768px) {.contact_page{padding:80px 20px;}} 
@media only screen and (min-width: 992px) {.contact_page{padding:80px 60px;}} 
@media only screen and (min-width: 1200px) {.contact_page{padding:80px 100px;}}
@media only screen and (min-width: 1500px) {.contact_page{padding:80px 160px;}}
.contact_page .mt30{margin-top:30px;}
.contact_page h6{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size:16px;
	font-weight: 600;
	color: #8ba73b;
	margin-top:0px;
}
.contact_page h2{
	font-family: 'Cairo', sans-serif;
	font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    z-index: 1;
	color: #27272f;
    margin: 0 0 15px 0;
}
.contact_page p{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	margin: 0;
    color: #777;
    line-height: 25px;
	margin-top:15px;
}
.contact_page .serviceBox{
    color: #606060;
    background-color: #f5f5f5;
    font-family: 'Cairo', sans-serif;
    text-align: center;
    padding:0 10px 20px;
    margin: 25px 0 0;
    border: 1px solid transparent;
    border-bottom: 10px solid #ccc;
    border-radius: 0 30px;
}
.contact_page .serviceBox .service-icon{
    color: #fff;
    background: #7d9837;
    font-size: 25px;
    padding: 15px 40px;
    margin: -30px 0 0 0;
    box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.2) inset;
    border-radius: 15px 15px 0 0;
    display: inline-block;
    transition: all 0.3s;
}
.contact_page .serviceBox .service-icon i{
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
}
.contact_page .serviceBox:hover .service-icon i{
    text-shadow: 0 0 5px #555;
    transform: rotate(360deg);
}
.contact_page .serviceBox .service-content{
    background-color: #fff;
    padding: 30px 10px 10px;
    border-radius: 10px;
	min-height:150px;
    box-shadow: 0 0 7px 3px rgba(0,0,0,0.2);
}
.contact_page .serviceBox .title{
	font-family: 'Cairo', sans-serif;
    color: #27272f;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.contact_page .serviceBox .description{
	font-family: 'Roboto', sans-serif;
    font-size: 15px;
	color:#666;
    text-align: center;
    line-height: 25px;
    margin-bottom: 20px;
}
.contact_page .serviceBox .description a{color:#666;}
@media only screen and (max-width:990px){.contact_page .serviceBox{ margin: 25px 0 50px; }}
/***********============================================== contact_page =====================================================***********/