@font-face { font-family: 'FontAwesome'; src: url('/fonts/FontAwesome.otf') format('opentype'); }

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/css/font-awesome.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/fonts/fontawesome-webfont.woff);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/fonts/FontAwesome.otf);

@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans.eot'); src: url('/fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans.woff') format('woff'), url('/fonts/OpenSans.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url('/fonts/OpenSans-Semibold.eot'); src: url('/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold.woff') format('woff'), url('/fonts/OpenSans-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Helvetica-Normal'; src: url('/fonts/Helvetica-Normal.eot'); src: url('/fonts/Helvetica-Normal.eot?#iefix') format('embedded-opentype'), url('/fonts/Helvetica-Normal.woff') format('woff'), url('/fonts/Helvetica-Normal.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'HelveticaCnd-Normal'; src: url('/fonts/HelveticaCnd-Normal.eot'); src: url('/fonts/HelveticaCnd-Normal.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaCnd-Normal.woff') format('woff'), url('/fonts/HelveticaCnd-Normal.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'LuzSans'; src: url('/fonts/LuzSans-Bold.eot'); src: url('/fonts/LuzSans-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/LuzSans-Bold.woff') format('woff'), url('/fonts/LuzSans-Bold.ttf') format('truetype'); font-weight: 500; font-style: normal; }


/*-----------------------------------------------
       reset css here
-----------------------------------------------*/
* { margin: 0; outline: none; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { font-family: 'Open Sans'; outline: none; outline: none; }
a { text-decoration: none; transition: all .5s ease; color: #000; }
    a:hover { text-decoration: none; color: #000; }
    a, a:active, a:focus, a:hover, a:visited { outline: 0; text-decoration: none; }
        a:active, a:focus, a:visited { text-decoration: none; }
p { padding: 0; line-height: 1.4em; text-align: justify; font-size: 13px; }
    p.nom { margin-bottom: 0 !important; }
.clear { clear: both; }
.clearfix:after { clear: both; content: ''; display: block; }
ul li { list-style: none; }
ul { margin-bottom: 0; }
title { text-transform: uppercase; }
.bar { display: none; }
.err { position: absolute; top: 9px; right: 11px; font-size: 25px; }
.frm_b { position: relative; margin-bottom: 21px; }
/*-------------------------------------------------
       Heading css
-------------------------------------------------*/
.top_header { position: absolute; background: rgba(247, 247, 247, 0.8); left: 0; right: 0; z-index: 999; }
    .top_header.sticky { position: fixed; top: 0px !important; background: rgba(247, 247, 247, 0.9); left: 0; right: 0; transition: all .5s ease-in-out; z-index: 9999; }
/*.sticky .navbar-brand img { max-height: 60px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }*/

.sitemain1 { transition: all .5s ease-in-out; border: 1px solid #ddd; position: fixed; left: -262px; z-index: 999; padding: 14px; background: #fff; width: 262px; top: 17%; }
.form_call { position: relative; width: 100%; padding: 7px 10px !important; border-radius: 3px !important; border: 1px solid #ddd !important; box-shadow: 0px 0px 20px -3px #ddd inset !important; outline: none !important; margin-bottom: 10px !important; font-size: 13px !important; }
.site_nav3 { position: absolute; height: 50px; right: -98px; top: 44px; border: none; cursor: pointer; background: #008349; transform: rotate(90deg); padding: 10px 10px; display: block; color: #fff; font-size: 17px; font-weight: bold; }
.bg_cap img { max-height: 100%; max-width: 100%; }
.error_n_captch { position: relative; top: -8px; font-size: 14px; }
.feed_btn_submit { border: none; text-align: center; cursor: pointer; transition: all .5s ease-in-out; background: rgb(116, 178, 9); width: 100%; padding: 8px 0px; display: block; color: #fff; font-size: 15px; }
    .feed_btn_submit:hover { background: #9bc633; color: #fff; }
.error_n { position: absolute; right: 11px; top: 8px; font-size: 11px; }
.box_side_n { position: relative; }
.site_nav_l { left: 0 !important; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
h1 { font-size: 31px; text-transform: uppercase; }
h2 { font-size: 30px; text-transform: uppercase; }
h3 { font-size: 24px; text-transform: uppercase; }
h4 { font-size: 18px; text-transform: uppercase; }
h5 { font-size: 16px; text-transform: uppercase; }
h6 { font-size: 14px; text-transform: uppercase; }
h4, .h4, h5, .h5, h6, .h6 { margin-top: 0px !important; }
header, section, footer, aside, nav, main, article, figure { display: block; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mr5 { margin-right: 5px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }

.top_header { }
*,
*:before,
*:after { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

.inner,
.nav-panel ul .nav-btn:after { content: ""; position: absolute; top: 50%; left: 50%; }

html,
body { width: 100%; height: 100%; }

@media (max-width: 767px) {

    body { font-size: 70%; }
}

.wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1.5s; transition: transform 1.5s; -webkit-perspective: 3000; perspective: 3000; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

    .wrapper .page { position: relative; width: 100%; height: 100%; -webkit-transform: rotateX(180deg) scale(0.3); transform: rotateX(180deg) scale(0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out; will-change: transform; }

        .wrapper .page h2 { color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-transform: uppercase; font-size: 3em; }

        .wrapper .page.page1 { background: url(../images/homeimg-1.png) no-repeat; }

        .wrapper .page.page2 { background-color: #f29c54; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f29c54), color-stop(100%, #DB4367)); background-image: -webkit-linear-gradient(-315deg, #f29c54 0%, #DB4367 100%); background-image: -webkit-linear-gradient(45deg, #f29c54 0%, #DB4367 100%); background-image: linear-gradient(45deg, #f29c54 0%, #DB4367 100%); }

        .wrapper .page.page3 { background-color: #23af56; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23af56), color-stop(100%, #67A79A)); background-image: -webkit-linear-gradient(-405deg, #23af56 0%, #67A79A 100%); background-image: -webkit-linear-gradient(315deg, #23af56 0%, #67A79A 100%); background-image: linear-gradient(135deg, #23af56 0%, #67A79A 100%); }

        .wrapper .page.page4 { background-color: #412F2F; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #412F2F), color-stop(85%, #6B2686)); background-image: -webkit-linear-gradient(-430deg, #412F2F 15%, #6B2686 85%); background-image: -webkit-linear-gradient(290deg, #412F2F 15%, #6B2686 85%); background-image: linear-gradient(160deg, #412F2F 15%, #6B2686 85%); }

    .wrapper.active-page1 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

        .wrapper.active-page1 .page.page1 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

    .wrapper.active-page2 { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

        .wrapper.active-page2 .page.page2 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

    .wrapper.active-page3 { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); }

        .wrapper.active-page3 .page.page3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

    .wrapper.active-page4 { -webkit-transform: translateY(-300%); -ms-transform: translateY(-300%); transform: translateY(-300%); }

        .wrapper.active-page4 .page.page4 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.nav-panel { position: fixed; top: 50%; right: 1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); will-change: transform, opacity; }

    .nav-panel.invisible { opacity: 0; -webkit-transform: translateY(-50%) scale(0.5); -ms-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); }

    .nav-panel ul { list-style-type: none; }

        .nav-panel ul .nav-btn { position: relative; overflow: hidden; width: 1em; height: 1em; margin-bottom: 0.5em; border: 0.12em solid #fff; border-radius: 50%; cursor: pointer; -webkit-transition: border-color, -webkit-transform 0.3s; transition: border-color, transform 0.3s; will-change: border-color, transform; }

            .nav-panel ul .nav-btn:after { width: 100%; height: 100%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.3); -ms-transform: translateX(-50%) translateY(-50%) scale(0.3); transform: translateX(-50%) translateY(-50%) scale(0.3); background-color: #fff; opacity: 0; -webkit-transition: -webkit-transform, opacity 0.3s; transition: transform, opacity 0.3s; will-change: transform, opacity; }

            .nav-panel ul .nav-btn.active:after,
            .nav-panel ul .nav-btn:hover:after { -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); -ms-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); opacity: 1; }

            .nav-panel ul .nav-btn:hover { border-color: yellow; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

                .nav-panel ul .nav-btn:hover:after { background-color: yellow; }

    .nav-panel .scroll-btn { position: absolute; left: 0; width: 1em; height: 1em; border: 0.2em solid #fff; border-left: none; border-bottom: none; cursor: pointer; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; }

        .nav-panel .scroll-btn.up { top: -1.6em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

        .nav-panel .scroll-btn.down { bottom: -1.2em; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

        .nav-panel .scroll-btn:hover { border-color: yellow; }

.normal { xheight: 75px; position: static; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: rgba(33, 32, 32, 0.2); border-bottom: none; min-height: 73px; }

    .normal .navbar-right { padding-top: 12px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.navbar-brand { padding: 0px !important; }
    .navbar-brand img { padding: 5px; max-height: 75px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.shrink { height: 50px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
    .shrink .navbar-right { padding-top: 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }



.nv_menu { margin: 0; padding: 0; }
    .nv_menu:after { content: ""; display: table; clear: both; }
    .nv_menu ul { float: left; padding: 0; margin: 0; list-style: none; position: relative; }
.nv_menu { float: right; }
    .nv_menu > ul > li { margin: 0px; display: inline-block; float: left; position: relative; }
        .nv_menu > ul > li > a { transition: all .5s ease-in-out; display: block; padding: 25px 7px; color: #000; font-size: 14px; text-decoration: none; text-transform: uppercase; }


    .nv_menu ul ul { position: absolute; top: 60px; }
    .nv_menu ul li:hover > ul { display: inherit; }
    .nv_menu ul ul li { width: 270px; float: none; display: list-item; position: relative; clear: both; }


li > a:only-child:after { content: ''; }
.nv_menu > ul > li > ul { background: rgba(0,0,0,0.8); }

    .nv_menu > ul > li > ul > li > a { display: block; padding: 12px 27px; color: #FFF; font-size: 14px; text-decoration: none; text-transform: uppercase; position: relative; }
        .nv_menu > ul > li > ul > li > a:before { position: absolute; left: 10px; content: "\f101"; font-family: FontAwesome; }
        .nv_menu > ul > li > ul > li > a:hover { background: #9bb957; }


    .nv_menu > ul > li > ul > li > ul { background: rgba(0,0,0,0.8); float: right; transition: all .5s ease-in-out; padding: 0; margin: 0; list-style: none; position: absolute; right: -270px; top: 0; }

        .nv_menu > ul > li > ul > li > ul > li > a { display: block; padding: 12px 25px; color: #FFF; font-size: 12px; text-decoration: none; text-transform: uppercase; position: relative; }
            .nv_menu > ul > li > ul > li > ul > li > a:before { position: absolute; left: 10px; content: "\f101"; font-family: FontAwesome; }
            .nv_menu > ul > li > ul > li > ul > li > a:hover { background: #9bb957; }



.nv_menu > ul > li:hover > ul { z-index: 5; opacity: 1; z-index: 99; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.nv_menu > ul > li > ul { transition: .3s all ease; z-index: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); }

    .nv_menu > ul > li > ul > li:hover > ul { z-index: 5; opacity: 1; z-index: 99; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
    .nv_menu > ul > li > ul > li > ul { transition: .3s all ease; z-index: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); }


.nv_menu ul .none_menu { display: none; }
.nv_box { cursor: pointer; font-size: 14px; background: #008349; color: #fff; padding: 7px 10px; display: none; }
.bx_cp { position: relative; width: 30%; padding: 7px 7px; border-radius: 3px !important; border: 1px solid #ddd !important; box-shadow: 0px 0px 20px -3px #ddd inset !important; outline: none !important; margin-bottom: 10px !important; font-size: 13px !important; float: left; margin-right: 6px; }
.bx_cp_b { margin-bottom: 10px !important; font-size: 13px !important; width: 30%; padding: 7px 7px; border-radius: 3px !important; border: 1px solid #ddd !important; float: right; color: #fff; }
.color_1 { background: #e40917; }
.color_2 { background: #a8cf45; }

/* Media Queries
--------------------------------------------- */





.logo_swach a { color: #000; text-align: center; display: inherit; }
.logo_swach { float: left; padding: 3px 0px; }
.home_c i { color: #a8cf45; font-size: 20px; }
.en_b { height: 100%; overflow: hidden; width: 100%; }
.box_text { position: relative; text-align: center; }
.box_text1 { margin: auto; margin-top: 25%; }
.box_text2 { margin: auto; margin-top: 15%; }
.box_text3 { margin: auto; margin-top: 13%; }
.box_to_cng h1 { position: relative; top: -50px; }


/*-------------------------------------------------
       index css
-------------------------------------------------*/
.box_text h1 { color: #fff; position: relative; font-family: 'LuzSans'; font-size: 20px; font-weight: bold; text-transform: uppercase; }
    .box_text h1:before { position: absolute; left: 0; right: 0; content: ''; bottom: -24px; margin: auto; background: url(../images/bottom-line.png)no-repeat; width: 194px; height: 19px; }
.box_text p { text-align: center; font-family: 'HelveticaCnd-Normal'; color: #fff; width: 75%; margin: 4% auto; font-size: 17px; line-height: 25px; letter-spacing: 1px; text-shadow: 2px 2px 2px #000; }
.btn_al { transition: all .5s ease-in-out; color: #fff; font-family: 'HelveticaCnd-Normal'; font-size: 20px; border: 2px solid #a4ce3f; padding: 8px 40px; display: inline-block; letter-spacing: 1px; }
    .btn_al:hover { border: 2px solid #a4ce3f; color: #fff; background: #a4ce3f; }

.prev-page, .next-page { display: block; width: 25px; height: 25px; line-height: 26px; position: absolute; right: 2px; z-index: 9999; background: rgba(255,255,255,.5); border-radius: 50%; font-size: 14px; color: #666; text-align: center; }

.prev-page { top: 0; }

.next-page { bottom: 0; }

.prev-page:active { background: rgba(155,155,155,.5); }

.next-page:active { background: rgba(155,155,155,.5); }

.pagination { width: 30px; height: auto; position: fixed; top: 50%; right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0; margin-top: -150px; }

    .pagination a { cursor: pointer; width: 25px; height: 25px; display: block; line-height: 28px; text-align: center; padding-left: 3px; }

        .pagination a:after { content: ""; width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: rgba(0,0,0,.5); -webkit-transition: background .3s ease; -moz-transition: background .3s ease; -ms-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; }
.item { height: 794px; }
.pagination a.active:after { background: rgba(255,255,255,.5); }

.item h2 { margin: 0; padding: 20px 0; }

.play { display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -50px; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 100px; background-color: rgb(178, 79, 65); color: #fff; text-align: center; font-size: 14px; text-decoration: none; }

    .play:hover { background-color: rgb(189, 80, 66); }

    .play:active { background-color: rgb(141, 60, 50); }

.goto { display: block; position: absolute; top: 86%; right: 20px; margin-top: -20px; margin-left: -50px; width: 45px; height: 45px; webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 36px; background-color: #008349; color: #fff; text-align: center; font-size: 15px; text-decoration: none; border: 4px solid #fff; transition: all .5s ease-in-out; }
.pd40 { padding: 40px; }

.goto:hover { background-color: #9bb957; border: 4px solid #fff; color: #fff; }

.goto:active { background-color: #9bb957; }

.item1 { background: url(../images/homeimg-1.png) repeat; }

.item2 { background: url(../images/homeimg-2.jpg) repeat; }

.item3 { background: url(../images/homeimg-3.jpg) repeat; }

.item4 { background: url(../images/homeimg-4.jpg) repeat; }

.item5 { background: url(../images/homeimg-5.jpg) repeat; }

.item6 { background-color: #CCCC66; }

.item1 .step1 { position: absolute; top: 100px; left: 19%; text-align: center; width: 100px; height: 100px; background-color: rgb(178, 116, 57); border-radius: 50%; }

.item1 .step2 { position: absolute; bottom: 100px; right: 19%; text-align: center; width: 100px; height: 100px; background-color: rgb(116, 178, 9); }

.item2 .step1 { position: absolute; top: 100px; right: 5%; text-align: center; width: 100px; height: 100px; background-color: rgb(82, 110, 178); border-radius: 50%; }

.item2 .step3 { position: absolute; bottom: 60px; left: 19%; text-align: center; width: 150px; height: 150px; background-color: rgb(178, 79, 54); }

.item2 .step2 { position: absolute; top: 100px; left: 19%; text-align: center; width: 100px; height: 100px; background-color: rgb(116, 178, 9); }

.item3 .step1 { position: absolute; top: 100px; left: 19%; text-align: center; width: 100px; height: 100px; background-color: rgb(178, 79, 65); border-radius: 50%; }

.item3 .step2 { position: absolute; bottom: 100px; right: 19%; text-align: center; width: 100px; height: 100px; background-color: rgb(52, 178, 89); }

.item4 .container { padding-bottom: 20px; }

.item4 ul { margin: 0; padding: 0; width: 90%; margin-left: 5%; }

    .item4 ul li { width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ccc; background: rgba(255,255,255,.5); }

.item5 .step2 { position: absolute; top: 100px; left: 19%; text-align: center; width: 150px; height: 100px; background-color: rgb(178, 159, 44); }

.item5 .step1 { position: absolute; bottom: 100px; left: 19%; text-align: center; width: 100px; height: 100px; background-color: rgb(178, 72, 91); }

.item5 .step3 { position: absolute; bottom: 100px; left: 60%; text-align: center; width: 100px; height: 100px; border-radius: 50%; background-color: rgb(93, 163, 178); }

.main_product { padding: 20px; border: 2px solid #fff; width: 90%; margin: auto; }

.img_circle { position: relative; height: 164px; }
    .img_circle img { margin: auto; position: absolute; left: 0; right: 0; bottom: 36px; }
.text_product { text-align: center; }
    .text_product h3 { color: #fff; position: relative; font-family: 'LuzSans'; font-size: 20px; font-weight: bold; letter-spacing: 1px; }

.box_text .text_product p { height: 100px; text-align: center; font-family: 'HelveticaCnd-Normal'; color: #fff; width: 94%; margin: 2% auto; font-size: 16px; line-height: 23px; letter-spacing: 1px; text-shadow: 2px 2px 2px #000; }
.left_img img { box-shadow: 6px 7px 0px #fff; border-radius: 5px; }






.all_equal_text p { font-family: 'HelveticaCnd-Normal'; font-size: 16px; color: #fff; margin: 2% auto; line-height: 23px; letter-spacing: 1px; text-shadow: 2px 2px 2px #000; }
.pd_box { padding: 20px; }
    .pd_box p { text-align: justify; }
.all_equal_text h3 { font-size: 20px; color: #fff; position: relative; font-family: 'LuzSans'; font-weight: bold; letter-spacing: 1px; }
.footer_b { padding: 20px; border: 2px solid #fff; text-align: center; margin: 5% auto; width: 94%; }
.lo_box { display: inline-block; background: #fff; padding: 10px 34px; color: #99b53f; position: relative; top: -47px; font-family: 'LuzSans'; font-size: 14px; font-weight: bold; }
.box_bottom_f li { /*width: 33%;*/width: 100%;  height: 182px; padding: 20px; float: left; position: relative; border-right: 5px solid #fff; border-radius: 5px; }
    .box_bottom_f li:last-child { border: none; }
.box_1_b h4 { font-family: 'LuzSans'; letter-spacing: 2px; font-size: 22px; text-align: center; color: #fff; position: relative; }
    .box_1_b h4 a { color: #fff; }
.box_1_b span { color: #fff; text-align: center; display: block; font-size: 15px; padding-left: 18px; padding-top: 7px; line-height: 25px; margin-bottom: 8px; }
.email_bottom { position: relative; }
    .email_bottom a { letter-spacing: 2px; position: absolute; font-family: 'LuzSans'; font-weight: bold; color: #fff; left: 0; right: 0; background: #a2c54f; width: 22%; margin: auto; font-size: 20px; display: block; padding: 5px 10px; top: 22px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }









/*-------------------------------------------------
       footer css
-------------------------------------------------*/
.footer { background: #2d2d2d; padding: 10px 10px; }
.footer_ab { position: absolute; left: 0; right: 0; bottom: 0; }
.sp_footer span { color: #fff; font-family: 'HelveticaCnd-Normal'; letter-spacing: 1px; font-size: 14px; }
.ri_b { text-align: right; }
    .ri_b span a { color: #a4ce3f; }
.footer_nav ul li { float: left; }
.line_footer { color: #fff; }
.footer_nav ul li a { text-transform: uppercase; font-weight: bold; color: #fff; font-size: 14px; display: block; padding: 0px 23px; transition: all .5s ease-in-out; }
    .footer_nav ul li a:hover { color: #a4ce3f; }

/*-------------------------------------------------
       pages css
-------------------------------------------------*/
.ri_0 { right: 0 !important; opacity: 1 !important; }
.top_img { position: relative; }
.text_cnt { transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; }
    .text_cnt h1 { font-size: 20px; width: 500px; text-align: center; color: #fff; position: relative; font-family: 'LuzSans'; font-weight: bold; text-transform: uppercase; }
        .text_cnt h1:before { position: absolute; left: 0; right: 0; content: ''; bottom: -24px; margin: auto; background: url(../images/bottom-line.png)no-repeat; width: 194px; height: 19px; }
.strip { background: #fff; box-shadow: 2px 2px 2px #ddd; text-align: center; margin-bottom: 20px; padding: 7px 10px; }
    .strip ul { display: inline-block; }
        .strip ul li { float: left; }
            .strip ul li a { color: #777777; font-size: 14px; }
                .strip ul li a i { color: #a4ce3f; font-size: 18px; }
.text_eu { margin-bottom: 20px; }
    .text_eu p { text-align: center; line-height: 26px; font-size: 15px; color: #000; margin-bottom: 20px; }
    .text_eu h4 { font-family: 'LuzSans'; text-align: center; margin-bottom: 10px; }
.box_he { background: #eee; padding: 20px; margin-bottom: 20px; }
.bt_d { margin-bottom: 5px; display: block; font-style: italic; font-weight: 600; }
.he_text { padding: 10px 10px; margin-bottom: 10px; background: #ddd; display: block; margin-top: 10px; border-bottom: 1px solid #b5b5b5; font-weight: 600; font-size: 14px; }
.box_zoom { transition: all .5s ease-in-out; background: #eee; padding: 10px; box-shadow: 4px 4px 2px #85a55e; margin-bottom: 20px; }
    .box_zoom span { text-align: center; font-family: 'LuzSans'; color: #343434; padding: 10px 0px; display: block; font-size: 14px; }
.img_zoom { position: relative; overflow: hidden; }
    .img_zoom img { text-align: center; margin: auto; }
.zoom_icon { display: none; }
/*.zoom_icon { position: absolute; top: 0; z-index: 99; margin: auto; background: rgba(0,0,0,.5); left: 0; right: 0; height: 100%; transition: all .5s ease-in-out; opacity: 0; }
    .zoom_icon i { color: #fff; font-size: 46px; transform: translate(-50%, -50%); left: 50%; top: 50%; position: relative; }
.box_zoom:hover .zoom_icon { opacity: 1; }*/
.im_b { margin-top: 10px; margin-bottom: 30px; }
    .im_b img { border-top: 2px solid #9ec04e; border-bottom: 2px solid #9ec04e; }

.bg_contact { background: #a4ce3f; }
.drop_cng { border: 3px solid #fff; padding: 10px 10px; width: 51%; background: none; font-weight: 600; color: #fff; font-size: 17px; margin-bottom: 20px; }
    .drop_cng option { color: #000; font-size: 15px; line-height: 30px; margin-bottom: 20px; }
.main_box_cn { position: relative; height: 755px; display: table-cell; vertical-align: middle; width: 660px; margin: auto; padding-left: 136px; }
.box_drop h5 { text-transform: uppercase; color: #fff; font-family: 'LuzSans'; font-size: 22px; margin-bottom: 10px; }
.cng_bx li { float: inherit; width: 100%; border: none; padding: 10px 0px; height: auto; margin-bottom: 20px; }

.footer_nav { text-align: center; margin: auto; }
    .footer_nav ul { display: inline-block; }
.map iframe { width: 100%; height: 750px; }
.vision_img { position: relative; transition: all .5s ease-in-out; background: #a4ce3f; height: 192px; border: 5px solid #fff; box-shadow: 2px 2px 2px #ddd; overflow: hidden; }
.img_hv { position: absolute; transition: all .5s ease-in-out; left: 0; right: 0; top: 210px; opacity: 0; height: 100%; background: rgba(79, 162, 16, 0.8); }
.vision_img h2 { font-family: 'LuzSans'; font-size: 23px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: #fff; position: relative; text-align: center; font-weight: bold; }
.img_hv p { color: #fff; padding: 10px 10px; text-align: center; transform: translate(-50%, -50%); left: 50%; top: 50%; position: relative; text-shadow: 1px 1px 2px #000; }
.vision_img:hover .img_hv { top: 0; opacity: 1; }
.pop_home { position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999; }
.pop_he { box-shadow: 4px 5px 0px #a4ce3f; padding-top: 20px; text-align: center; position: absolute; left: 0; right: 0; width: 36%; background: #fff; margin: 14% auto; }
    .pop_he i { position: relative; top: 10px; margin-top: 30px; text-align: center; margin: auto; display: inline-block; background: #4CAF50; padding: 10px 10px; border-radius: 50%; color: #fff; width: 60px; height: 60px; line-height: 39px; }
    .pop_he span { padding: 30px; text-align: center; display: block; font-size: 19px; font-weight: 600; color: #424242; text-transform: uppercase; line-height: 32px; }
.close_bt { background: #a4ce3f; position: relative; }
    .close_bt button { background: #bee663; padding: 12px 21px; border: none; margin: 7% auto; color: #292929; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; border-bottom: 2px solid #8db335; }
    .close_bt:before { position: absolute; top: 0; content: ''; left: 0; right: 0; text-align: center; margin: auto; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; }



@media screen and (min-width:1200px) and (max-width:1400px) {
    .box_text1 { margin-top: 20%; }

    .email_bottom a { width: 30%; }
    .box_1_b h4 { font-size: 18px; }
    .box_1_b span { font-size: 13px; }
}

@media screen and (min-width:220px) and (max-width:480px) {

    .collapse { display: block; }
    .box_text h1 { font-size: 13px; top: 12px; clear: both; margin-bottom: 40px; }
    .pd40 { padding: 10px; }
    .box_text p { margin: 11% auto; font-size: 12px; line-height: 16px; height: 100%; overflow: hidden; }
    .btn_al { font-size: 15px; padding: 5px 26px; }

    .text_product h3 { font-size: 12px; }
    .box_text .text_product p { width: 100%; height: 100px; overflow: hidden; font-size: 11px; line-height: 13px; }
    .all_equal_text h3 { font-size: 12px; }
    .all_equal_text p { font-size: 12px; line-height: 15px; text-align: left; height: 100%; overflow: hidden; }
    .pd_box { padding: 7px; }
    .in_h { display: none; }
    .site_nav3 { right: -31px; transform: inherit; }
    .he_f { height: 53px !important; }
    .pop_he { width: 100% !important; }
        .pop_he span { font-size: 12px !important; }
    .box_1_b h4 { font-size: 14px; }
    .box_1_b span { font-size: 12px; line-height: 14px; }
    .lo_box { position: relative !important; top: 0; padding: 5px 10px; font-size: 12px; margin-bottom: 10px; }

    .main_product { margin-bottom: 10px; }
    .text_cnt h1 { width: 100% !important; font-size: 22px; }
    .top_img img { height: 200px; }
    .text_cnt h1:before { display: none; }
    .text_eu p { line-height: 21px; font-size: 12px; }
    .strip ul li a { font-size: 11px; }
    .main_box_cn { height: auto !important; padding-top: 20px; padding-left: 20px; }
    .drop_cng { width: 90%; }
    .img_circle img { width: 15%; bottom: 169px !important; }
    .img_circle { height: 56px; }
    .main_product { padding: 5px !important; }
    .box_text .text_product p { height: 84px !important; }
    .img_circle { position: inherit !important; }
    .footer_b { overflow: auto !important; height: inherit !important; }
    .email_bottom a{border-radius:inherit !important;}
    .text_cnt{width:100% !important;}
}


@media screen and (min-width:480px) and (max-width:640px) {
    .box_text .text_product p { font-size: 13px; line-height: 18px; }
    .box_text2 { margin-top: 22%; }
    .main_product { margin-bottom: 20px; }
    .text_cnt h1 { width: 400px !important; font-size: 12px; }
}

@media screen and (max-width:768px) {
    .footer_b { padding: 10px 25px; height: 270px; overflow-y: scroll; }
    .box_bottom_f li { width: 100% !important; border-right: none; height: auto; padding: 0; margin-bottom: 20px; }

    .left_img { display: none; }
    .email_bottom a { position: relative; top: 0; width: 100%; font-size: 12px; }
    .sp_footer { text-align: center; }
    .footer_nav ul li a { font-size: 12px; padding: 0px 8px; }
    .goto { display: block; margin: auto !important; position: relative !important; top: 0 !important; right: 0; margin-top: 0; margin-left: 0; }
    .main_box_cn { height: auto !important; padding-top: 20px; padding-left: 20px; }
    .drop_cng { width: 90%; }
    .img_hv p { font-size: 13px; }
}


@media all and (max-width : 800px) {
    .nv_box { display: inline-block; right: 0px; position: absolute; top: 0px; }
    .nv_menu > ul > li > ul { opacity: 1; visibility: initial; transform: inherit; }
    .mai_b { right: -500px; transition: all .5s ease-in-out; opacity: 0; position: fixed; background: #000; bottom: 0; top: 0; width: 231px; overflow-y: scroll; }

    .nv_menu > ul > li > a { color: #fff; padding: 10px 10px; }
    .nv_menu ul ul { position: relative; left: 0; top: 0; width: 100%; }
    .nv_menu ul li { display: block; float: inherit; width: 100%; }
    .nv_menu ul ul li { width: 100%; padding-left: 10px; }
    .navbar-brand img { width: 68%; }
    .nv_menu > ul > li > ul > li > ul { position: relative; left: 0; opacity: 1; visibility: initial; transform: inherit; }
    .nv_menu > ul > li > ul > li > a { padding: 7px 25px; font-size: 12px; }
    .logo_swach a { color: #fff !important; font-size: 15px; padding: 10px 10px; }
    .none_menu {  color: #fff; font-size: 12px; background: #f00; padding: 8px 10px; cursor: pointer; font-weight: bold; }
}

@media screen and (min-width:768px) and (max-width:1280px) {
    .item1 { background: url(/images/homeimg-1.png) no-repeat; }
    .img_circle { height: 85px; }
        .img_circle img { width: 45% !important; }
    .box_text .text_product p { height: 161px; }
    .box_1_b h4 { font-size: 14px; }
    .box_1_b span { font-size: 13px; line-height: 21px; }
    .footer_b { margin: 10% auto; }
    .email_bottom a { width: 400px; }
    .goto { display: block; margin: auto !important; position: relative !important; top: 0 !important; right: 0; margin-top: 0; margin-left: 0; }
    .main_box_cn { height: auto !important; padding-top: 20px; padding-left: 20px; }
    .drop_cng { width: 90%; }
}

@media screen and (min-width:800px) and (max-width:1024px) {
    .cng_only { width: 806px !important; }
    .navbar-header { width: 20%; padding: 10px 0px; }
    .nv_menu > ul > li > a { padding: 25px 5px; font-size: 12px; }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .cng_only { width: 1042px !important; }
    .navbar-header { width: 29%; }
}


.inf_v { margin-top: 50px; font-size: 16px; color: #fff; position: relative; font-family: 'LuzSans'; font-weight: bold; letter-spacing: 1px; }
.mg_d { margin-top: 10px !important; }
.rtb { position: relative; }
.mr_field { color: #DB4367; text-align: center; display: block; margin-bottom: 10px; font-size: 12px; font-weight: 600; }
.error { position: absolute; right: 9px; top: 8px; color: #DB4367; }
.ov_hi { overflow: hidden; }
.img_zoom { transition: all .5s ease-in-out; }
    .img_zoom a img { transition: all .5s ease-in-out; }
    .img_zoom:hover a img { transform: scale(1.1); }