body {
    overflow-x:hidden;
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    /*background-repeat:no-repeat;
    background-position:0 0;
    background-image:url('../images/bg.jpg');*/
}
ul,ol, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;} * a{color:inherit;} * a:focus{color:inherit;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus,textarea:focus {outline: none!important;box-shadow:none!important;}
.fa.fa-active-show,.fa.fa-hover-show,.active > .fa.fa-active-hidden,:hover > .fa.fa-hover-hidden{display:none}.active > .fa.fa-active-show,:hover > .fa.fa-hover-show{display:inline-block}.img-dila{overflow:hidden;display:block;position:relative}/*image dilation*/.img-dila img{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}.img-dila:hover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.20);-moz-transform:scale(1.20);-ms-transform:scale(1.20);-o-transform:translatZ(0) scale(1.20);transform:translatZ(0) scale(1.20)}.iblock,.vmiddle{display:inline-block}.vmiddle{vertical-align:middle}.pos-relative{position:relative}.noCursor{cursor:default}.noborder{border:0!important}/*++267 LOGO*/a.logo-267{background-color:#eee;border-radius:50%;padding:6px;margin:10px auto}a.logo-267:hover{background-color:#fafafa}.pusher{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.pusher:hover,.pusher:focus,.pusher:active{-webkit-animation-name:pusher;animation-name:pusher;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pusher{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}/*--267 LOGO*/.middler{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%}.middler-in{width:100%;height:100%;border-spacing:0;display:table;border-collapse:collapse}.middler-in.static{position:static;z-index:auto}.middler-left,.middler-center,.middler-right,.middler-top,.middler-bottom{display:table-cell;vertical-align:middle;text-align:left}.middler-center{text-align:center}.middler-right{text-align:right}.middler-top{vertical-align:top}.middler-bottom{vertical-align:bottom}.ihover{position:absolute;z-index:9;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.nobg{background-color:transparent!important}[data-active-in] {display: none;}[data-active-in].active{display:block;}
.anim,.logo, #bs ul li a ,.footer a,.prebox,.contact-form a,.sidebar a,.ipager a,.ibox,.header a,.iliner,
.product-text,.product-detail,.btn,.slider-controls a,.btn-more,.newbox,.product-hover,.p-box a,.breader a,.p-tmenu a,
.order-menu a,.btn-apply,.down-link,.brand-hover,.brand-box{
    -webkit-transition: 300ms all;
    -moz-transition: 300ms all;
    -o-transition: 300ms all;
    -ms-transition: 300ms all;
    transition: 300ms all;
}
.goTop {
    background-color: #333 !important;
}
.goTop:hover {
    background-color: #000 !important;
}
/*--OPTIONAL STATICS*/

ul.nav.navbar-nav,nav.navbar,a.navbar-brand{
    margin:0;
}
nav.navbar{
    border:none;
    border-radius:0px;
    min-height:inherit;
}
a.navbar-brand{
    height:auto;
    padding:0;
    line-height:inherit;
}
.navbar-toggle{
    border-color:transparent !important;
    margin-right:0;
    margin-top:15px;
    border-radius:0;
    position:absolute;
    right:15px;
    top:5px;
    text-align:right;
    width:40px;
    height:25px;
    background-image:url('../images/icon-bars.png');
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:cover;
}
.navbar-toggle.collapsed {/*CLOSED NO-CLICK!*/
    background-color: transparent !important;
}
.navbar-toggle,.navbar-toggle:hover{/*OPEN CLICKED*/
    background-color:transparent !important;
}
.navbar-toggle .icon-bar{
    background-color:transparent !important;
}

#bs{
    box-shadow:none!important;
    text-align: center;
}
#bs > ul > li > a{
    background-color:transparent !important;
    color:#fff;
    font-weight:700;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-left:10px;
    padding-right:10px;
}
#bs > ul > li > a:hover{
    color:#000;
}
#bs > ul > li.active > a,#bs > ul > li.active > a:hover,#bs > ul > li.active > a:focus{
    background-color:transparent!important;
    color:#68b42d !important;
}
#bs > ul > li:last-child > a{
    /*padding-right:0;*/
}

/*DROPDOWN MENU - SUB-MENU*/
#bs > ul > li:hover ul,.lang-area:hover > ul{
    display:block;
}
#bs > ul .open .dropdown-menu,#bs > ul > li ul,
.lang-area.open > ul, .lang-area > ul{
    margin-top:0!important;
    box-shadow:none!important;
}
#bs > ul > .open > a, #bs > ul > .open > a:hover, #bs > ul > .open > a:focus{
    background-color:transparent;
    cursor:default;
    color:#68b42d !important;
    border-color:transparent!important;
}
#bs > ul .open .dropdown-menu,#bs > ul > li:hover ul,
.lang-area.open > ul, .lang-area:hover > ul{
    margin-top:0px;
    padding:18px 0px 0px;
    border:none!important;
    border-radius:0px;
    min-width:150px!important;
    background-color:transparent;
}
#bs > ul .open .dropdown-menu > li > a,#bs > ul > li:hover ul li a,
.lang-area.open > ul li a, .lang-area:hover > ul li a{
    background-color:transparent;
    display:block;
    font-size:14px;
    padding:10px;
    color:#68b42d;
    background-color:#fff;
}
#bs > ul .open .dropdown-menu > li:hover > a,#bs > ul > li:hover ul li a:hover,
.lang-area.open > ul li a:hover, .lang-area:hover > ul li a:hover{
    background-color:#fff;
    color:#68b42d;
}
.dropdown-menu-center{
    right: auto!important;
    left: 50%!important;
    transform: translate(-50%, 0);
}

.slide > ul{
    transform: scale(0);
}



.header { 
    background: url('../images/menu-bg.jpg') repeat-y; 
    background-size: 100% auto; 
    width:100%; 
    min-height:100px; 
}
.header .logo { 
    float: none; 
    display: inline-block; 
    margin-top: 21px; 
}
.header .icon { 
    width: 50px; 
    height: 50px; 
    background-repeat: no-repeat; 
    background-position: center; 
    display: block; 
    margin: 0 auto; 
}
.header .home { 
    background-image: url('../images/home.png'); 
}
.header .about { 
    background-image: url('../images/2logo.png');
}
.header .product { 
    background-image: url('../images/product.png'); 
}
.header .brand { 
    background-image: url('../images/brand.png'); 
}
.header .press { 
    background-image: url('../images/press.png'); 
}
.header .contact { 
    background-image: url('../images/contact.png'); 
}

.header .language { 
    background-image: url('../images/lang.png'); 
}

