/******************************************************************
Theme Name: Bones (Rename Me!)
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.
/******************************************************************
Theme Name: Bones (Rename Me!)
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.

/*Fonts*/
@font-face {font-family: Roboto Condensed Light;  src: url(library/fonts/RobotoCondensed-Light.ttf);  font-weight: 400;}
@font-face {font-family: Roboto Condensed Regular;  src: url(library/fonts/RobotoCondensed-Regular.ttf);  font-weight: 400;}
@font-face {font-family: Roboto Condensed Bold;  src: url(library/fonts/RobotoCondensed-Bold.ttf);  font-weight: 400;}
@font-face {font-family: Roboto Condensed Light Italic;  src: url(library/fonts/RobotoCondensed-LightItalic.ttf);  font-weight: 400;}
@font-face {font-family: Roboto Condensed Italic;  src: url(library/fonts/RobotoCondensed-Italic.ttf);  font-weight: 400;}
@font-face {font-family: Roboto Condensed Bold Italic;  src: url(library/fonts/RobotoCondensed-BoldItalic.ttf);  font-weight: 400;}

/*Genral*/
*{margin: 0px; padding: 0px; box-sizing: border-box; outline: none;}
html{width: 100%; height: 100%;}
body{width: 100%; min-height: 100%; padding-top: 100px; font-size: 14px; font-family: 'Roboto Condensed Regular', sans-serif;}
img{max-width: 100%;}
b{font-family: Roboto Condensed Bold;}
.container{width: 1200px; max-width: 95%; padding: 0px; margin: 0 auto;}
ul,li{list-style-type: none;}
.center{text-align: center;}
.right{text-align: right;}
a, a:focus, a:hover{text-decoration: none; color: #000;}
section{padding: 100px 0; overflow: hidden;}
h2.title, h1.title, h1.page-title{color: #677d31; position: relative; margin-bottom: 50px; font-size: 36px; text-transform: uppercase; line-height: normal;}
h1.page-title{text-align: center;}
h2.title:before, h1.title:before, h1.page-title:before{content: ''; position: absolute; left: 50%; bottom: -20px; border-radius: 5px; transform: translate(-50%); width: 50px; height: 5px; background-color: #b0cb1f;}
h2.title.up-line, h1.title.up-line{margin-top: 50px; margin-bottom: 10px;}
h2.title.up-line:before, h1.title.up-line:before{top: -20px; bottom: initial;}
h2.title.light, h1.title.light{color: #fff;}
h2.title.light:before, h1.title.light:before{background-color: #fff;}
h2.title.left, h1.title.left{text-align: left;}
h2.title.left:before, h1.title.left:before{left: 0; transform: none;}
h3.small-title{position: relative; margin-bottom: 25px; font-size: 26px; text-transform: uppercase;}
h3.small-title:before{content: ''; position: absolute; left: 50%; bottom: -12px; border-radius: 5px; transform: translate(-50%); width: 30px; height: 3px; background-color: #677d31;}
.section-detail{font-size: 18px; padding: 0 65px; line-height: 28px; text-align: center; margin-bottom: 40px;}
.button{line-height: 37px; padding: 0 30px; border-radius: 35px; font-size: 16px; transition: all 0.5s; outline: none; display: inline-block;}
.genral{color: #fff; background-color: #b0cb1f;}
.white{background-color: #fff; color: #000;}
.genral.button:hover,.genral.button:focus{color: #fff; background-color: #445323;}
.border-button{transition: all 0.5s; cursor: pointer; color: #677d31; font-size: 18px; border: 2px solid #677d31; line-height: 40px; padding: 0 35px; display: inline-block; font-family: Roboto Condensed Bold;}
.border-button:hover{color: #fff; background-color:#677d31;}
.border-button.light{background-color: transparent; color: #fff; border: 2px solid #fff;}
.border-button.light:hover{color: #677d31; background-color:#fff;}
.highlight{color: #b5cf30;}
.light-color{color: #fff;}
.plus-mobile{display: none;}
.top-btn{height: 43px; width: 43px; overflow: hidden; position: fixed; right: 50px; bottom: 50px; border-radius: 50px; opacity: 0; visibility: hidden;}
.backtotop .top-btn{visibility: visible; opacity: 1;}
.top-btn img{object-fit: cover; width: 100%; height: 100%; object-position: center; display: block;}
ul.bullate{padding-left: 20px;}
ul.bullate li{list-style-type: disc;}
ul.inline-links{font-size: 0px;}
ul.inline-links li{font-size: 14px; display: inline-block;}
ul.inline-links li a{border-right: 2px solid #fff; color: inherit; padding: 0 15px;}
ul.inline-links li:last-child a{border-right: 0px}
.no-display{ display: none;}
 
/*Header*/
.header{padding:15px 0; box-shadow: 0px 0px 20px #bbb; transition: all 0.5s; position: fixed; padding: 15px 0; z-index: 999999; left: 0; right: 0; top: 0; background: #fff;}
.header .logo{display: inline-block; max-width: 250px;}
.header .menu-btn{height: 50px; width: 50px; font-size: 32px; display: none; background-color: #fff; border: 0px solid #677d31; color: #677d31; border-radius: 3px; outline: none; line-height: 47px; float: right;}
.header nav{float: right; text-transform: uppercase;}
.header nav ul.main-menu{float: left;}
.header nav ul.main-menu > li{float: left; text-transform: uppercase; position: relative;}
.header nav ul.main-menu li:last-child{border-bottom: 0px !important;}
.header nav ul.main-menu > li > a{font-size: 18px; font-family: Roboto Condensed Bold; color: #565555; padding: 22px 15px; display: block; line-height: 26px;}
.header nav ul.main-menu > li > a:after{content: ''; right: 100%; height: 5px; background-color: #647a30; position: absolute; left: 15px; bottom: -15px; transition: all 0.5s;}
.header nav ul.main-menu > li:hover a, .header nav ul.main-menu > li.active a{color: #677d31;}
.header nav ul.main-menu > li:hover a:after, .header nav ul.main-menu > li.active a:after{right: 15px;}
.header nav ul.main-menu > li.have-menu{padding-right:25px;}
.header nav ul.main-menu > li.have-menu:before{content: ''; background-color: transparent; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-top: 8px inset #c3c3c3; right: 10px; top: 50%; transform: translate(0, -25%);}
.header nav ul.main-menu > li.active.have-menu:before, .header nav ul.main-menu > li.have-menu:hover:before{border-top: 8px inset #a0d02b;}
.header nav ul.main-menu > li.have-menu > ul{position: absolute;  box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.2); opacity: 0; min-width: 200px; visibility: hidden; left: 15px; background-color: #fff; top: 110px; transition: all 0.5s;}
.header nav ul.main-menu > li.have-menu:hover > ul{visibility: visible; top: 85px; opacity: 1;}
.header nav ul.main-menu > li.have-menu > ul > li{font-size: 22px; transition: all 0.5s; vertical-align: middle; color: #565555; border-bottom: 1px solid #e0e0e0; position: relative;}
.header nav ul.main-menu > li.have-menu > ul > li:hover{color: #fff;}
.header nav ul.main-menu > li.have-menu > ul > li > a{color: #565555; transition: all 0.5s; padding: 12px 15px 8px 15px; display: block; font-family: Roboto Condensed Bold;}
.header nav ul.main-menu > li.have-menu > ul > li:hover > a{color: #fff; background-color: #647a30;}
.header nav ul.main-menu > li.have-menu > ul > li span{font-size: 18px; vertical-align: top; margin-left: 10px; line-height: 26px;}
.header nav ul.main-menu > li.have-menu > ul > li img{max-width: 25px;}
.header nav ul.main-menu > li.have-menu > ul > li:hover img{filter: brightness(100);}
.header nav ul.main-menu > li.have-menu > ul > li.have-subs{}
.header nav ul.main-menu > li.have-menu > ul > li.have-subs:before{position: absolute; right: 15px; top: 50%; transform: translate(-50%, -50%); font-size: 18px; content: "\f105"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.header nav ul.main-menu > li.have-menu > ul > li > ul{position: absolute; visibility: hidden; transition: all 0.5s; opacity: 0; left: 100%; min-width: 200px; top: 20px; background-color: #fff; box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.2);}
.header nav ul.main-menu > li.have-menu > ul > li:hover > ul{visibility: visible; top: 0px; opacity: 1; opacity: 1;}
.header nav ul.main-menu > li.have-menu > ul > li > ul > li{ font-family: Roboto Condensed Bold; color: #565555; border-bottom: 1px solid #e0e0e0;}
.header nav ul.main-menu > li.have-menu > ul > li > ul > li a{color: #565555; font-size: 18px; padding: 14.5px; transition: all 0.5s; white-space: nowrap; display: block;}
.header nav ul.main-menu > li.have-menu > ul > li > ul > li:hover a{color: #fff; background-color: #647a30;}

.second-nav{}
.second-nav .header{/*visibility: hidden; top: -50px; opacity: 0;*/}
.second-nav .about-link-bar{min-height: 100px; box-shadow: none;}
.second-nav .about-link-bar .link-bar{position: fixed; top: 100px; left: 0px; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); width: 100%; z-index: 9999; background-color: #fff;}

/*Default Page*/
.page-template-default{}
.page-template-default .text-content{min-height:calc(100vh - 420px); padding: 70px 0;}
.page-template-default .text-content p{margin-bottom: 20px; font-size: 16px;}
.page-template-default .text-content ul{padding-left: 20px; margin-bottom: 20px;}
.page-template-default .text-content ul li{list-style-type: disc;}

/*404 Error Page*/
.error404{}
.error404 .text-content{min-height:calc(100vh - 420px); padding: 70px 0;}
.error404 .text-content .col-md-12{}
.error404 .text-content .error_sl{}
.error404 .text-content h1{font-size: 48px; margin-bottom: 20px; color: #677d31;}
.error404 .text-content p{font-size: 18px;}

/*Site Map*/
.sitemap{min-height: calc(100vh - 420px); padding: 70px 0;}
.sitemap-main-box{display: inline-block; width: 100%;}
.sitemap-main-box .half-column{width: 50%; float: left; margin-bottom: 50px;}
.sitemap-main-box .half-column h3{font-size: 32px; margin-bottom: 20px; color: #677d31;}
.sitemap-main-box .half-column ul{}
.sitemap-main-box .half-column ul li{font-size: 22px;margin-bottom: 10px;}
.sitemap-main-box .half-column ul li a{display: inline-block;}
.sitemap-main-box .half-column ul li a i{margin-right: 10px; transition: all 0.5s;}
.sitemap-main-box .half-column ul li a:hover i{margin-left: 10px;}
.sitemap-main-box .half-column:nth-child(2n+1){clear: both;}


/*Banner*/
.banner{position: relative; height: calc(87vh - 100px); max-height: 650px;}
.banner>img{width: 100%; object-fit: cover; object-position: bottom center; height: 100%;}
.banner .slides{}
.banner .slides .slick-list{height: 100%;}
.banner .slides .slick-list .slick-track{height: 100%;}
.banner .slides .slides-item{}

.home .banner{height: auto; max-height: initial;}

.banner .genral-banner-content{position: absolute; left: 0px; top: 50%; width: 100%; transform: translate(0, -50%); color: #fff;}
.banner .genral-banner-content h2.title{font-size: 72px; margin-top: 0px;}
.banner .genral-banner-content h2.title:before{display: none;}
.banner .genral-banner-content p{font-size: 24px; margin: 15px 0; max-width: 35%;}
.banner .genral-banner-content a{margin-top: 25px;}
.banner .top-slider{width: calc(50vw - 225px); position: absolute; left: 0; top: 0; height: 50%;}
.banner .bottom-slider{width: calc(50vw - 225px); position: absolute; left: 0; bottom: 0; height: 50%;}
.banner .right-slides{width: calc(50vw - 225px); position: absolute; right: 0; top:0; height: 100%;}

/*Fade Slide*/
.slides{height: 100%;}
.slides img{object-fit: cover; object-position: center; width: 100%; height: 100%;}
.slides .slides-item.slidesjs-slide{height: 100%;}
.slidesjs-container{width: 100% !important; height: 100% !important;}
.slidesjs-container .slidesjs-control{width: 100% !important; height: 100% !important;}
.slidesjs-navigation, .slidesjs-pagination{display: none;}

.center-text{text-align: justify; position: relative; z-index: 99; padding: 70px; color: #fff; width: 450px; margin: 0 auto; background-image: linear-gradient(to bottom, rgba(176, 203, 31, 0.92), rgba(103, 125, 49, 0.92)), url(library/images/center-text-bg.png); background-position: top center; background-size: cover;}
.center-text h1{font-size: 49px; text-transform: uppercase; font-family: Roboto Condensed Bold; text-align: left; margin-bottom: 20px;}
.center-text p{font-size: 18px;}
.center-text img{margin: 30px auto 0; display: block;}
.center-text .banner-text-contents{min-height: 250px;}

/*Slick Slider*/
.strengh-portion .slick-list{position: relative;}
.strengh-portion .slick-list:before{content: ''; position: absolute; top: 28%; left: 0px; right: 0px; height: 16px; background-color: #b0cb1f; border-radius: 10px;}
.strengh-portion .slick-arrow{display: none !important;}
.strengh-portion .slide-main-item{padding: 20px 50px; outline: none;}
.strengh-portion .slide-main-item .thumbnail{margin-bottom: 20px;}
.strengh-portion .slide-main-item .thumbnail img{box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.2); transition: all 0.5s; display: initial; border-radius: 500px; border: 10px solid #fff;}
.strengh-portion .slide-main-item:hover .thumbnail img{border: 10px solid #b0cb1f;}
.strengh-portion .slide-main-item p{margin: 0 auto 25px; max-width: 210px; line-height: 25px; font-size: 18px; height: 100px; overflow: hidden;}

/*Research Section*/
.research-section{padding: 50px 0; background-image: url(library/images/rd-section-bg.jpg); background-position: center; background-size: cover;}
.research-section .rd-box {background-image:url(library/images/rd-bg.jpg); color: #445322; background-position: center; background-size: cover; padding: 50px; max-width: 450px;}
.research-section .rd-box h4{font-size: 26px; margin-bottom: 15px;}
.research-section .rd-box p{font-size: 18px; margin-bottom:15px;}
.research-section .rd-box ul{padding-left: 20px;}
.research-section .rd-box ul li{list-style-type: disc; font-size: 18px; margin-bottom:15px;}
.research-section .rd-box a{color: #677d31; font-family: Roboto Condensed Bold;}

/*Product Page*/
.product-box-section{}
.product-box-section ul{font-size: 0px;}
.product-box-section ul li.product-item{display: inline-block; width: 33.333%; padding: 15px; font-size: 18px; vertical-align: top;}
.product-box-section ul li.product-item a{display: block;}
.product-box-section ul li.product-item a .product-box{border: 1px solid #e8e8e8; padding: 30px; border-radius: 30px; transition: all 0.5s;}
.product-box-section ul li.product-item a .product-box:hover{color: #fff; background-color: #657b30;}
.product-box-section ul li.product-item a .product-box .thumb{height: 190px;}
.product-box-section ul li.product-item a .product-box .thumb img{max-height: 100%; max-width: 100%;}
.product-box-section ul li.product-item a .product-box h4{font-size: 26px; text-transform: uppercase; margin-bottom: 15px;}
.product-box-section ul li.product-item a .product-box .description{font-size: 14px;}

/*Product Inner Page*/
.product-inner-detail{background-color: #647a30; padding-bottom: 0px;}
.product-inner-detail .bottom-bg{width: 100%; margin-top: 100px;}
.product-inner-detail .bottom-bg img{width: 100%; display: block;}
.product-inner-section{}
.product-inner-section ul{font-size: 0px;}
.product-inner-section ul li.product-item{display: inline-block; vertical-align: top; width: 25%; padding: 20px; font-size: 18px;}
.product-inner-section ul li.product-item a{display: block;}
.product-inner-section ul li.product-item a .product-box{}
.product-inner-section ul li.product-item a .product-box .thumb{padding: 10px; border-radius: 250px; border: 2px dotted #fff; margin-bottom: 20px; overflow: hidden;}
.product-inner-section ul li.product-item a .product-box .thumb img{border-radius: 250px; display: block; transition: transform .6s; width: 100%;}
.product-inner-section ul li.product-item a:hover .product-box .thumb img{transform: scale(1.15);}
.product-inner-section ul li.product-item a .product-box h4{font-size: 24px; color: #fff; text-transform: uppercase; font-weight: 400; line-height: 30px; min-height: 60px;}

/*Single Product*/
.product-section{font-size: 0px;}
.product-section .product-detail{width: 66.666%; font-size: 16px; display: inline-block; padding: 0 20px 0 0;}
.product-section .product-detail .feature-image{max-width: 95%; overflow: hidden; margin: 0 25px; margin-bottom: -70px; box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.25); height: 350px;}
.product-section .product-detail .feature-image img{display: block; object-fit: cover; width: 100%; height: 100%; object-position: center;}
.product-section .product-detail .product-description{background-color: #647a30; color: #fff;  padding: 25px; padding-top: 100px;}
.product-section .product-detail .product-description ul{padding-left: 20px;}
.product-section .product-detail .product-description ul li{list-style-type: disc;}
.product-section .product-detail .product-description p{margin: 20px 0;}
.product-section .contact-form{display: inline-block; width: 33.333%; padding: 0 20px; vertical-align: top; font-size: 14px;}
.product-section .contact-form .company-banner{text-align: center; padding: 4px 0;}
.product-section .contact-form .company-banner img{}
.product-section .contact-form .action-btn{padding: 0 15px;}
.product-section .contact-form .action-btn a.company-btn{font-weight: 500; font-family: Roboto Condensed Bold; display: block; transition: all 0.5s; line-height: 42px; border: 2px solid #647a30; text-align: center; font-size: 18px; color: #647a30;}
.product-section .contact-form .action-btn a.company-btn:hover{background-color: #647a30; color: #fff;}
.product-section .contact-form .form-section{padding: 15px;  box-shadow: 0px 0px 22.5px 2.5px rgba(0, 0, 0, 0.15); margin-top: 40px;}
.product-section .contact-form .form-section .gf_browser_chrome.gform_wrapper{margin: 0px;}
.product-section .contact-form .form-section .gform_wrapper .validation_message{padding: 0px !important; text-align: left; bottom: 5px; left: 2px; top: initial;}
.product-section .contact-form .form-section .gform_button.button{margin: 0px;}
.product-section .contact-form .form-section .gform_footer.top_label{padding: 0px;}
.product-section .contact-form .form-section h3{margin-bottom: 15px; font-size: 22px; font-family: Roboto Condensed Bold;}
.product-section .contact-form .form-section p{margin-bottom: 20px;}
.product-section .contact-form .form-section form{margin: 0px;}
.product-section .contact-form .form-section form {margin-bottom: 5px;}
.product-section .contact-form .form-section form .input{}
.product-section .contact-form .form-section form input{width: 100%; color: #000; outline: none; padding: 0 5px !important; margin-bottom: 10px; line-height: 32px; border: 0px; border-bottom: 2px solid #e7e7e7; font-size: 14px !important;}
.product-section .contact-form .form-section form input::placeholder{color: #000;}
.product-section .contact-form .form-section form textarea{width: 100%; color: #000; max-width: 100%; padding: 0 5px !important; min-height: 150px; line-height: 32px; border: 0px; border-bottom: 2px solid #e7e7e7; font-size: 14px !important; margin-bottom: 15px; outline: none; font-family: Roboto Condensed Regular;}
.product-section .contact-form .form-section form textarea::placeholder{color: #000;}
.product-section .contact-form .form-section form .chosen-single span{color: #000;}
.product-section .contact-form .form-section form .gfield{margin: 0px !important;}
.product-section .contact-form .form-section form .top_label div.ginput_container{margin: 0px 0px 15px 0 !important;}
.product-section .contact-form .form-section form .gfield_label{display: none;}
.product-section .contact-form .form-section form .chosen-single{box-shadow: none; border: 0px; border-bottom: 2px solid #e7e7e7; background: transparent; border-radius: 0px; line-height: 32px; height: 32px; color: #9d9d9d; padding-left: 5px;}

.page-template-tpl_expertise .banner .title:before{display: none;}

/*Research Department*/
.research-department{position: relative;}
.research-department .image-portion{width: 42vw; position: absolute; left: 0px; top: 70px; bottom: 50px; background-image: url(library/images/small-slider-bg.jpg);}
.research-department .image-portion img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center;}
.research-department .text-portion{width: 50%; font-size: 18px; padding: 50px; float: right;}
.research-department .text-portion p{}

.research-department [type=radio] {display: none;}
.research-department #flip {perspective: 1000px; transform-style: preserve-3d; height: 74%; position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); width: 100%;}
.research-department #flip label {margin: auto; width: 40%; border-radius: 5px; overflow: hidden; position: absolute; left: 0; right: 0; cursor: pointer; transition: transform 0.6s ease;}
#s1:checked ~ #flip2, #s2:checked ~ #flip1 {box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(30%,0,-200px);}
#s2:checked ~ #flip2, #s1:checked ~ #flip1{box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19); transform: translate3d(0,0,0); z-index: 999;}
#s2:checked ~ #flip1, #s1:checked ~ #flip2{box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(-90%,0,-300px);}
.research-department #flip1 { background: #00BCD4 }
.research-department #flip2 { background: #4CAF50 }	

/*Tabbed Slider*/
.tabbed-section{padding: 0px;}
.tabbed-section .tab-content{font-size: 0px; padding: 0px; display: flex;}
.tabbed-section .tab-content .image-section{display: inline-block; width: 50%}
.tabbed-section .tab-content .text-portion{font-size: 18px; display: inline-block; padding: 50px; width: 50%; background-image: url(library/images/tab-text-bg.jpg); background-size: cover; background-position: center; vertical-align: top;}
.tabbed-section .tab-content .image-section img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.tabbed-section .tab-content .text-portion>*{max-width: 529px;}
.tabbed-section .tab-content .text-portion .tab-nav{padding-top: 20px;}
.tabbed-section .tab-content .text-portion .tab-nav li{display: inline-block; margin: 0 10px; cursor: pointer;}
.tabbed-section .tab-content .text-portion .tab-nav li i{font-size: 30px; height: 60px; width: 60px; border: 2px solid; line-height: 60px; text-align: center; border-radius: 60px; display: inline-block;}
.tabbed-section .tab-content .text-portion .tab-nav .prew-item{}
.tabbed-section .tab-content .text-portion .tab-nav .next-item{}

/*Tab Content*/
.tabbed-section ul.tabs{margin: 0px; padding: 0px; list-style: none; text-align: center;}
.tabbed-section ul.tabs li{background: none; color: #222; display: inline-block; transition: all 0.5s; padding: 0px 35px; cursor: pointer; font-size: 24px; font-family: Roboto Condensed Bold; line-height: 50px; text-transform: uppercase; position: relative;}
.tabbed-section ul.tabs li.current, .tabbed-section ul.tabs li:hover{color: #6d8239;}
.tabbed-section ul.tabs li:before{content: ''; position: absolute; left: 20px; right:100%; transition: all 0.5s; bottom: 0px; height: 3px; background-color: #6d8239;}
.tabbed-section ul.tabs li.current:before, .tabbed-section ul.tabs li:hover:before{right: 20px;}
.tabbed-section .tab-content{display: none;}
.tabbed-section .tab-content.current{display: block;}
.tabbed-section .tab-content .animation-box{opacity: 0; transition: opacity .5s linear; visibility: hidden;}
.tabbed-section .tab-content.current .animation-box{opacity: 1; visibility: visible; display: flex;}

/*Quality Section*/
.quality-section{position: relative;}
.quality-section .quality-box{display: inline-block;}
.quality-section .quality-box .image-portion{width: 50vw; position: absolute; right: 0px; top: 0px; height: 100%;}
.quality-section .quality-box .image-portion img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: left center;}
.quality-section .quality-box .text-content{width: 50%; font-size: 18px; padding-right: 50px;}
.quality-section .quality-box .text-content p{margin: 25px 0;}

/*About Page*/
.about-link-bar{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); padding: 0px;}
.link-bar{padding: 15px 0;}
.link-bar ul{text-align: center;}
.link-bar ul li{display: inline-block; padding: 0 20px; line-height: 70px;}
.link-bar ul li a{text-transform: uppercase; font-family: Roboto Condensed Bold; transition: all 0.5s; display: block; font-size: 18px; position:relative;}
.link-bar ul li a:before{content: ''; right: 100%; height: 5px; background-color: #647a30; position: absolute; left: 0px; bottom: -15px; transition: all 0.5s;}
.link-bar ul li.active a:before, .link-bar ul li:hover a:before{right: 0px;}
.link-bar ul li.active a, .link-bar ul li:hover a{color: #677d31;}

.about-item{}
.about-item .section-box{display: inline-block;}
.about-item .section-box .image-section{width: 50%; float: left; position: relative;}
.about-item .section-box .image-section:before{content: ''; position: absolute; background-image: url(library/images/dotted-group.png); background-position: center; background-size: cover; left: 0px; height: 32px; width: 100px; top: -40px;}
.about-item:nth-child(2n+1) .section-box .image-section{float: right;}
.about-item:nth-child(2n+1) .section-box .image-section:before{left: initial; right: 0;}
.about-item .section-box .image-section img{width: 100%;}
.about-item .section-box .text-section-box{width: 50%; float: left; position: relative; padding-right: 30px;}
.about-item .section-box .text-section-box:before{content: ''; position: absolute; right: 0px; bottom: -30px; width: 60%; height: 60%; border: 2px dotted #000;}
.about-item:nth-child(2n+1) .section-box .text-section-box:before{right: initial; bottom: initial; left: 0px; top: -30px;}
.about-item:nth-child(2n+1) .section-box .text-section-box{padding-left: 30px; padding-right: 0px;}
.about-item .section-box .text-section-box .text-section{position: relative; background-image: url(library/images/tab-text-bg.jpg); background-size: cover; background-position: center; padding: 60px 40px; font-size: 18px; color: #fff; /*margin-top: -50px;*/ line-height: 30px;}

/*Career*/
.career-banner{}
.career-banner .banner-content{position: absolute; left: 0px; top: 50%; width: 100%; transform: translate(0, -50%);}
.career-banner .banner-content h2.title{font-size: 72px; margin-top: 0px;}
.career-banner .banner-content h2.title:before{display: none;}
.career-banner .banner-content p{font-size: 24px;}
.career-banner .banner-content a{margin-top: 25px;}

.career-section{}
.career-section .career-row{display: flex; flex-direction: row-reverse;}
.career-section .career-row .image-portion{float: right; width: 50%;}
.career-section .career-row .image-portion img{display: block; max-width: 380px; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.career-section .career-row .text-content{float: left; width: 50%; font-size: 18px;}
.career-section .career-row .text-content p{margin: 20px 0; line-height: 25px;}

.apply-form{background-color: #677d31;}
.apply-form h2.title{display: inline-block;}
.apply-form p{font-size: 18px; color: #fff;}
.apply-form .search-portion{padding: 40px 0 0 0; display: inline-block; width: 100%; margin-left: -20px; margin-right: -20px;}
.apply-form .search-portion .search-box{float: left; width: 25%; padding: 0 20px;}
.apply-form .search-portion .search-box .chosen-container{width: 100% !important;}
.apply-form .search-portion .search-box select{height: 44px; padding: 0 5px; border: 0px; outline: none; color: #fff; border-bottom: 2px solid #fff; background-color: transparent; width: 100%;}
.apply-form .search-portion .search-box select option{color: #000;}
.apply-form .search-portion .search-box .border-button{width: 100%;}
.apply-form .chosen-container-single .chosen-single div b{background-position: 0 10px; filter: brightness(100);}
.apply-form .chosen-container-single .chosen-default{height: 40px; line-height: 40px; border-radius: 0; background: transparent; box-shadow: none; border: 0; border-bottom: 2px solid #fff; color: #fff; font-size: 18px;}
.apply-form .chosen-container-single .chosen-single{height: 40px; line-height: 40px; border-radius: 0; background: transparent; box-shadow: none; border: 0; border-bottom: 2px solid #fff; color: #fff; font-size: 18px;}

.opening-section{}
.opening-section .opening-list-box{padding-top: 50px;}
.opening-section .opening-list-box .opening-item{margin-bottom: 30px; box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.2); padding: 30px; border-radius: 5px;}
.opening-section .opening-list-box .opening-item:last-child{margin-bottom: 0px;}
.opening-section .opening-list-box .opening-item h6{font-size: 18px; display: inline-block;}
.opening-section .opening-list-box .opening-item h6.position-number{float: right;}
.opening-section .opening-list-box .opening-item p{margin: 15px 0; font-size: 16px;}
.opening-section .opening-list-box .opening-item a{color: #677d31;}


/*Kreamaze*/
.brand-section{}
.brand-section .section-detail{text-align: left; padding: 0px;}
.brand-section .section-detail p{margin-bottom: 30px;}
.brand-section .brand-item-box{}
.brand-section .brand-item-box h2{font-size: 36px; font-family: Roboto Condensed Bold; text-transform: uppercase;}
ul.green-boxed-list{padding: 50px 0;}
ul.green-boxed-list li{display: inline-block; margin: 50px 0; position: relative;}
ul.green-boxed-list li .thumb{width: 50%; height: 80%; overflow: hidden; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
ul.green-boxed-list li .thumb img{object-fit: cover; width: 100%; height: 100%; object-position: center;}
ul.green-boxed-list li:nth-child(2n+1) .thumb{left: 0px; right:initial;}
ul.green-boxed-list li .text-portion{float: left; width: 50%; background-color: #5c7c46; padding: 70px 60px; color: #fff; box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.15);}
ul.green-boxed-list li .text-portion h3{font-size: 36px; text-transform: uppercase; margin-bottom: 45px;}
ul.green-boxed-list li .text-portion p{font-size: 18px; line-height: 28px; margin-bottom: 35px;}
ul.green-boxed-list li:nth-child(2n+1) .text-portion{float: right;}
ul.plain-boxed-list{padding: 50px 0;}
ul.plain-boxed-list li{display: inline-block; margin: 50px 0; position: relative;}
ul.plain-boxed-list li .thumb{float: left; width: 40%;}
ul.plain-boxed-list li:nth-child(2n+1) .thumb{float: right;}
ul.plain-boxed-list li .thumb img{}
ul.plain-boxed-list li .text-portion{float: left; width: 60%; padding: 20px 0px 20px 50px;}
ul.plain-boxed-list li:nth-child(2n+1) .text-portion{width: 60%; padding: 20px 50px 20px 0;}
ul.plain-boxed-list li .text-portion h3{font-size: 36px; text-transform: uppercase; margin-bottom: 45px; color:	#677d31;}
ul.plain-boxed-list li .text-portion p{font-size: 18px; line-height: 28px; margin-bottom: 35px;}



/*Contact*/
.contact-banner{position: relative;}
.contact-banner .banner-content{position: absolute; left: 0px; top: 30%; width: 100%; transform: translate(0, -50%);}
.contact-banner .banner-content h2.title{font-size: 84px;}
.contact-banner .banner-content h2.title:before{width: 150px;}
.contact-banner .banner-content p{font-size: 25px; max-width: 40%;}

.top-box{padding: 0px 0 10px; margin-top: -100px; position: relative;}
.top-box .box-parent{font-size: 0px; margin-left: -20px; margin-right: -20px;}
.top-box .box-parent .box{display: inline-block; width: 33.333%; font-size: 14px; padding: 0 20px; vertical-align: top;}
.top-box .box-parent .box .box-content{background-color: #fff; box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.2); text-align: center; padding: 40px 50px;}
.top-box .box-parent .box .box-content img{}
.top-box .box-parent .box .box-content h3{font-size: 50px; color: #5a5a5a; font-family: Roboto Condensed Bold; margin-bottom: 30px; position: relative;}
.top-box .box-parent .box .box-content h3:before{content: ''; width: 100px; background-color: #5a5a5a; height: 3px; position: absolute; left: 50%; transform: translate(-50%); bottom: -10px;}
.top-box .box-parent .box .box-content p{line-height: 30px; min-height: 60px; font-size: 22px;}

.form-section{}
.form-section .form-box{box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.2); padding: 50px;}
.form-section .form-box h2{font-size: 50px; font-family: Roboto Condensed Bold; /*padding: 0 20px;*/}
.form-section .form-box .chosen-single div b{background-position: 0 10px; filter: brightness(100);}
.form-section .form-box .chosen-default{height: 40px; line-height: 40px; font-size: 26px; border-radius: 0; background: transparent; box-shadow: none; border: 0; border-bottom: 2px solid #e7e7e7; color: #000; padding: 0 0 0 5px;}
.form-section .form-box .chosen-single{height: 40px; line-height: 40px; font-size: 26px; border-radius: 0; background: transparent; box-shadow: none; border: 0; border-bottom: 2px solid #e7e7e7; color: #000; padding: 0 0 0 5px;}
.form-section .form-box input::placeholder, .form-section .form-box textarea::placeholder{color: #000;}
.form-section .form-box .gfield_label {display: none;}
.form-section .form-box .validation_message{padding: 0px !important;}
.form-section .form-box .gform_wrapper li.gfield.gfield_error, .form-section .form-box .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background-color: transparent; border-top: 0px; border-bottom: 0px;}
/*.form-section .form-box form{font-size: 0px}
.form-section .form-box form .control-group{display: inline-block; width: 50%; font-size: 16px; padding:10px 20px;}
.form-section .form-box form .control-group.full-width{width: 100%;}
.form-section .form-box form .control-group .input{width: 100%; outline: none; padding: 10px 15px; font-size: 14px; border: 0px; border-bottom: 2px solid #e7e7e7;}
.form-section .form-box form .control-group .input::placeholder{color: #000;}
.form-section .form-box form .control-group textarea{width: 100%; max-width: 100%; min-height: 150px; font-family: Roboto Condensed Regular; letter-spacing: initial; font-size: 14px;}
.form-section .form-box form .control-group select{-webkit-appearance: none; background-image: url(library/images/select-arrow-bg.png); background-repeat: no-repeat; background-position: 96% center; background-size: 14px;}
.form-section .form-box form .control-group .company-btn{max-width: 60%; font-weight: 500; font-family: Roboto Condensed Bold; display: block; margin: 0 auto; transition: all 0.5s; line-height: 42px; border: 2px solid #647a30; text-align: center; font-size: 18px; color: #647a30;}
.form-section .form-box form .control-group .company-btn:hover{background-color: #647a30; color: #fff;}*/

/*Footer*/
footer{background-color: #363636; color: #fff; padding: 30px 0; position: relative;}
footer .container{position: relative;}
footer a{transition: all 0.5s;}
footer a:hover{color: #677d31 !important;}
footer .footer-top{border-bottom: 2px solid #fff; padding-bottom: 20px; display: inline-block; width: 100%;}
footer .footer-top .brand-logo{padding: 20px 30px 20px 0; float: left; width: 25%;}
footer .footer-top .brand-contact{float: left; width: 25%; padding: 0 20px; font-size: 16px;}
footer .footer-top .brand-contact h4{margin-bottom: 20px;}
footer .footer-top .brand-contact p{line-height: 24px; font-size: 14px;}
footer .footer-top .links{float: left; width: 50%; padding: 0 20px;}
footer .footer-top .links ul{font-size: 0px; width: 100%;}
footer .footer-top .links ul li{display: inline-block; width: 50%; font-size: 16px;}
footer .footer-top .links ul li a{color: #fff; padding: 10px 0 15px 40px; display: block; text-transform: uppercase; font-family: Roboto Condensed Bold;}
footer .footer-bottom{padding-top: 20px; font-size: 0px;}
footer .footer-bottom .column{width: 33.333%; display: inline-block; font-size: 14px; vertical-align: top;}
footer .footer-bottom .copyright{}
footer .footer-bottom .copyright a{color: #fff;}
footer .footer-bottom .copyright a:hover{text-decoration: underline;}
footer .footer-bottom .turms{}
footer .footer-bottom .social{}
footer .footer-bottom .social li{}
footer .footer-bottom .social li a{font-size: 30px; padding: 0 7px; border: 0px;}
footer .footer-bottom .social li:hover a{color: #00aeef !important;}

@keyframes showTab{ from {opacity: 0; left: 5px} to {opacity: 1; left: 0;}} 

.gfield_error {background: transparent !important; border-top: 0px !important; border-bottom: 0px !important; margin-bottom: 0px !important;}
.overlay_reach_us{background: #000;}
/*Reach Us form*/
.reach_us_form {position: fixed; top: 0; left: 0; width: 100%; bottom: 0; z-index: 999999; background-color: rgba(0,0,0,.7); overflow-x: hidden; overflow-y: auto;}
.reach_us_form .reach_us_form_inner {width: 850px; max-width: 95%; margin: auto; padding:30px 50px; position: absolute; background: #ffffff; top: 50%; left: 50%; transform: translate(-50%,-50%); animation: fadeIn 0.6s; -webkit-animation: fadeIn 0.6s; -moz-animation: fadeIn 0.6s;}
.reach_us_form .reach_us_form_inner .closebtn {font-size:0; cursor: pointer; position: absolute; right:-22px; top:-22px; background: url(library/images/close-btn.png) no-repeat; height: 56px; width: 56px;}
.reach_us_form .reach_us_form_inner h4 {font-size: 30px;}
.reach_us_form .gfield_html h2{font-size: 50px; font-family: Roboto Condensed Bold; text-transform: capitalize;}
.reach_us_form .gfield.upl_block .gfield_label{display: none;}
.reach_us_form .validation_message{bottom: -10px;}
.gfield.half_wd {width: 50% !important; float: left; padding:10px 15px 5px 0 !important; clear: none !important;}
.gfield.half_wd:nth-child(2n+1) {padding: 10px 0 5px 15px !important;}
.gfield{margin: 0 0 30px 0 !important; position: relative;}
.gfield input{font-size: 26px !important; outline: none; line-height: normal; height: auto; border: 0px; border-bottom: 2px solid #e7e7e7;}
.gfield textarea{font-size: 26px !important; outline: none; line-height: normal; height: auto; border: 0px; border-bottom: 2px solid #e7e7e7;}
.gfield label{font-size: 26px; text-transform: capitalize; margin-top: 0px !important;}
.gfield.upl_block {padding: 0px !important; display: inline-block; width: 100%;}
.gfield.upl_block label{display: none;}
.gfield.upl_block .screen-reader-text{display: none;}
.gfield.upl_block .ginput_container_fileupload{width: 50%; float: right; padding-left: 15px; position: relative;}
.gfield.upl_block .ginput_container_fileupload .medium{position: absolute; left: 15px; height: 60px; opacity: 0; cursor: pointer;}
.gfield.upl_block .ginput_container_fileupload:before{content: 'Choose File'; line-height: 60px; padding: 0 30px; color: #fff; font-size: 26px; background-color: #677d31; display: inline-block;}
.gfield.upl_block .gfield_description{width: 50%; float: left; clear: none;}
.gfield.upl_block .gfield_description p{font-size: 22px; color: #000;}
.gfield.upl_block .gfield_description span{font-size: 20px; color: #a4a4a4;}
.gfield.upl_block .gform_footer{width: 100%;}
.gfield_error .ginput_container_fileupload{padding: 0 0 0 25px !important; margin: 0 !important;}
.gform_footer .gform_button{width: 100% !important; cursor: pointer; background-color: #fff !important; border: 2px solid #677d31 !important; transition: all 0.5s; border-radius: 0px; font-family: Roboto Condensed Bold; color: #677d31 !important; font-size: 26px !important; line-height: 50px;}
.gform_footer .gform_button:hover{background-color: #677d31 !important; border: 2px solid #677d31 !important; color: #fff !important;}
.validation_message{position: absolute; right: 0px; text-align: left; left: 0px; bottom: 0px;}
.validation_error{display: none !important;}

.gfield.half_wd:nth-child(2n+1) .validation_message{left: 15px;}
.reach_us_form .gform_wrapper li.gfield.gfield_error{margin-bottom: 20px !important;}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding: 0px !important;}
.form-section .form-box .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error{max-width: 100% !important;     padding-bottom: 20px !important;}

.thanks_inner{padding: 100px 0; text-align: center;}
.thanks_inner h1{text-align: center; color: #677d31; position: relative; margin-bottom: 50px; font-size: 36px;}
.thanks_inner p{font-size: 24px; text-align: center; margin-bottom: 20px;}
.thanks_inner .contact_us_text{padding-top: 50px; margin-top: 50px; border-top: 1px solid #e7e7e7;}
.thanks_inner p a{color: #677d31;}
.thanks_inner a.btn.btn-gr{color: #677d31; display: inline-block; margin-top: 30px; line-height: 60px; border: 2px solid #667d31; font-size: 22px; padding: 0 50px; transition: all 0.5s;}
.thanks_inner a.btn.btn-gr:hover{background-color: #677d31; color: #fff;}

.gfield.position{}
.gfield.position .ginput_container{position: relative;}
.gfield.position .ginput_container:before{position: absolute; content: ''; left: 0px; right: 0px; top: 0px; bottom: 2px; cursor: not-allowed; z-index: 999; background-color: rgba(255, 255, 255, 0.5);}