@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.min.css');
@import url('hover.css');
@import url('slick.css');
@import url('magnific-popup.css');
@import url('jquery-ui.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('../plugins/machinery-icons/style.css');
@import url('bootstrap-select.min.css');
* { margin: 0px; padding: 0px; border: none; outline: none }
body { font-size: 15px; color: #777777; line-height: 1.8em; font-weight: 400; background: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-font-smoothing: antialiased; font-family: 'Poppins', sans-serif }
a { text-decoration: none; cursor: pointer; color: #6e7c27 }
a:hover, a:focus, a:visited { text-decoration: none; outline: none }
h1, h2, h3, h4, h5, h6 { position: relative; font-weight: 700; margin: 0px; background: none; line-height: 1.6em; font-family: 'Poppins', sans-serif }
input, button, select, textarea { font-family: 'Poppins', sans-serif }
textarea { overflow: hidden }
p { position: relative; line-height: 1.8em; margin: 0 }
.text-center { text-align: center !important }
.strike-through { text-decoration: line-through }
.auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden }
ul, li { list-style: none; padding: 0px; margin: 0px }
.theme-btn { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; font-family: "Poppins", sans-serif }
.grey-bg { background-color: #f6f6f6 }
.list-style-one { position: relative }
.list-style-one li { position: relative; font-size: 16px; font-weight: 400; padding-left: 20px; margin-bottom: 10px; color: #777777 }
.list-style-one li:before { position: absolute; content: '\f105'; left: 0px; top: 0px; color: #6e7c27; font-size: 16px; font-family: 'FontAwesome' }
.list-style-two { position: relative }
.list-style-two li { position: relative; font-size: 16px; font-weight: 400; padding-left: 70px; margin-bottom: 40px; color: #777777 }
.list-style-two li .icon { position: absolute; left: 0px; top: 3px; width: 40px; color: #6e7c27; font-size: 42px; line-height: 1em; text-align: center }
.list-style-two li strong { font-size: 20px; color: #333333; font-weight: 700; display: block }
.btn-style-one { position: relative; line-height: 1em; color: #6e7c27; padding: 5px 20px; font-weight: 700; background: transparent; border-radius: 3px; text-transform: uppercase; border: 2px solid #6e7c27; font-size: 12px; letter-spacing: 0px; border-radius: 20px; }
.btn-style-one:hover { color: #6e7c27; }
.btn-style-two { position: relative; line-height: 1em; color: #6e7c27; padding: 5px 20px; font-weight: 700; background: transparent; border-radius: 3px; text-transform: uppercase; border: 2px solid #6e7c27; font-size: 12px; letter-spacing: 1px; border-radius: 20px; }
.btn-style-two:hover { color: #fff; }
.btn-style-three { position: relative; padding: 6px 21px; line-height: 24px; color: #333333; font-size: 18px; font-weight: 500; background: #6e7c27; border-radius: 5px; border: 2px solid #6e7c27; text-transform: capitalize }
.btn-style-three:hover { color: #ffffff; background: #333333; border-color: #333333 }
.btn-style-four { position: relative; line-height: 24px; color: #333333; font-size: 16px; font-weight: 500; padding: 8px 16px; background: #6e7c27; border-radius: 4px }
.btn-style-four:hover { background: #333333; color: #ffffff; border-color: #333333 }
.theme_color { color: #6e7c27 }
img { display: inline-block; max-width: 100% }
.preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icons/preloader.svg) }
.scroll-to-top { position: fixed; bottom: 15px; right: 15px; width: 50px; height: 50px; color: #ffffff; font-size: 16px; text-transform: uppercase; line-height: 50px; text-align: center; z-index: 100; cursor: pointer; background: #6e7c27; overflow: hidden; display: none; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.scroll-to-top:hover { color: #ffffff; background: #303030; }
.main-header { position: relative; left: 0px; top: 0px; z-index: 999; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; background: url('../images/header-bg.jpg') no-repeat bottom center #415320; }
.main-header .header-upper { position: relative; z-index: 5; }
.main-header .logo-outer { position: relative; z-index: 25; }
.main-header .logo { position: relative; text-align: center; width: 189px; margin-top: 21px; margin-bottom: 44px; }
.main-header .header-upper .logo:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: transparent; content: ''; }
.main-header .logo-outer .logo img { position: relative; display: inline-block; max-width: 100% }
.main-header .header-upper .logo img { position: relative; display: inline-block; max-width: 100% }
.main-header .header-upper .upper-right { position: relative; padding-top: 30px }
.main-header.style-two .logo-outer { width: 212px; }
.main-header .social-icons { float: left; margin-left: 35px; margin-top: 28px; }
.main-header .social-icons a { }
.main-header .social-icons a { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; transition: all .4s ease; color: #415320; font-size: 19px; text-align: center; line-height: 30px; background: #fff; }
.main-header .social-icons a:hover { color: #6e7c27; }
.main-header .social-icons a+a { margin-left: 15px; }
.main-header .language { float: left; margin-left: 38px; margin-top: 26px; }
.main-header .language .dropdown-menu { top: 52px; right: 0px; left: auto; min-width: 105px; border-radius: 0px; background-color: #6e7c27; border: none;/* border-radius: 0px 0px 20px 20px; */ z-index: 100000; }
.main-header .language>a { width: auto !important; height: auto !important; color: #fff !important; padding: 8px 19px; text-transform: uppercase; display: inline-block; border: 0px; font-weight: 700; font-size: 12px; line-height: 20px; border-radius: 14px; background: #6e7c27; }
.main-header .language>a i { margin-left: 10px; }
.main-header .language>a>.icon { font-size: 16px; margin-right: 5px; color: #6e7c27 }
.btn.active, .btn:active { box-shadow: none }
.main-header .language a:hover { }
.main-header .language .dropdown-menu>li { float: none; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.main-header .language .dropdown-menu>li:last-child { border-bottom: none }
.main-header .language .dropdown-menu>li>a { padding: 5px 0px; width: auto; height: auto; display: block; color: #ffffff; text-align: center; font-size: 12px; border-radius: 0px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.main-header .language .dropdown-menu>li>a:hover { color: #ffffff !important; background-color: #415320; }
.main-header .nav-outer { position: relative; }
.main-menu { position: relative; float: left; }
.main-menu .navbar-collapse { padding: 0px }
.main-menu .navigation { position: relative; margin: 0px; font-family: "Poppins", sans-serif; margin-top: 38px; }
.main-menu .navigation>li { position: relative; float: left; }
.main-menu .navigation>li>a { position: relative; display: block; font-size: 14px; color: #ffffff; border-right: 1px solid #eaeaea; line-height: 15px; font-weight: 500; opacity: 1; padding: 0px 20px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; text-transform: uppercase; }
.main-menu .navigation>li:hover>a, .main-menu .navigation>li.current>a, .main-menu .navigation>li.current-menu-item>a { opacity: 1; color: #6e7c27; }
.main-menu .navigation>li:hover>a:after { opacity: 1 }
.main-menu .navigation>li:last-child a { border-right: 0px; padding-right: 0px; }
.main-menu .navigation>li>ul { position: absolute; left: 0px; top: 100%; margin-top: 10px; width: 200px; padding: 0px; z-index: 100; display: none; background: #6e7c27; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; transform-origin: top; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation>li>ul:before { content: ''; position: absolute; left: 0px; top: -10px; width: 100%; height: 10px; z-index: 1 }
.main-menu .navigation>li>ul.from-right { left: auto; right: 0px }
.main-menu .navigation>li>ul>li { position: relative; width: 100%; padding: 0px; border-bottom: 1px solid #6a752e; }
.main-menu .navigation>li>ul>li:first-child { border-top: 0 }
.main-menu .navigation>li>ul>li:last-child { border-bottom: 0 }
.main-menu .navigation>li>ul>li>a { position: relative; display: block; font-size: 13px; line-height: 13px; padding: 10px 20px; font-weight: 600; color: #ffffff; text-transform: uppercase; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation>li>ul>li:hover>a { background-color: #5a6f32; }
.main-menu .navigation>li>ul>li:before { position: absolute; left: 10px; top: 13px; font-size: 14px; color: #303030; line-height: 24px; font-family: 'FontAwesome'; z-index: 6; opacity: 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.main-menu .navigation>li>ul>li:hover:before { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) }
.main-menu .navigation>li>ul>li>ul { position: absolute; left: 100%; top: 0px; width: 260px; padding: 0px 25px; z-index: 100; display: none; background: #ffffff; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; -moz-transform-origin: top; transform-origin: top; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05) }
.main-menu .navigation>li>ul>li>ul.from-right { left: auto; right: 0px }
.main-menu .navigation>li>ul>li>ul>li { position: relative; width: 100%; padding: 9px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2 }
.main-menu .navigation>li>ul>li>ul>li:first-child { border-top: 0 }
.main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom: 0 }
.main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; font-size: 16px; line-height: 24px; padding: 5px 0; font-weight: 500; color: #303030; text-align: left; background-color: #ffffff; text-transform: capitalize; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease }
.main-menu .navigation>li>ul>li>ul>li:hover>a { padding-left: 30px; background: #6e7c27 }
.main-menu .navigation>li.dropdown:hover>ul, .main-menu .navigation>li>ul>li.dropdown:hover>ul { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1 }
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 8px; width: 34px; height: 30px; border: 1px solid #869635; text-align: center; font-size: 16px; line-height: 26px; color: #ffffff; cursor: pointer; z-index: 5; display: none; }
.sticky-header .main-menu { margin-top: 0px; }
.sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: -1 }
.sticky-header .logo { padding: 0px; width: 130px; margin: 10px 0px; z-index: 1000; }
.sticky-header  .language { float: left; margin-top: 25px; position: relative; z-index: 100001111111; }
.main-header .language .dropdown-menu { top: 24px; }
.sticky-header .social-icons { margin-top: 29px; }
.main-header .language .dropdown-menu { top: 50px; }
.fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; background-color: #415320; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-box-shadow: 0 0 20px rgba(51, 51, 51, .1); -moz-box-shadow: 0 0 20px rgba(51, 51, 51, .1); -ms-box-shadow: 0 0 20px rgba(51, 51, 51, .1); -o-box-shadow: 0 0 20px rgba(51, 51, 51, .1); box-shadow: 0 0 20px rgba(51, 51, 51, .1); }
.main-slider { position: relative; z-index: 10; overflow: hidden }
.main-slider .tp-caption { z-index: 5 }
.main-slider .line { position: relative; display: inline-block; height: 320px; width: 2px; background-color: #6e7c27 }
.main-slider .title { display: block; font-size: 24px; line-height: 1.2em; color: #ffffff; font-weight: 400 }
.main-slider h1 { font-size: 120px; color: #ffffff; font-weight: 400; line-height: 1.1em; letter-spacing: 1px }
.main-slider .text { font-size: 18px; line-height: 30px; color: #6e7c27; font-weight: 600 }
.main-slider .theme-btn { margin-right: 20px }
.main-slider .tp-bannertimer, .main-slider .tp-bullets { display: none !important }
#minimal-bootstrap-carousel { margin-top: 0px; position: relative; z-index: 99 }
#minimal-bootstrap-carousel .carousel-caption { position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; text-align: right; text-shadow: none }
#minimal-bootstrap-carousel .carousel-caption .container { display: table; width: 100%; height: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; text-align: center }
#minimal-bootstrap-carousel .carousel-caption .container .box { display: table-cell; text-align: left }
#minimal-bootstrap-carousel .carousel-caption .container .box.valign-top { vertical-align: top }
#minimal-bootstrap-carousel .carousel-caption .container .box.valign-bottom { vertical-align: bottom }
#minimal-bootstrap-carousel .carousel-caption .container .box.valign-middle { vertical-align: middle }
#minimal-bootstrap-carousel .carousel-caption .container .box .content { display: block; margin-top: 10%; }
#minimal-bootstrap-carousel .carousel-control { background: none; width: 60px; height: 60px; font-size: 36px; line-height: 56px; color: #F7C02D; background: transparent; visibility: visible !important; opacity: 1; font-weight: normal; margin-top: -20px; border: 2px solid rgba(255, 255, 255, .3); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 50%; z-index: 99; text-shadow: none }
#minimal-bootstrap-carousel .carousel-control:hover { background: #F7C02D; border-color: #F7C02D; color: #fff }
@media (max-width:667px) {
    #minimal-bootstrap-carousel .carousel-control { width: 30px; height: 30px; font-size: 15px; line-height: 25px }
}
#minimal-bootstrap-carousel .carousel-control.left { left: 1% }
#minimal-bootstrap-carousel .carousel-control.right { right: 1% }
#minimal-bootstrap-carousel .carousel-control:hover { opacity: 1 }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0 }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1 }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.carousel-fade .carousel-control { z-index: 2 }
#minimal-bootstrap-carousel .custom-navigation { position: absolute; bottom: 30px; left: 20%; width: 100%; text-align: left; z-index: 999; margin: 0; }
#minimal-bootstrap-carousel .custom-navigation, #minimal-bootstrap-carousel .custom-navigation li { margin: 0; padding: 0; list-style: none }
#minimal-bootstrap-carousel .custom-navigation li { border: 0; border-radius: 0; text-indent: 0; width: 12px; height: 12px; background-color: transparent; border: 2px solid #FFFFFF; cursor: pointer; border-radius: 50% }
#minimal-bootstrap-carousel .custom-navigation li+li { margin-left: 5px; }
#minimal-bootstrap-carousel .custom-navigation li.active { opacity: 1; border-color: #fff; background: #fff; background: f; }
#minimal-bootstrap-carousel.slider-home-one .carousel-inner .item { min-height: 730px; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #181818; }
#minimal-bootstrap-carousel.slider-home-two .carousel-inner .item { min-height: 695px; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #181818 }
.main-banner-content { animation-delay: .8s; padding-left: 0px; }
.main-banner-content .title { display: block; font-size: 24px; line-height: 1.2em; color: #181818; font-weight: 400; margin: 0 }
.main-banner-content h1 { font-size: 40px; color: #6e7c27; font-weight: 700; line-height: 1.6em; margin: 0; text-transform: uppercase; letter-spacing: 2px; }
.main-banner-content .text { font-size: 14px; line-height: 1.6em; color: #59595a; font-weight: 400; margin: 0; margin-bottom: 36px; letter-spacing: -0.3px; margin-top: 15px; margin-bottom: 30px; width: 350px; }
.main-banner-content .text.dark { color: #000; }
.main-banner-content .theme-btn { margin-right: 0px; }
.main-banner-content.light .title { color: #fff }
.main-banner-content.light h1 { color: #fff }
.main-banner-content.light .text { color: #ffffff; }
.main-service-boxes { padding-top: 0px; }
.main-service-boxes .service-box .service-box-content { position: relative; padding: 52px 0px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease }
.main-service-boxes .service-box .service-box-content:before { content: ''; position: absolute; top: 0; right: -3px; width: 30%; height: 100%; background: #e7eae3; opacity: 0; transition: all .4s ease; }
.main-service-boxes .service-box .service-box-content:hover::before { opacity: 1 }
.main-service-boxes .service-box .service-box-content a { display: block; position: relative; transition: all .4s ease; border: 3px solid transparent; padding: 45px 30px; }
.main-service-boxes .service-box .service-box-content a:hover { border: 3px solid #6e7c27; }
.main-service-boxes .service-box .service-box-content a:hover::after { opacity: 1 }
.main-service-boxes .service-box .service-box-content h3, .main-service-boxes  .service-box .service-box-content p { margin: 0; }
.main-service-boxes .service-box .service-box-content h3 { font-size: 24px; font-weight: 700; text-transform: uppercase; color: #6e7c27; letter-spacing: 1px; text-align: center; }
html[lang="en"] .main-service-boxes .service-box .service-box-content h3 { font-size:20px;}
html[lang="fr"] .main-service-boxes .service-box .service-box-content h3 { font-size:17px;}


.main-service-boxes .service-box .service-box-content p { font-size: 14px; line-height: 1.74em; color: #59595a; margin-top: 14px; text-align: center; }
.main-service-boxes .service-box .service-box-content:hover p { }
.main-service-boxes .service-box .service-box-content span { font-weight: 900; color: #e5e5e5; left: 34px; font-size: 61px; z-index: -1; text-transform: uppercase; transform: rotate(-90deg); transform-origin: left bottom; position: absolute; bottom: 2px; }
@media only screen and (max-width:767px) {
    .main-service-boxes  .service-box .service-box-content { padding: 20px; margin-bottom: 10px }
    .main-service-boxes  .service-box .service-box-content:before { opacity: 1; }
    .main-service-boxes  .service-box .service-box-content a { border: 3px solid #6e7c27; }
}
.giveback-section { padding: 50px 0px 0px 0px; }
.giveback-item img { width: auto !important; max-width: 100% }
.giveback-item .inner-box { position: relative; margin: auto; text-align: center; }
.giveback-item .text-box { position: absolute; width: 400px; left: 29%; top: 35%; }
.giveback-item .text-box h3 { text-align: left; position: relative; display: block; font-size: 18px; line-height: 1.1em; color: #6e7c27; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
.giveback-item .text-box h1 { text-align: left; margin-top: 15px; position: relative; display: block; font-size: 40px; line-height: 1.1em; color: #6e7c27; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.7); }
.giveback-item .text-box  p { text-align: left; font-size: 14px; color: #59595a; font-weight: 400; margin-top: 20px; width: 75%; }
@media only screen and (max-width:767px) {
    .giveback-item .text-box { position: absolute; width: 100%; left: 6%; top: -19%; }
    .giveback-item .text-box h3 { font-size: 15px; color: #6e7c27; }
    .giveback-item .text-box h1 { margin-top: 10px; font-size: 24px; color: #6e7c27; }
    .giveback-item .text-box  p { text-align: left; font-size: 13px; color: #59595a; font-weight: 400; margin-top: 12px; width: 49%; }
}

/*.giveback-section .owl-nav { position: absolute; left: 0; text-align: center; top: 50%; width: 100%; }
.giveback-section .owl-nav .owl-prev, [class*=testimonials-carousel] .owl-nav .owl-next { position: relative; width: 31px; height: 31px; font-size: 51px; display: inline-block; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.giveback-section .owl-nav .owl-prev { left: 10%; position: absolute; }
.giveback-section .owl-nav .owl-next { position: absolute; right: 10%; }
*/
.why-section { padding: 50px 0px 100px 0px; }
.why-item img { width: auto !important; max-width: 100% }
.why-item .inner-box { position: relative; margin: auto; text-align: center; }
.why-item .text-box { position: absolute; width: 400px; right: 8.5%; top: 39%; }
.why-item .text-box h3 { text-align: right; position: relative; display: block; font-size: 18px; line-height: 1.1em; color: #6e7c27; font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
.why-item .text-box h1 { text-align: right; margin-top: 15px; position: relative; display: block; font-size: 40px; line-height: 1.1em; color: #6e7c27; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.7); }
.why-item .text-box  p { text-align: right; font-size: 14px; color: #59595a; font-weight: 400; margin-top: 10px; width: 77%; float: right; }
@media only screen and (max-width:767px) {
    .why-section { padding: 50px 0px 50px 0px; }
    .why-item .text-box { position: absolute; width: 400px; right: 0; top: 0; }
    .why-item .text-box h3 { font-size: 17px; }
    .why-item .text-box h1 { text-align: right; margin-top: 5px; font-size: 25px; }
    .why-item .text-box  p { margin-top: 10px; width: 59%; }
}
.main-footer { clear: both; position: relative; min-height: 207px; color: #fff; background: url('../images/footer-bg.png') no-repeat top center #fff; }
.main-footer .footer-column { position: relative }
.main-footer .footer-column .logo { width: 120px; margin: auto; margin-top: 54px; }
.main-footer .footer-column .text { margin-top: 68px; min-height: 85px; padding: 0px; border-right: 1px solid #72802e; }
.main-footer h4, .main-footer p { margin: 0 }
.main-footer  h4 { color: #6e7c27; font-size: 13px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; }
.main-footer  p { color: #59595a; font-size: 12px; font-weight: 400; line-height: 1.7em; }
.main-footer .social-icons { margin-top: 65px; clear: both; }
.main-footer .social-icons a { margin-top: 10px }
.main-footer .social-icons a { display: inline-block; vertical-align: middle; width: 32px; height: 32px; border-radius: 50%; transition: all .4s ease; color: #fff; font-size: 20px; text-align: center; line-height: 32px; background: #6e7c27; font-weight: 900; }
.main-footer .social-icons a:hover { background-color: #415320; }
.main-footer .social-icons a+a { margin-left: 14px; }
@media only screen and (max-width:767px) {
    .main-footer { position: relative; min-height: 207px; color: #fff; background: url('../images/footer-bg.png') no-repeat top center #fff; }
    .main-footer .footer-column { position: relative; background-color: #e6eae2; }
    .main-footer .footer-column .logo { width: 120px; margin: auto; margin-top: 34px; }
    .main-footer .footer-column .text { margin-top: 0px; min-height: auto; padding: 0px; border-right: 0px; text-align: center; padding-top: 17px; }
    .main-footer h4, .main-footer p { margin: 0 }
    .main-footer  h4 { color: #6e7c27; font-size: 13px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; }
    .main-footer  p { color: #59595a; font-size: 12px; font-weight: 400; line-height: 1.7em; }
    .main-footer .social-icons { margin-top: 0px; clear: both; text-align: center; padding-bottom: 10px; }
    .main-footer .social-icons a { margin-top: 10px }
    .main-footer .social-icons a { display: inline-block; vertical-align: middle; width: 32px; height: 32px; border-radius: 50%; transition: all .4s ease; color: #fff; font-size: 20px; text-align: center; line-height: 32px; background: #6e7c27; font-weight: 900; }
    .main-footer .social-icons a:hover { background-color: #415320; }
    .main-footer .social-icons a+a { margin-left: 14px; }
}
.page-title { position: relative; background-repeat: no-repeat; background-size: cover; height: 741px; background-position: center; }
.page-title h1 { position: relative; font-size: 36px; line-height: 1.2em; font-weight: 700; color: #ffffff; text-align: left; margin-bottom: 30px; text-transform: uppercase; width: 400px; padding-top: 200px; color: #6e7c27; letter-spacing: 1px; }
.page-title p { font-size: 16px; font-weight: 400; color: #000; width: 400px; line-height: 1.5em; }
.why-advantages { padding: 50px 0; position: relative; min-height: 332px; }
.why-advantages .sec-title { margin-bottom: 45px; text-align: left; width: 300px; }
.why-advantages .sec-title h3 { position: relative; display: block; font-size: 24px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-advantages .text-box {color: #59595a;font-size: 14px;font-weight: 400;line-height: 1.8em;text-align: justify;width: 50%;}
.why-light { margin-top: -180px; position: relative; min-height: 650px; }
.why-light .sec-title { float: right; text-align: right; margin-right: 130px; }
.why-light .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 216px; margin-right: 32px; }
.why-light .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-right: 30px; }
.why-light .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 60%; float: right; margin-top: 200px; margin-right: 30px; }
.why-recycling { margin-top: -200px; position: relative; min-height: 300px; }
.why-recycling .sec-title { float: left; text-align: right; }
.why-recycling .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: -65px; }
.why-recycling .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-recycling .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 65%; float: right; margin-top: 228px; }
.why-stackable { margin-top: 200px; position: relative; min-height: 350px; }
.why-stackable .sec-title { float: right; text-align: right; margin-right: 160px; }
.why-stackable .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: -115px; }
.why-stackable .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-stackable .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 37%; float: right; margin-top: 103px; }
.why-longlasting { position: relative; min-height: 650px; }
.why-longlasting .sec-title { float: left; text-align: right; }
.why-longlasting .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 230px; margin-right: -60px; }
.why-longlasting .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-right: -60px; }
.why-longlasting .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 65%; float: right; margin-top: 240px; margin-right: -50px; }
.why-durable { margin-top: -350px; position: relative; min-height: 720px; }
.why-durable .sec-title { float: right; text-align: right; margin-right: 160px; }
.why-durable .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 250px; }
.why-durable .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-durable .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 66%; float: right; margin-top: 303px; }
.why-hammer { margin-top: -50px; position: relative; min-height: 420px; }
.why-hammer .sec-title { float: left; text-align: right; }
.why-hammer .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: -50px;/* margin-right: -60px; */ }
.why-hammer .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-hammer .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 65%; float: right; margin-top: 305px; }
.why-cutable { margin-top: 0px; position: relative; min-height: 450px; }
.why-cutable .sec-title { float: right; text-align: right; margin-right: 160px; }
.why-cutable .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: -60px; }
.why-cutable .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-cutable .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 66%; float: right; margin-top: 334px; }
.why-scratch { margin-top: -100px; position: relative; min-height: 450px; }
.why-scratch .sec-title { float: left; text-align: right; margin-left: 100px; }
.why-scratch .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 20px; margin-right: 50px; }
.why-scratch .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-right: 50px; }
.why-scratch .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 49%; float: right; margin-top: 282px; margin-right: 50px; }
.why-nonskid {margin-top: -250px;position: relative;min-height: 850px;}
.why-nonskid .sec-title { float: right; text-align: right; margin-right: 160px; }
.why-nonskid .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 260px; }
.why-nonskid .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.why-nonskid .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 66%; float: right; margin-top: 334px; }
@media only screen and (max-width:767px) {
    .why-advantages { padding: 50px 0px 0px; position: relative; min-height: 332px; }
    .why-advantages .sec-title { width: 100%; }
    .why-advantages .sec-title h3 { }
    .why-advantages .text-box { width: 100%; }
    .why-light { margin-top: 0px; position: relative; min-height: auto; }
    .why-light .sec-title { float: none; width: 100% !important; height: auto !important; text-align: left; margin-right: 0px; background-size: cover !important; min-height: 417px; }
    .why-light .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; margin-right: 30px; padding-top: 36px; }
    .why-light .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-right: 30px; }
    .why-light .sec-title .text-box { color: #59595a; font-size: 13px; font-weight: 400; line-height: 1.6em; text-align: right; width: 60%; float: left; margin-top: 0px; margin-right: 30px; text-align: left; }
    .why-recycling { margin-top: 50px; position: relative; min-height: auto; }
    .why-recycling .sec-title { float: none; width: 100% !important; height: auto !important; text-align: right; min-height: 300px; background-size: contain !important; }
    .why-recycling .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; padding-top: 185px; }
    .why-recycling .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .why-recycling .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 100%; float: none; margin-top: 0px; }
    .why-stackable { margin-top: 50px; position: relative; min-height: auto; }
    .why-stackable .sec-title { float: none; width: 100% !important; height: auto !important; text-align: left; margin-right: 0px; background-size: contain !important; min-height: 370px; }
    .why-stackable .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; padding-top: 236px; }
    .why-stackable .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .why-stackable .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: left; width: 100%; float: none; margin-top: 0px; }
    .why-longlasting { position: relative; min-height: auto; margin-top: 50px; }
    .why-longlasting .sec-title { float: none; width: 100% !important; height: auto !important; text-align: right; background-size: cover !important; min-height: 463px; }
    .why-longlasting .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0; margin-right: 0px; padding-top: 50px; }
    .why-longlasting .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-right: 0px; }
    .why-longlasting .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 100%; float: right; margin-top: 0px; margin-right: 0px; }
    .why-durable { margin-top: 50px; position: relative; min-height: 450px; }
    .why-durable .sec-title { float: none; width: 100% !important; height: auto !important; text-align: left; margin-right: 0px; background-size: contain !important; min-height: 350px; }
    .why-durable .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; padding-top: 20px; }
    .why-durable .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .why-durable .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: left; width: 100%; float: none; margin-top: 0px; }
    .why-hammer { margin-top: -50px; position: relative; min-height: auto; }
    .why-hammer .sec-title { float: none; width: 100% !important; height: auto !important; text-align: right; background-size: contain !important; min-height: 300px; }
    .why-hammer .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px;/* margin-right: -60px; */ padding-top: 220px; }
    .why-hammer .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .why-hammer .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 100%; float: none; margin-top: 0px; }
    .why-cutable { margin-top: 50px; position: relative; min-height: auto; }
    .why-cutable .sec-title { float: none; width: 100% !important; height: auto !important; text-align: left; margin-right: 0px; background-size: contain !important; min-height: 300px; }
    .why-cutable .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; padding-top: 188px; }
    .why-cutable .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .why-cutable .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: left; width: 100%; float: none; margin-top: 0px; }
    .why-scratch { margin-top: 50px; position: relative; min-height: auto; }
    .why-scratch .sec-title { float: none; width: 100% !important; height: auto !important; text-align: left; margin-left: 0px; background-size: contain !important; min-height: 300px; }
    .why-scratch .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; margin-right: 0px; padding-top: 30px; }
    .why-scratch .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-right: 0px; }
    .why-scratch .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: left; width: 39%; float: none; margin-top: 0px; margin-right: 0px; }
    .why-nonskid { margin-top: 50px; position: relative; min-height: auto; }
    .why-nonskid .sec-title { float: none; width: 100% !important; height: auto !important; text-align: right; margin-right: 00px; min-height: 300px; background-size: contain !important; }
    .why-nonskid .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; margin-top: 0px; }
    .why-nonskid .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .why-nonskid .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; text-align: right; width: 100%; float: none; margin-top: 0px; }
}
.whatis-intro { padding: 50px 0; position: relative; }
.whatis-intro .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.6em; text-align: justify; width: 95%; }
.whatis-intro .text-box .sec-title { margin-bottom: 45px; }
.whatis-intro .text-box .sec-title h3 { position: relative; display: block; font-size: 24px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.whatis-gain { position: relative; padding: 100px 0; min-height: 500px; }
.whatis-gain .sec-title { position: absolute; top: 31%; left: 20%; }
.whatis-gain .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 5.2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; }
.whatis-gain .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 4px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
.whatis-gain .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; width: 57%; }
.whatis-download { position: relative; padding: 100px 0; min-height: 550px; }
.whatis-download .sec-title { position: absolute; top: 26%; right: 2.8%; }
.whatis-download .sec-title h3 { position: relative; display: block; font-size: 18px; letter-spacing: 4.9px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; text-align: right; }
.whatis-download .sec-title h1 { position: relative; display: block; font-size: 40px; letter-spacing: 8px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-align: right; text-transform: uppercase; }
.whatis-download .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; width: 57%; text-align: right; float: right; }
.whatis-download .sec-title .btn-style-one { clear: both; margin-top: 40px; padding: 5px 29px; }
@media only screen and (max-width:767px) {
    .whatis-intro { padding: 50px 0; position: relative; }
    .whatis-intro .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.6em; text-align: justify; width: 95%; }
    .whatis-intro .text-box .sec-title { margin-bottom: 25px; margin-top: 25px; }
    .whatis-intro .text-box .sec-title h3 { position: relative; display: block; font-size: 24px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .whatis-gain { position: relative; padding: 0px; min-height: 300px; }
    .whatis-gain .sec-title { position: absolute; top: 100%; left: 0; }
    .whatis-gain .sec-title h3 { position: relative; display: block; font-size: 14px; letter-spacing: 3.2px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; }
    .whatis-gain .sec-title h1 { position: relative; display: block; font-size: 29px; letter-spacing: 3px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; }
    .whatis-gain .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; width: 95%; }
    .whatis-download { position: relative; padding: 0px; min-height: 300px; }
    .whatis-download .sec-title { position: absolute; top: 100%; left: 0; right: auto; }
    .whatis-download .sec-title h3 { position: relative; display: block; font-size: 14px; letter-spacing: 2.85px; line-height: 1.3em; color: #6e7c27; font-weight: 300; text-transform: uppercase; text-align: right; }
    .whatis-download .sec-title h1 { position: relative; display: block; font-size: 25px; letter-spacing: 8px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-align: right; text-transform: uppercase; }
    .whatis-download .sec-title .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.8em; width: 100%; text-align: right; float: right; }
    .whatis-download .sec-title .btn-style-one { clear: both; margin-top: 20px; padding: 5px 29px; }
}
.contact-form { position: relative; margin-bottom: 50px; margin-top: 50px }
.contact-form .form-group { position: relative; margin-bottom: 20px; }
.contact-form .ui-selectmenu-button.ui-button, .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select { position: relative; display: block; width: 100%; height: 50px; font-size: 14px; line-height: 30px; color: #848484; font-weight: 600; padding: 9px 20px; background-color: #ffffff; border: 1px solid #fff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; text-transform: uppercase; box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.1); }
.contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus { border-color: #efefef; background: #59595a; color: #ffff }
.contact-form .form-group textarea { height: 120px; resize: none; }
.contact-form .form-group input[type="submit"], .contact-form button { display: block; width: 100%; font-size: 16px; line-height: 30px; color: #fff; font-weight: 700; padding: 10px 50px; background-color: #405220; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-transform: uppercase; }
.contact-form .form-group input[type="submit"]:hover, .contact-form button:hover { background-color: #6e7c27; }
.contact-form .form-group label.error { position: absolute; top: 20%; right: 10px; font-size: 12px; color: #b01116 }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #59595a; border-color: #59595a; color: #fff; }
.media-intro { padding: 50px 0; position: relative; }
.media-intro .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.6em; text-align: justify; }
.media-intro .text-box .sec-title { text-align: right }
.media-intro .text-box .sec-title h1 { font-size: 40px; letter-spacing: 2px; line-height: 1.3em; color: #6e7c27; font-weight: 700; text-transform: uppercase; position: relative; z-index: 1 }
.media-intro .text-box .sec-title h3 { font-size: 100px; letter-spacing: 0.6px; line-height: 0.7em; color: #e7eae3; font-weight: 900; text-transform: uppercase; }
@media only screen and (max-width:767px) {
    .media-intro .text-box .sec-title { margin-top: 40px; text-align: center }
    .media-intro .text-box .sec-title h1 { font-size: 30px; }
    .media-intro .text-box .sec-title h3 { font-size: 70px; }
}
.media-player { padding: 50px 0; position: relative; }
.media-player .playerbg { background: url('../images/playerbg.jpg') no-repeat top center; min-height: 401px; background-size: contain }
.media-player .playerbg iframe { position: relative; width: 283px; height: 178px; left: 232px; top: 101px; }
.media-player .text-box { color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.6em; text-align: justify; }
.media-player .text-box .sec-title { text-align: left; margin-top: 80px }
.media-player .text-box .sec-title h1 { font-size: 18px; letter-spacing: 2px; line-height: 1.7em; color: #6e7c27; font-weight: 300; text-transform: uppercase; position: relative; z-index: 1 }
.media-player .text-box .sec-title h3 { font-size: 29px; letter-spacing: 0.6px; line-height: 1.5em; color: #6e7c27; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }
.media-player .text-box .sec-title p {width: 85%;margin-top: 20px;}
@media only screen and (max-width:1024px) {
    .media-player .playerbg { background-size: cover; min-height: 300px; }
    .media-player .playerbg iframe { position: absolute; left: 29%; top: 31%; width: 38.5%; height: 55%; }
}
@media only screen and (max-width:767px) {
    .media-player { padding-top: 0px; }
    .media-player .playerbg iframe { left: 11%; top: 24%; width: 72%; height: 46%; }
    .media-player .text-box .sec-title { margin-top: 0px }
    .media-player .text-box .sec-title p { width: 100% }
}
@media only screen and (max-width:414px) {
    .media-player .playerbg iframe { left: 22%; width: 52%; }
}
@media only screen and (max-width:375px) {
    .media-player .playerbg iframe { left: 19%; width: 57%; }
}
@media only screen and (max-width:360px) {
    .media-player .playerbg iframe { left: 18%; width: 59%; }
}
@media only screen and (max-width:320px) {
    .media-player .playerbg iframe { left: 14%; width: 66%; }
}
.media-videos .item .embed,.media-videos .item .description { display: none }
.media-videos .item .image { position: relative; border:2px solid transparent; ; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.media-videos .item .image:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);z-index: 1;}
.media-videos .item .image:after { content: '\f1ca'; font-family: 'Flaticon'; font-size: 20px; color: #415320; position: absolute; top: 50%; left: 50%; width: 50px; font-weight: 700; height: 50px; text-align: center; line-height: 50px; border: 2px solid #415320; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.media-videos .item .image span {position: absolute;right: 4px;bottom: 0px;color: #415320;width: 103px;font-size: 13px;font-weight: 400;z-index: 3;text-align: right;line-height: 1.5em;}


.media-videos .item a.selected .image {display: block;padding: 5px;border:2px solid #6e7c27;}

.media-videos .video-title { color: #59595a; text-transform: uppercase; font-size: 16px; line-height: 1.6em; font-weight: 700; margin-top:15px; }
.media-videos .owl-nav { position: absolute; left: 0; text-align: center; top: 32%; width: 100%; }
.media-videos .owl-nav .owl-prev { position: relative; width: 31px; height: 31px; font-size: 51px; display: inline-block; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.media-videos .owl-nav .owl-prev {left: -40px;position: absolute;}
.media-videos .owl-nav .owl-next {position: absolute;right: -40px;}


.media-photos { padding: 50px 0; position: relative; }
.media-photos ul li {width: 268px;float: left;margin-right: 30px;margin-bottom: 30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative}
.media-photos ul li:nth-child(4n+4) {  margin-right: 0px }
.media-photos ul li a { display: block; position: relative; }
.media-photos ul li  .image img {-webkit-filter: grayscale(80%);filter: grayscale(50%);opacity: 0.5;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.media-photos ul li:hover::before  {content:'';position: absolute;right:0px;top: -10%;width: 45%;height: 92%;background: rgba(114,128,46,0.2);}
.media-photos ul li:hover .image img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;   }
.media-photos ul li a.image-download:after {position: absolute;right: 6px;bottom: 6px;content: url('../images/icons/download-icon.png');width: 30px;height: 28px;}
.media-photos ul li:hover a.image-download::after { content: url('../images/icons/download-icon-green.png'); }


.media-photos ul li .title {margin-top: 25px;font-size: 16px;text-transform: none;color: #59595a;font-weight: 400;line-height: 1.2em;letter-spacing: 0;clear: both;;width: 80%;}

@media only screen and (max-width:767px) {
    .media-photos ul li { width: 100%}
    .media-photos ul li a.image-download:after {bottom: 0px;}
}

.media-photos-description {padding:100px 0px 50px 0px; }
.media-photos-description p { width: 40%; color: #59595a; font-size: 14px; font-weight: 400; line-height: 1.6em; text-align: left;}

@media only screen and (max-width:767px) {
    .media-photos-description {padding:50px 0px 0px 0px; }
    .media-photos-description p { width: 100%}
}