.header .lang { 
    display:inline-block;
    vertical-align:middle;
    margin-right:22px;
}
.header .lang .fa{
    color:#fff;
    font-size:14px;
    vertical-align:middle;
    margin-left:3px;
}
.header .search { 
    display: inline-block; 
    vertical-align:middle;
    font-size: 12px; 
    font-weight: 300; 
    letter-spacing: 0.5px; 
    line-height: 30px; 
    color: #fff; 
}
.header .search i { 
    width: 30px; 
    height: 30px; 
    display: inline-block; 
    vertical-align:middle;
    margin: 0; 
     background-image: url('../images/search.png'); 
}
.header .search:hover,.header .cart:hover{
    color:#68b42d;
}
.header .line { 
    display:inline-block;
    width: 1px; 
    height: 87px; 
    background-color: #fff; 
    margin: 18px 18px 0 18px; 
}
.top-cart{
    border-left:1px solid rgba(255,255,255,.17);
}
.top-cart,.top-links{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-top:18px;
    padding:8px 15px;
}
.header .cart { 
    display:inline-block;
    vertical-align:middle;
    font-size: 14px; 
    font-weight: 300; 
    letter-spacing: 0.5px; 
    line-height: 63px; 
    color: #fff; 
}
.cart-icon { 
    width: 66px; 
    height: 66px; 
    background-image: url('../images/cart.png'); 
    margin-right:13px; 
    position: relative; 
    display:inline-block;
    vertical-align:middle;
}
.header .cart i em { 
    background-image: url('../images/oval.png'); 
    background-size:cover;
    width: 30px; 
    height: 30px; 
    display: block; 
    position: absolute; 
    z-index: 4; 
    top: -5px; 
    right: -5px; 
    text-align: center; 
    line-height: 17px; 
    font-style: normal; 
    letter-spacing: 0.3px; 
    font-size: 16px; 
    padding-top:5px;
    font-weight:600;
}
.header .cart span { 
    display: inline-block; 
}
.slider-apply{
    position:relative;
}
.slider-button{
    position:absolute;
    z-index:11;
    bottom:35px;
    text-align:center;
    width:100%;
}
.section-1 .about { 
    background-image: radial-gradient(circle at 9% -11%, #040120, #8ca366 6%, #000); 
    padding:0 18px;
}
.hbox-text { 
    font-size: 18px; 
    font-weight: 300; 
    color: #fff; 
    position:relative;
    overflow:hidden;
    height:200px;
    padding:0 15px;
}
.hbox-text.color-dark { 
    color: #68b42d; 
}
.hbox { 
    height: 520px;
}
.titler{
    color:#fff;
    text-align:left;
}
.titler.color-dark,.titler.color-dark h2 small{
    color:#000;
}
.titler h2{
    font-size: 32px; 
    line-height:100%;
    letter-spacing: 10.6px; 
}
.titler h2 small{
    display: block; 
    font-weight: 700; 
    font-size:32px;
    color:#fff;
}
.titler-text{
    font-size: 14px;
    font-weight: 400;
}
.hbox .titler{
    padding:0 18px;
}
.hbox-link{
    display:block;
    position:relative;
    height:360px;
    text-align:center;
    overflow:hidden;
    padding:0 5px;
}
.hbox-link img{
    max-height:350px;
}
.hbox .titler-text{
    position:relative;
    height:40px;
    overflow:hidden;
}
.hbox .titler h2{
    position:relative;
    height:64px;
    overflow:hidden;
}

.section-1 .brand .brand-box, .partner .brand .brand-box { 
    height:174px; 
}
.section-1 .brand .bg-purple { 
    background-image: linear-gradient(127deg, #8ca366, #000); 
}
.section-1 .brand .bg-red { 
    background-image: linear-gradient(to bottom, #f5515f, #9f041b); 
}
.section-1 .product { 
    background-color: #70b62b; 
}
.section-1 .brand .brand-box{
    padding:0 5px;
}
.section-1 .brand .brand-box img{
    max-height:164px;
}
.section-2 { 
    padding:50px 0 30px;
    background-image: linear-gradient(332deg, #ffff, #55b030);
}
.about-text { 
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    color: #ffffff; 
}
.row-8{
    margin:0 -8px;
}
.service-box{
    margin-bottom:40px;
}
.service-title{
    position:relative;
    padding:10px 0 0 78px;
    margin-bottom:20px;
}
.service-icon{
    position:absolute;
    z-index:9;
    left:0;
    top:0;
    width:74px;
    height:72px;
    text-align:center;
}
.service-title h3{
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height:140%;
    position:relative;
    overflow:hidden;
    height:56px;
}

.service-circle { 
    display: block;
    background:url('../images/circle.png') no-repeat;
    width: 109px;
    height: 109px;
    text-align: center;
    color: #fff;
    margin:0 0 0 45px;
}
.service-circle h1 {
    font-size: 32px;
    font-weight: 700;
    line-height:100%;
    letter-spacing: 0.6px;
}
.service-circle h1 small{
    display:block;
    font-size:16px;
    color:#fff;
}


.section-3 { 
    background-image: linear-gradient(110deg, #55b030, #000);
    padding:40px 0 60px;
    position: relative;
}
.section-3 .bg { 
    width: 100%;
    position: absolute; 
    height: 100%;
    background:url('../images/brands.png') no-repeat bottom center;
    bottom: 0;
}

.product-box{
    background-color:#fff;
    padding:30px 30px 45px;
    display:block;
}
.product-box:hover .iliner{
    width:100%;
}
.product-box:hover .product-text,.product-box:hover .product-detail{
    color:#70b62b;
}
.product-link{
    display:block;
    position:relative;
    overflow:hidden;
    height:160px;
    padding:0 5px;
    margin-bottom:18px;
}
.product-link img{
    max-height:150px;
    width:100%;
}
.product-text{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position:relative;
    overflow:hidden;
    height:40px;
    margin-bottom:15px;
}

.product-detail {
    font-weight: 600;
    display: block;
    line-height: 19px;
    letter-spacing: 5.1px;
    font-size:14px;
    color: #000;
}
.iliner{
    display: block;
    background-image: linear-gradient(98deg, #8ca366, #9fa132);
    width: 29px;
    height: 4px;
    margin-top:3px;
}
.product-slider{
    position:relative;
}
.slider-controls a {
    position: absolute;
    z-index: 11;
    left: -60px;
    top: 50%;
    margin-top: -33px;
    width: 37px;
    height: 66px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; 
}
.slider-controls a.arrow-right {
    left: auto;
    right: -60px;
}
.slider-controls a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; 
}

.hero-area{
    position:relative;
}
.hero { 
    position: relative; 
    height:380px;
    background-position:center 0;
    background-repeat:no-repeat;
}
.hero .middler{
    background: rgba(0,0,0,0.3);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(100%, rgba(0,0,0,0.3)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.hero-text{
    padding-right:80px;
    position:relative;
    z-index:13;
}
.hero-text h2 {
    text-align: right;
    font-size: 53px;
    font-weight: 300;
    color: #fff;
}
.sidebar-area{
    z-index:11;
    position: absolute;
    left: 0;
    top:0;
    width:100%;
}
.sidebar { 
    background-image: radial-gradient(circle at 9% -11%, #040120, #8ca366 6%, #8ca366 30%, #000);
    min-height: 440px;
    color: #fff;
    padding:30px 0;
}
.sidebar.sidebar-sm{
    background-color:#d2d0f0;
    background-image:none;
}
.sidebar h2{
    font-size:30px;
}
.side-menu{
    position:relative;
    padding-right:15px;
}
.side-menu:before{
    content:'';
    position:absolute;
    z-index:10;
    top:0;
    right:-20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #8ca366;

}
.sidebar-title {
    position:relative;
    padding-left:65px;
    margin-bottom: 30px; 
}
.sidebar-title h1 {
    font-size: 38px;
    line-height:100%;
    font-weight: 700;
    color: #ffffff;
    white-space:nowrap;
}
.sidebar-title h1 small{
    color:#fff;
    font-size:38px;
    font-weight:400;
}
.icon-sidebar{
    background-image:url(../images/menu-bars.png);
    background-repeat:no-repeat;
    background-position:center 0;
    width:50px;
    height:22px;
    position:absolute;
    z-index:9;
    left:0;
    top:10px;
}
.side-menu ul li a { 
    font-weight: bold;
    line-height:100%;
    display:inline-block;
    padding:15px 0;
    letter-spacing: 3.9px;
    font-size: 18px;
    color: #fff;
}
.side-menu ul li a:hover {
    color:#8ca366;
}
.section-about h1{
    font-size: 51px;
    font-weight: 300;
    color: #000000;
    margin-bottom:20px;
}
.section-about{
    padding:100px 0;
}

.texter { 
    font-size: 21px;
    font-weight: 500;
    line-height:160%;
    color: #959595;
}
.product-d .product-title, .order .order-title {
    margin: 30px 0 50px 65px;
    color: #8ca366;
    font-size: 34px;
}
.events-content{
    margin:15px 0 !important;
}
.events-detail{
    padding-top:20px;
}
.events-detail h4 {
    font-size: 35px;
    font-weight: 300;
    margin-bottom: 20px;
}
.events-text {
    font-size: 21px;
    font-weight: 500;
    line-height:180%;
    color: #959595;
}
.vision-header {
    margin-top: 33px;
    font-size: 38px;
    font-weight: 900;
    text-align: center;
    color: #3726b0;
}


.vision { 
    background-image: linear-gradient(114deg, #8ca366, #000);
    color:#fff;
    padding: 48px 0 60px;
}
.vision-box{
    margin-bottom:30px;
}
.vision .vision-header { 
    color: #fff;
    margin: 0 0 58px 0;
}
.vision .vision-title {
    font-size: 31px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 30px;
}
.vision .bags { 
    background:url('../images/bags.png') no-repeat;
    display: block;
    width: 97px;
    height: 89px;
    margin: 0 auto;
}
.vision .humans {
    background:url('../images/humans.png') no-repeat;
    display: block;
    width: 107px;
    height: 89px;
    margin: 0 auto;
}
.vision .contacts {
    background:url('../images/contacts.png') no-repeat;
    display: block;
    width: 89px;
    height: 89px;
    margin: 0 auto;
}
.vision-content {
    font-size: 21px;
    font-weight: 500;
}

.team-box{
    text-align:center;
    margin-bottom:30px;
    display:block;
}
.team-link { 
    display: block; 
    text-align: center;
    font-size: 16.5px;
    letter-spacing: 0.6px;
    height:260px;
    padding:0 5px;
    position:relative;
    overflow:hidden;
    margin-bottom:15px;
}
.team-link img{
    max-height:250px;
}
.team-box h4 { 
    font-size: 16.5px;
    letter-spacing: 0.6px;
    color: #1e75b8;
    font-weight:700;
    position:relative;
    height:36px;
    overflow:hidden;
}
.prebox {
    margin-bottom: 30px;
    padding-bottom:15px;
    border-radius:4px;
    overflow:hidden;
}
.prebox-link{
    position:relative;
    display:block;
    height:260px;
    overflow:hidden;
}
.prebox-link img{
    min-height:100%;
}
.prebox:hover {
    box-shadow: 0 12px 17px 0 rgba(0, 0, 0, 0.13);
}
.prebox-content h2{ 
    font-size: 28.8px;
    font-weight: 300;
    line-height:120%;
    color: #222328;
    font-style: normal;
    margin-bottom:30px;
}
.prebox-text { 
    font-size: 14.4px;
    line-height:130%;
    color: #3a405b;
    margin-bottom:15px;
    position:relative;
    height:108px;
    overflow:hidden;
}
.btn-more {
    display: inline-block;
    padding: 14px 45px;
    font-size: 9.9px;
    letter-spacing: 0.9px;
    color: #ffffff !important;
    border-radius: 90px;
    background-image: linear-gradient(104deg, #8ca366, #000);
    box-shadow: 0 18px 36px 0 rgba(184, 191, 211, 0.6);
}
.btn-more:hover,.btn-more:focus{
    color:#8ca366 !important;
    background-image: linear-gradient(104deg, #8ca366, #000);
    box-shadow: 0 18px 36px 0 rgba(184, 191, 211, 0.6) !important;
}
.newbox { 
    display: block;
    margin-bottom: 60px;
    box-shadow: 0 18px 56px 0 rgba(184, 191, 211, 1) !important;
    border-radius: 3.6px;
    -webkit-border-radius: 3.6px;
    -moz-border-radius: 3.6px;
    overflow: hidden;
}
.newbox:hover,.newbox:focus{
    box-shadow: 0 18px 56px 0 rgba(184, 191, 211, 1) !important;
}
.newbox-in { 
    padding:45px 30px 25px;
}
.newbox-in h5{ 
    margin-bottom: 15px;
    font-size: 20px;
    line-height:110%;
    letter-spacing: -0.1px;
    color:#222328;
    position:relative;
    height:44px;
    overflow:hidden;
}
.newbox-text{
    font-size: 14.4px;
    line-height:150%;
    color: #3a405b;
    position:relative;
    height:64px;
    overflow:hidden;
    margin-bottom:15px;
}
.newbox-link {
    display: block;
    overflow: hidden;
    position: relative;
    height: 230px;
}
.newbox-link img {
    min-height: 100%;
}

.idate{ 
    color: #b9bed1;
    font-size: 12px;
}
.idate .fa{ 
    font-size: 14px;
}
.down { 
    color: #fff;
    background-image: linear-gradient(135deg, #8ca366, #000);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.4);
    margin-bottom: 30px;
    padding:40px 25px;
}
.down h4{ 
    font-size: 20px;
    font-weight: bold;
    line-height:140%;
    position:relative;
    overflow:hidden;
    height:112px;
    margin-bottom:15px;
 }
.down-link { 
    display: inline-block;
    border-radius: 21.5px;
    border: solid 1px #ffffff;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 500;
 }
.down-link:hover { 
    background-color:#8ca366;
    color: #fff !important;
}

.contact-form .c-contact {
    padding-top: 25px;
    color: #cfcfcf;
}
.contact-text {
    font-size: 16.3px;
    margin-bottom: 27px;
    position:relative;
    padding-left:40px;
}
.contact-text .fa { 
    font-size: 25px;
    position:absolute;
    z-index:9;
    top:0;
    left:0;
}
.contact-form .c-form {
    box-shadow: 0 30px 40px 0 rgba(28, 30, 35, 0.2);
    padding:35px 15px;
}
.contact-form a:hover{
    color:#8ca366;
}
.contact-form .c-form .form-group{
    margin-bottom:25px;
}
.contact-form .c-form label{
    display:block;
}
.contact-form .c-input { 
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    background-color: #f0f2f7;
    border: solid 1px #e3e8f0;
    box-shadow:none;
    height: 43px;
    color: #888;
}
.contact-form .c-label {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #a4a9bd;
}
.contact-form .c-icon span{ 
    border: solid 1px #e3e8f0;
    border-right: 0;
    background-color: #f0f2f7;
    color: #b9bed1;
}
.contact-form .c-icon .c-input {
    border-left: 0;
} 
.contact-form textarea{
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 10px 25px 0 rgba(58, 64, 91, 0.15) !important;
    border: none;
}
.contact-form .c-button, .hero-sm .c-button {
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    background-image: linear-gradient(102deg, #8ca366, #fff);
    color: #fff;
    border: none;
    font-size: 11px;
    letter-spacing: 0.9px;
    padding: 14px 43px;
}
.contact-form .c-button:hover, .hero-sm .c-button:hover{
    background-image: linear-gradient(102deg, #8ca366, #fff);
    color:#ffc742 !important;
}
.career .c-form {
  padding: 35px 77px 0 77px;
}
.career .c-box , .career .c-box > div, .career .c-box > div > div { width:100%; }
.career .btn-file-2 {
    width:100%;
    height: 43px;
    display: block;
    position: relative;
    overflow: hidden;
    object-fit: contain;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    background-color: #f0f2f7;
    border: solid 1px #e3e8f0;
    box-shadow:none;
    color: #888;
    text-align: left;
    cursor: pointer;
}
.career .btn-file-2 input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.career .btn-file-2 i {
    line-height: 40px;
    text-indent: 25px;
    font-size: 25px;
}   
.career .c-button {
    margin: 0 auto;
}
.career .c-mar { 
    width: 100%; 
    text-align: center; 
} 
.events-content .title {
    margin:15px 0 0 0;
    text-align: left;
}
.cd-horizontal-timeline .events-content p, .events-content .content {
    margin-top:10px;
    line-height: 1.95;
}

.sidebar-sm h1 {
    font-size: 20px;
    line-height: 1.5;
}
.sidebar-sm ul { 
    margin-top: 5px;
    margin-bottom: 5px;
}
.sidebar-sm ul ul{ 
    margin-left: 8px; 
}
.sidebar-sm .c-button,.sidebar-sm .c-button:focus {
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.8px;
    padding: 13px 30px;
}

.sidebar-sm .c-reset,.sidebar-sm .c-reset:focus {
    background: none;
    border:none;
    float: right;
    font-size: 15px;
    line-height: 2;
    color: #fff;
    padding:0;
}
.sidebar-sm .c-reset i {
    color: #f62f5e;
    font-size: 15px;
    margin-right: 5px;
    line-height: 3;
}


.product-d .product-title {
    margin: 30px 0 0 0;
}
.product-d .breadcrumb { 
    color: #b6b6b6;
    margin-top: 13px;
}
.breadcrumb > li{
    font-size:15px;
}
.breadcrumb > li a{
    color:#333;
}
.product-d .breadcrumb > li + li:before {
    font-family:'FontAwesome';
    padding: 0 5px;
    color: #b6b6b6;
    content: "\f105";
}
.product-d .breader .breadcrumb > .active {
    color: #b6b6b6;
}
.product-d .breader .breadcrumb {
    background: none;
    padding-left: 0;
}
.product-d .breader .breadcrumb a:hover{
    color:#8ca366;
}
.p-gallery { 
    margin-top: 40px;
}
.p-gallery .pg-pager  { 
    margin: 40px 0;
 }
.pg-pager ul li a { 
    display: block; 
    width: 120px; 
    height: 100px; 
    border-radius: 8px;
    border: solid 1px #fff;
    padding:0 5px;
    position:relative;
    overflow:hidden;
}
.pg-pager ul li.active a {
    border: 1px solid #ddd;
}
.pg-pager ul li a img { 
    max-height: 90px;
}
.pg-slider ul li a { 
    display: block;
    position:relative;
    padding:0 5px;
    overflow:hidden;
    height:200px;
}
.pg-slider ul li a img { 
    max-height:190px;
}


.p-details .p-code { 
    font-size: 13.5px;
    letter-spacing: 0px;
    display: block;
    margin-bottom: 12px;
}
.p-details .plus-title { 
    color: #b4b4b4;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
}

.p-details .number-spinner,.product-hover .number-spinner{
    width:auto;
    margin-top: 13px;
}

.number-spinner .btn{
    width: 36px;
    height: 36px;
    border-radius: 36px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    margin: 0 5px;
}
.number-spinner span.data-up .btn {
    background: url('../images/up.svg');
}
.number-spinner span.data-dwn .btn {
    background: url('../images/down.svg');   
}
.number-spinner .input-number {
    width: 100%;
    height: 36px;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
}
.number-shover .input-number { 
    background: none;
}

.product-hover .number-spinner { 
    margin:15px 0 20px 0;
}

.product-hover .number-spinner .btn{
    width: 27px;
    height: 27px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    margin: 0 5px;
}

.product-hover .number-spinner span.data-up .btn, .product-hover .number-spinner span.data-dwn .btn {
       background-size: 100% auto;
}

.product-hover {
    -webkit-box-shadow: 0px 6px 16px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 6px 16px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 6px 16px 0px rgba(50, 50, 50, 0.75);
    position: absolute;
    display: block;
    width:100%;
    height:100%;
    top: 0; 
    left: 0;
    background-color:rgba(255,255,255,0.6);
    opacity:0;
}
.product-piece{
    padding:30px;
}

.product-piece h6 { 
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 5.1px;
    margin-bottom: 6px;
    position:relative;
    height:10px;
    overflow:hidden;
}

.p-details a.p-link {
    display: inline-block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    background-image: linear-gradient(105deg, #8ca366, #fff);
    color: #fff;
    padding: 20px 40px;    
    font-size: 16px;
    line-height: 1.5;
}
.p-details a.p-link:hover{
    color:#8ca366 !important;
    background-image: linear-gradient(105deg, #000, #8ca366);
}
.p-details .sm-title {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #47ad33;
}
.p-details .sm-content {    
    font-size: 12px;
    line-height: 2;
    text-align: left;
    color: #a6a6a6;
}
.p-details .sm-content a {
    color: #47ad33;
}

.product-d .p-tmenu {
}
.product-d .p-tmenu a {
    padding: 13px 60px;
    background-color: rgba(216, 216, 216, 0.36);
    color: #434348;
    border-radius: 23.5px;
    -webkit-border-radius: 23.5px;
    -moz-border-radius: 23.5px;
    margin-right: 7px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.4px;
}
.product-d .p-tmenu a:hover, .product-d .p-tmenu a.active {
    background-image: linear-gradient(101deg, #000, #47ad33);
    color: #fff;
}
.product-d .p-tab h3 {
    color: #4e4e56;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 0.5px;
}

.product-d .p-tab p {
    color: #4e4e56;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #4e4e56;
    margin-bottom: 20px;
}

.product-d .p-tab span{    
    font-size: 20px;
    color: #4e4e56;
    display: block;
    font-weight: 600;
    line-height: 35px;
}

.p-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    margin-bottom: 50px;
}

.p-box:hover .product-hover {
    opacity:1;
}

.product-content {
    padding: 15px 5px 40px;
    position: relative;
}
a.link-img {
    display: block;
    position:relative;
    padding:0px;
    overflow:hidden;
    height:180px;
}
a.link-img img{
    max-height:170px;
    width:100%;
}
.product-g  a.link,.product-g .product-button, .product-g .product-button:focus {
    display: inline-block;    
    border-radius: 24px;
    font-size: 12px;
    font-weight: 300;
    line-height: 2;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    background-image: linear-gradient(111deg, #8ca366, #fff);
    color: #fff;
    padding: 6px 30px;
    margin-top:10px; 
}
.product-g .product-button {
    margin-bottom: 4px;
    display: block;
    width: 100%;
    padding: 6px 5px;
}
.product-g .product-button:hover{
    background-image: linear-gradient(111deg, #8ca366, #fff);
    color:#ffc742 !important;
}
.product-g .product-text {
    display: block;
    color: #7e7e7e;    
    font-size: 14px;
    font-weight: 500;
    position:relative;
    overflow:hidden;
    height:40px;
}

.p-filter {
    margin-top: 20px;
    margin-bottom: 19px;
    font-size: 15px;
    line-height: 2;
}

.p-filter p {
    display: block;
    margin-bottom: 0px;
}
.p-filter p em {
    font-style: normal;
    margin-right: 9px;
}
.p-filter p em i {
    color:#f62f5e;
    margin-right: 9px;
}



.order .order-title {
    margin: 30px 0 50px 0;
}
.order-menu {
    margin-bottom: 70px;
}
.order-menu a {
    display: inline-block;
    padding: 10px 25px;
    border: solid 3px #3a405b;    
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    font-size: 16.5px;
    letter-spacing: 1.5px;
    text-align:center;
    color: #3a405b;
    margin-right: -2px;
}
.order-menu a i {
    margin-left: 10px;
}
.order-menu a.active {
    background: #3a405b; 
    color: #fff;
}
.order-menu a.active,.order-menu a:hover {
    background: #3a405b; 
    color: #fff !important;
}
.order-menu span {
    display: inline-block;
    width: 75px;
    height: 3px;
    background: #e4e8f0;
    margin-right: -2px;
}
.order-menu span.active {
    background: #3a405b;
}
.order .order-title-md {
    font-size: 35px;
    letter-spacing: 1.2px;
    text-align: left;
    color: #212768;
    margin-bottom: 20px;
}
.order .order-title-sm {
    font-size: 23.4px;
    line-height: 1.08;
    letter-spacing: -0.1px;
    text-align: left;
    color: #343e5c;
}
.order .order-content {
    display: block;
    font-size: 14.4px;
    line-height: 1.5;
    text-align: left;
    color: #343e5c;
    margin: 20px 0 ;
}
.order .or-input {
    height: 56px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border: solid 0.7px #979797;
    padding-left: 35px;
    opacity: 0.6;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #212768;
    margin-bottom: 40px;
}
.order .or-button {
    height: 40.8px;
    border-radius: 120px;
    background-image: linear-gradient(99deg, #8ca366, #000);
    font-size: 13.2px;
    letter-spacing: 1.2px;
    text-align: center;
    color: #ffffff;
    padding: 12px 60px;
}
.order .or-button:hover{
    color:#8ca366 !important;
    background-image: linear-gradient(99deg, #fff, #8ca366);
}
.order .or-input-new {    
    height: 45px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    opacity: 0.6;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #212768;
}
.order .or-text {
    height: 100px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    opacity: 0.6;
    border: solid 0.6px #979797;
    
}

.order-head{
    border-radius: 5px;
    background-color: #f0f2f7;
    padding:15px 30px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #b8bfd3;
}

.order-body{
    padding:15px;
    border-bottom: solid 1px #f0f2f7;
}
.order-link{
    display:block;
    position:relative;
    padding:0 5px;
    height:90px;
    overflow:hidden;
}
.order-link img{
    max-height:80px;
}
.order-body h4 {
    font-size: 16px;
    color: #1c1e23;
    margin-top:30px;
}

.order-body .number-spinner {
    margin-top: 15px;
    border: solid 2px #e4e8f0;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    width: 100px;
}
.order-body .number-spinner .btn{
    width: 10px;
    height: 36px;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0 ;
    padding: 0;
}
.order-body .number-spinner span.data-up .btn, .order-body .number-spinner span.data-dwn .btn {
    background: none;
    font-size: 25px;
    text-align: center;
    color: #b8bfd3;
    line-height: 10px;
}
.order-body .number-spinner span.data-dwn .btn { 
    margin-left: 10px;
}
.order-body .number-spinner span.data-up .btn {
    font-size: 18px;
    margin-right: 10px;
}
.order-body .number-spinner .input-number {
    min-width: 46px;
    height: 34px;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #3a405b;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none;
}


.btn-close {
    color: #b8bfd3;
    display: inline-block;
    margin-top:30px;
}

.btn-apply{
    display:inline-block;
    font-size: 13.2px;
    letter-spacing: 1.2px;
    color: #3a405b;
    text-align: center;
    border:3px solid #e3e8f0;
    border-radius:30px;
    padding:10px 30px;
    line-height:100%;
}
.btn-apply:hover{
    color:#8ca366 !important;
    background-color:#3023ae !important;
}
.btn-apply.bg-blue{
    background-image: linear-gradient(99deg, #8ca366, #000);
    color:#fff;
    border:0;
    padding:13px 30px;
}
.btn-apply.bg-blue:hover{
    background-image: linear-gradient(99deg, #fff, #8ca366);
    color:#8ca366 !important;
}
.btn-apply.btn-trans{
    background-color:transparent;
    border:0;
    color:#fff;
}
.btn-apply.btn-trans .fa{
    color:#f62f5e;
}
.btn-apply.btn-trans:hover{
    color:#ffc742 !important;
    background-color: #3023ae !important;
} 
.btn-apply.btn-min{
    padding:15px 20px;
}
.btn-apply.color-white{
    color:#fff !important;
    border:2px solid #fff;
    padding:13px 15px;
}
.btn-apply.color-white:hover{
    background-color:#8ca366;
    color:#fff !important;
}
.order .thank { 
    width: 100%;
    text-align: center;
}


.order .thank .thank-title {    
    font-size: 64px;
    letter-spacing: 2.2px;
    color: #212768;
    margin-bottom: 20px;
}

.order .thank .thank-stitle {
    font-size: 23.4px;
    line-height: 1.08;
    letter-spacing: -0.1px;
    color: #343e5c;
    margin-bottom: 10px;
    display: block
}

.order .thank .thank-content {
    font-size: 14.4px;
    line-height: 1.5;
    color: #343e5c;    
}

.partner .partner-img{
    margin: 35px auto 30px auto;
}

.partner .partner-title {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 40px;
}


.partner .brand .brand-box{
    position: relative;
    cursor: pointer;
    margin-bottom:15px;
}
.partner .brand .brand-box img{
    max-height:164px;
}
.partner .brand .brand-box .brand-hover {
    background-image: linear-gradient(127deg, #8ca366, #000);
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    text-align: left;
    padding: 29px;
    opacity:0;
}


.partner .brand .brand-box:hover .brand-hover {
    opacity:1;
}

.partner .brand .brand-box .brand-hover .partner-subtitle{    
    font-size: 32px;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: 1.1px;
    color: #ffffff;
    position:relative;
    overflow:hidden;
    height:76px;
    word-break:break-word;
}

.partner .brand .brand-box .brand-hover .partner-content {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-top: 28px;
    display: block;
    position:relative;
    height:20px;
    overflow:hidden;
}

.scrollbar {
    height: 300px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 25px;
    margin-right:30px;
}
.force-overflow {
    height: auto;
}
.scrollbar-default::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    /*border-radius: 16px;*/ 
}
.scrollbar-default::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}
.scrollbar-default::-webkit-scrollbar-thumb {
    /*border-radius: 16px;*/
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color:#8ca366;
}

.cbx-default { 
    opacity: 0; 
    width: 0; 
    height:0;
}

.cbx {
	position: relative;
	top: 1px;
	width: 17px;
	height: 17px;
	border: 1px solid #c8ccd4;
	border-radius: 3px;
	vertical-align: middle;
	transition: background 0.1s ease;
	cursor: pointer;
    background: #efefef;
}

.cbx:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 5px;
	width: 5px;
	height: 11px;
	opacity: 0;
	transform: rotate(45deg) scale(0);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transition: all 0.3s ease;
	transition-delay: 0.15s;
}

.lbl {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
	margin-left: 5px;
	vertical-align: middle;
	cursor: pointer;
}

.cbx-default:checked ~ .cbx {
	border-color: transparent;
	background: #6eb2fb;
	animation: jelly 0.6s ease;
}

.cbx-default:checked ~ .cbx:after {
	opacity: 1;
	transform: rotate(45deg) scale(1);
}


@-moz-keyframes jelly {
	from {
		transform: scale(1, 1);
	}

	30% {
		transform: scale(1.25, 0.75);
	}

	40% {
		transform: scale(0.75, 1.25);
	}

	50% {
		transform: scale(1.15, 0.85);
	}

	65% {
		transform: scale(0.95, 1.05);
	}

	75% {
		transform: scale(1.05, 0.95);
	}

	to {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes jelly {
	from {
		transform: scale(1, 1);
	}

	30% {
		transform: scale(1.25, 0.75);
	}

	40% {
		transform: scale(0.75, 1.25);
	}

	50% {
		transform: scale(1.15, 0.85);
	}

	65% {
		transform: scale(0.95, 1.05);
	}

	75% {
		transform: scale(1.05, 0.95);
	}

	to {
		transform: scale(1, 1);
	}
}

@-o-keyframes jelly {
	from {
		transform: scale(1, 1);
	}

	30% {
		transform: scale(1.25, 0.75);
	}

	40% {
		transform: scale(0.75, 1.25);
	}

	50% {
		transform: scale(1.15, 0.85);
	}

	65% {
		transform: scale(0.95, 1.05);
	}

	75% {
		transform: scale(1.05, 0.95);
	}

	to {
		transform: scale(1, 1);
	}
}

@keyframes jelly {
	from {
		transform: scale(1, 1);
	}

	30% {
		transform: scale(1.25, 0.75);
	}

	40% {
		transform: scale(0.75, 1.25);
	}

	50% {
		transform: scale(1.15, 0.85);
	}

	65% {
		transform: scale(0.95, 1.05);
	}

	75% {
		transform: scale(1.05, 0.95);
	}

	to {
		transform: scale(1, 1);
	}
}





.footer-in {
    padding: 40px 0;
}
.footer .language { 
    margin-bottom:30px;
}
.footer .language select{
    border: solid 1px #9d9d9d !important;
    box-shadow:none;
    border-radius:4px;
    width:50%;
}
.footer-contact {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.87;
    color: #bcbcbc;
}
.footer h3 { 
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #102622;
}
.footer a:hover{
    color:#8ca366;
}

.footer-contact .form-group{
    margin-bottom:5px;
}
.footer-links ul li{
    margin-bottom:15px;
}
.footer-links ul li a{
    font-size: 16px;
    line-height:140%;
    color: #727f7d;
    display:inline-block;
}

.social-media {
    margin:0px 0 25px;
}
.social-media a{
    display:inline-block;
    width: 42px; 
    height: 42px; 
    background-color:#eaeaea;
    color:#517fa4;
    border-radius:50%;
    font-size:22px;
    line-height:100%;
    margin:0 5px;
}
.social-media a .fa-instagram{
    color:#517fa4;
}
.social-media a .fa-pinterest{
    color:#cb2027;
}
.social-media a .fa-twitter{
    color:#00aced;
}
.social-media a .fa-facebook{
    color:#3b5998;
}
.bulletin-form .input-group{
    width:75%;
}
.bulletin-form .form-control {
    border: solid 1px #b9b9b9;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
}

.bulletin-form .input-group-btn .btn { 
    margin-left: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    background-image: linear-gradient(116deg, #000, #8ca366);
    color: #fff;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 13px;
}
.bulletin-form .input-group-btn .btn:hover{
    background-image: linear-gradient(116deg, #8ca366, #000);
}
.copyright{
    text-align:center;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #102622;
    padding:20px 0;
}


@media ( max-width: 585px ) {
    /*.number-spinner span.input-group-btn,.number-spinner input,.number-spinner button{
        display: block;
        width: 100%;
        border-radius: 0;
        margin: 0;
    }*/
    .number-spinner {
        position: relative;   
    }
    /*.number-spinner span.data-up{
        position: absolute;
        top: 0;
    }
    .number-spinner span.data-dwn{
        position: absolute;
        bottom: 0;
    }*/
    .number-spinner .form-control.text-center {
        margin: 5px 0;
    }
    .number-spinner .input-group-btn:last-child>.btn, .number-spinner .input-group-btn:last-child>.btn-group{
        margin-left:0;
    }

}

.btn-explore{
    display:inline-block;
      border-radius: 100px;
      background-image: linear-gradient(103deg, #8ca366, #000);
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 5.5px;
      color: #FFF!important;
      width:250px;
      height:60px;
      padding-top:17px;
      text-align:center;
}
.btn-explore:hover{
    background-image:none;
    background-color:#3023ae;
}
.slide{
    position:relative;
}
.slide .bx-wrapper .bx-pager{
    top:40%;
    bottom:auto;
    right:15px;
    width:auto;
    text-align:right;
}
.slide .bx-wrapper .bx-pager .bx-pager-item{
    display:block;
}
.slide .bx-wrapper .bx-pager .bx-pager-item a{
    margin-bottom:10px;
}
.slide ul li{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 20%;
    height:450px;
}
.search-area {
    position: absolute;
    width:100%;
    top: 100%;
    z-index: 12;
    padding:5px 10px 5px 5px;
    background-color:#8ca366;
    display: none; 
}
.search-area.active {
    display: block; 
}
.search-area .form-control {
    background-color: transparent;
    border: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 18px;
    color: #ffffff; 
}
.search-area .form-control::-webkit-input-placeholder {
    color: #ffffff; 
}
.search-area .form-control:-moz-placeholder {
    color: #ffffff; 
}
.search-area .form-control::-moz-placeholder {
    color: #ffffff; 
}
.search-area .form-control:-ms-input-placeholder {
    color: #ffffff;
}
.search-area .btn {
    background-color: transparent;
    color: #ffffff !important;
    font-size: 18px;
    padding:0 10px;
}
.stage{
    position:relative;
    z-index:12;
}
.iheader{
    color: #8ca366;
}
.iheader.color-dark{
    color:#212768;
}
.iheader h1{
    font-size: 35px;
    line-height:130%;
}
.iheader-text{
    font-size: 35px;
    font-weight: 300;
    color: #000000;
}
.sidebar h3{
    font-size: 20px;
    color: #ffffff;
    margin-bottom:15px;
}
.sidebar.sidebar-sm.lefter{
    padding-left:0!important;
}
.sidebar > h3{
    font-weight:700;
    color:#212768!important;
}
.p-filter,.sidebar > h3,.category-menu h3{
    margin-left:25px!important;
    margin-right:25px!important;
}
.p-filter p{
    color:#9b99b6;
    font-size:14px;
}
.p-filter p em{
    color:#403c81;
    font-weight:600;
}
.category-menu{
    background-color:#6c41be;
    padding:35px 0 15px;
}
.category-menu h3{
    font-size:24px!important;
    background-position:0 0!important;
    display:inline-block;
    border-bottom:2px solid #fff;
    padding-bottom:15px;
}
.category-menu ul li a{
    display:inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #ffffff;
    line-height:100%;
    padding:10px 5px;
}
.category-menu ul li a:hover{
    color:#c86dd7;
}


.ipager ul{
    margin:0 0 15px;
    border-radius:0;
    display:block;
    text-align:center;
}
.ipager ul li{
    display:inline-block;
    vertical-align:middle;
    margin:0 3px 5px;
}
.ipager ul li a{
    float:none;
    display:block;
    padding:0;
    font-size: 16px;
    color: #2e2e2e !important;
    width:36px;
    height:36px;
    border-radius:50% !important;
    border:0 !important;
    background-color:transparent !important;
    line-height:100%;
    margin:0 !important;
}
.ipager ul li.active a,.ipager ul li a:hover{
    background: linear-gradient(135deg, #8ca366, #000) !important;
    color:#fff !important;
}
.ipager-link{
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
    display:inline-block;
}
.ipager-link:hover{
    color:#8ca366;
}
.ipager .col-sm-6.col-sm-push-3{
    width:auto !important;
    float:none !important;
    left:auto !important;
}
.ipager .col-sm-3.col-xs-6{
    width:50% !important;
    right:auto !important;
}
.ipager-arrow{
    display:inline-block;
    vertical-align:middle;
    width:36px;
    height:36px;
    border-radius:50%;
    background-color:#efefef;
    font-size:22px;
    line-height:100%;
}
.ibox{
    display:block;
    position:relative;
    height:235px;
    overflow:hidden;
    padding:0 5px;
    background-color:#fff;
    border-radius:15px;
    margin-bottom:40px;
}
.ibox img{
    max-height:225px;
    width:100%;
}
.bg-yellow-linear{
    padding:130px 0 35px;
}
.product-header h3{
    font-size: 23.4px;
    letter-spacing: -0.1px;
    color: #ffffff;
    margin-bottom:15px;
}

.product-titler{
    font-size: 14.4px;
    color: #ffffff;
}
.lang-area{
    display:inline-block;
    position:relative;
    vertical-align:middle;
}
.lang-area ul li a img{
    margin-right:5px;
}

@media (max-width: 767px) { /*mobile*/
    .navbar-header,.logo{
        float:none!important;
        /*text-align:center;*/
    }
    .navbar-header .logo{
        display:inline-block;
        margin:15px auto 0!important;
    }
    #bs{
        padding:0  0 15px !important;
    }
    #bs > ul,#bs > ul > li{
        display:block!important;
        text-align:left !important;
    }
    #bs > ul > li > a{
        padding:5px !important;
        border-bottom:1px solid #fff !important;
    }
    #bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
        display:block!important;
        position:relative!important;
        float:none!important;
        min-width:inherit!important;
        padding:0!important;
        box-shadow:none!important;
    }
    .slide ul li,.hbox .titler h2,.service-title h3,.hero,.prebox-link,.prebox-link img,.newbox-link,
    .newbox-link img,.newbox-in h5,.newbox-text,.order-link,.order-link img,a.link-img,a.link-img img,
    .product-g .product-text,.team-link,.team-link img,.team-box h4,.ibox,.ibox img{
        background-image:none!important;
        min-height:inherit!important;
        max-height:inherit!important;
        height:auto!important;
    }
    .hbox,.hbox-link,.hbox-link img,.down,.down h4{
        height:auto !important;
        max-height:inherit !important;
        min-height:inherit !important;
    }
    .xs-block {
        display: block!important;
        width: 100%!important;
    }
    #bs > ul > li > a .icon{
        display:none;
    }
    .header{
        padding:15px 0 0;
        background:#8ca366 !important;
        text-align:center;
    }
    .top-cart{
        border:0 !important;
        padding:0px;
        margin:10px 0 5px;
        display:block;
        position:absolute;
        left:15px;
        top:-79px;
    }
    .top-links{
        padding:0 5px;
        margin:0 0 5px;
    }
    .header .lang{
        margin-right:5px;
    }
    .product-slider ul li{
        margin-right:30px !important;
    }
    .slider-button{
        bottom:15px;
    }
    .slider-apply .btn-explore{
        width:auto;
        height:auto;
        padding:5px 20px;
    }
    .bx-pager{
        display:none !important;
    }
    .titler h2 small{
        display:inline-block;
    }
    .titler h2{
        letter-spacing:1px;
    }
    .hbox .titler{
        padding:0 15px;
    }
    .hbox,.section-2,.copyright,.section-3,.section-about,.vision,.bg-yellow-linear{
        padding:15px 0 !important;
    }
    .footer-in{
        padding:15px 0 0;
    }
    .contact-form .c-form,.down,.partner .brand .brand-box .brand-hover,.product-piece,.product-d .p-tmenu a{
        padding:15px;
    }
    .service-circle{
        margin:0;
    }
    .contact-form .c-label{
        margin-top:0;
    }
    .prebox,.hero-text,.contact-form .c-contact{
        padding:0;
    }
    .service-box,.service-title,.footer .language,.social-media,.bulletin-form,.footer-links,.service-icon,
    .sidebar-title,.prebox,.prebox-content h2,.contact-text,.down,.vision .vision-title,.newbox,.order-menu,
    .order .or-input,a.link-img,.p-box,.product-d .p-tab h3,.team-box{
        margin-bottom:15px !important;
    }
    .footer-links ul li{
        margin-bottom:5px;
    }
    .vision .vision-title,.order .order-content,.btn-close{
        margin-top:15px;
    }
    .service-circle h1,.titler h2,.titler h2 small,.hero-text h2,.section-about h1,.sidebar-title h1,
    .sidebar-title h1 small,.events-detail h4,.vision .vision-title,.product-d .p-tab h3,.iheader h1,
    .order .thank .thank-title{
        font-size:26px;
    }
    .service-circle h1 small,.itable .table tbody tr td{
        font-size:14px !important;
    }
    .iheader-text,.order .thank .thank-stitle{
        font-size:22px;
    }
    .service-icon{
        position:relative;
        text-align:center;
        width:auto;
        height:auto;
    }
    .service-title{
        padding:0;
        text-align:center;
    }
    .service-circle{
        margin:0 auto;
    }
    .search-area {
        display: block;
    }
    .side-menu:before{
        display:none;
    }
    .sidebar-area{
        position:relative;
        /*padding:15px 0;*/
    }
    .sidebar{
        min-height:inherit;
        /*padding:15px;*/
    }
    .sidebar-title h1{
        white-space:normal !important;
    }
    .side-menu ul li a{
        padding:5px 0;
    }
    .order-menu span{
        display:none;
    }
    .order-menu a{
        display:block;
        margin-bottom:10px;
    }
    .order-body h4{
        margin:15px 0;
        text-align:center;
    }
    .order-body .number-spinner{
        margin:0 auto;
    }
    .order-body .number-spinner .input-number{
        min-width:30px;
    }
    .product-hover .number-spinner{
        margin:5px 0;
    }
    .product-d .p-tmenu a{
        margin:10px 0;
        text-align:center;
    }
    .itable .table tbody tr td img{
        max-width:40px;
    }
    .cart-icon{
        width:35px;
        height:35px;
        background-size:cover;
    }
    .header .cart i em{
        width:17px;
        height:17px;
        padding:0;
        font-size:13px;
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px){/*only tablet*/
    #bs > ul, #bs > ul > li,.navbar-header, .logo {
        float: none !important;
        text-align: center !important; 
    }
    #bs > ul > li, .logo {
        display: inline-block !important; 
    }
    #bs > ul > li > a{
        padding:15px;
    }
    .header{
        text-align:center;
    }
    .footer-links{
        padding-top:30px;
    }
    .hero-text h2,.section-about h1{
        font-size:36px;
    }
    .sidebar{
        height:440px;
        overflow-y:auto;
    }
}
@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/

    .slider-controls{
        display:none !important;
    }
    .about.hbox,.hbox-text,.prebox-text{
        height:auto !important;
    }
    .about.hbox{
        padding:30px 0;
    }
    .bulletin-form .input-group{
        width:100%;
    }
    .search-area {/*xxx*/
        margin: 20px -15px 0; 
        position:relative;
        width:auto;
        height:auto;
        top:auto;
background: rgba(63,42,5,1);
background: -moz-linear-gradient(-45deg, rgba(63,42,143,1) 0%, rgba(154,86,169,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(63,42,143,1)), color-stop(100%, rgba(154,86,169,1)));
background: -webkit-linear-gradient(-45deg, rgba(63,42,143,1) 0%, rgba(154,86,169,1) 100%);
background: -o-linear-gradient(-45deg, rgba(63,42,143,1) 0%, rgba(154,86,169,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(63,42,143,1) 0%, rgba(154,86,169,1) 100%);
background: linear-gradient(135deg, rgba(63,42,143,1) 0%, rgba(154,86,169,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f2a8f', endColorstr='#9a56a9', GradientType=1 );
    }
.search-area .form-control::-webkit-input-placeholder {
    color: #8c75c1; 
}
.search-area .form-control:-moz-placeholder {
    color: #8c75c1; 
}
.search-area .form-control::-moz-placeholder {
    color: #8c75c1; 
}
.search-area .form-control:-ms-input-placeholder {
    color: #8c75c1;
}
    .prebox-content,.newbox-in{
        padding:15px;
    }
    .sidebar{
        padding-left:15px;
    }
    .p-gallery{
        margin:0;
    }
    .header{
            background-image: linear-gradient(135deg, #8ca366, #000)!important;
    }
}

@media (min-width:993px) and (max-width: 1260px) { /*Browser %125*/
    .header .cart{
        margin-right:0;
    }
    #bs > ul > li > a{
        font-size:12px;
        padding-left:4px;
        padding-right:4px;
    }
    .top-cart, .top-links{
        padding:8px;
    }
    .header .lang{
        margin-right:10px;
    }
    .slider-controls a.arrow-left{
        left:-40px;
    }
    .slider-controls a.arrow-right{
        right:-40px;
    }
    .sidebar{
        padding-left:30px;
    }
}
@media only screen and (min-width:993px){
    .row-md-25{
        margin:0 -25px;
    }
    .row-md-40{
        margin:0 -40px;
    }
}

@media only screen and (min-width: 768px) {
  .product.hbox .titler {
    margin-bottom: 30px; } 
  .timeline .prev,.timeline .next{
    display:none;
}
  .searcher-left{
      min-height:300px;
  }
}

.qSearch{
    margin-bottom:10px;
}
.qSearch .form-control,.qSearch .input-group-addon{
    background-color:transparent;
    border-radius:0;
    box-shadow:none;
    border-color:#c0becd;
}
.qSearch .form-control{
    border-right:0!important;
}