Commit a7ee8f49 by Manzar Hussain

sticky header

parent 2cccd3c3
body,html{font-size:10px}body{font-family:Lato,sans-serif;font-style:normal;font-weight:500;line-height:1.5;color:rgba(0,0,0,.6)}h1,h2,h3.h4,h5,h6{color:#000}ol,ul{list-style:none;margin:0;padding:0}.container{max-width:1300px}.flex_c_a_c{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex}.h_scrollNone{overflow:hidden}.h_header_langBox,.h_site_search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;z-index:2500}.h_header_langBox_overlay,.h_site_search_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.h_header_langBox_box,.hh_site_search_box{position:absolute;top:50%;left:50%;-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);max-width:616px;width:96%;padding:20px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,.15);box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.h_header_langBox_box{padding:10px}.h_mod_input{position:relative}.h_mod_input input,.h_mod_input input:focus{width:100%;background:#fff;padding:9px 45px 9px 20px;font-size:18px;font-size:1.6rem;border:1px solid #e7e7e7;-webkit-box-sizing:inherit;box-sizing:inherit;border-radius:5px;height:48px;outline:0}.h_mod_input button[type=submit]{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px;line-height:1;color:#8ac731;background:0 0;outline:0;border:none;font-size:22px}.h_pure_g{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.h_pure_g li{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%;padding:10px}.h_mod_button{display:block;width:100%;text-align:center;line-height:1}.h_mod_button a{position:relative;display:inline-block;width:100%;height:75px;font-size:1.6rem;border:1px solid #e7e7e7;color:#000}.h_mod_button a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#8ac731}.h_mod_button a span{display:block;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;padding:0 40px}.h_mod_button a i{position:absolute;top:50%;right:20px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;font-size:1.8rem;color:#8ac731}@media (max-width:767px){.header-langBox-box{width:90%}.h_pure_g li{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}}.h_menu_btn{width:36px;height:36px;position:relative;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_menu_btn__burger,.h_menu_btn__burger::after,.h_menu_btn__burger::before{width:30px;height:2px;border-radius:2px;background-color:#000;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_menu_btn__burger::after,.h_menu_btn__burger::before{content:"";position:absolute}.h_menu_btn__burger::before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.h_menu_btn__burger::after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}.h_menu_btn.open .h_menu_btn__burger{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.h_menu_btn.open .h_menu_btn__burger::before{-webkit-transform:rotate(45deg) translate(35px,-35px);-ms-transform:rotate(45deg) translate(35px,-35px);transform:rotate(45deg) translate(35px,-35px)}.h_menu_btn.open .h_menu_btn__burger::after{-webkit-transform:rotate(-45deg) translate(35px,35px);-ms-transform:rotate(-45deg) translate(35px,35px);transform:rotate(-45deg) translate(35px,35px)}.h_o_c_b{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;font-size:1.4rem}.h_lc_b{position:relative;padding-top:35px}.h_gn_eqry{margin:0;padding:0;color:#000;margin-right:40px;position:relative}.h_gn_eqry:after{content:"";width:1px;height:10px;top:50%;margin-top:-5px;background:rgba(102,102,102,.5);position:absolute;right:-20px}.h_gn_eqry a{color:#000;text-decoration:none}.h_logo{width:360px;height:auto}.h_logo a{display:block}.h_cr_b{display:inline-block;position:relative;padding:0 40px}.h_cr_b a:hover .h_crcb i{color:#65b9ff}.h_cr_b a:hover .h_crb{background:#65b9ff;color:#fff}.h_cr_b:after,.h_cr_b:before{content:"";width:1px;height:10px;top:50%;margin-top:-5px;background:rgba(102,102,102,.5);position:absolute;left:20px}.h_cr_b:after{left:auto;right:20px}.h_cr_b a{color:#666;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.h_crcb i{font-size:2.4rem}.h_crb{background:#e2e2e2;padding:7px 15px;font-size:1.3rem;border-radius:20px;margin-left:10px;display:inline-block}.h_rc_b .f_si_cb{display:inline-block;vertical-align:bottom}.h_crcb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h_crcb em{font-weight:400;font-style:normal;display:inline-block;padding:0 0 0 5px;font-size:1.6rem}.h_r_w_cb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.h_scbi{cursor:pointer;font-size:1.6rem;display:inline-block;color:#666}.h_scbi:hover{color:#9c4}.h_rc_b{position:relative;padding-top:10px}.h_menu_c_b{position:relative;margin-top:10px}.h_nav_main li{display:inline-block}.h_nav_main li a{display:block;font-size:1.6rem;color:#000;padding:10px 13px 20px;text-decoration:none}.h_nav_main li:last-child a{padding-right:0}.h_menu_hp em{display:none}.h_dd_mm{top:107px;background:#f9f9f9;position:fixed;width:100%;left:0;min-height:100px;z-index:9999;display:none}.f_si_cb *,.h_cr_b *,.h_scbi *{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.h_nav_main li{position:relative}.h_nav_main li a{border-bottom:2px solid transparent}.h_nav_main li:hover a{color:#8ac731;border-bottom:2px solid #8ac731}.h_nav_main li em{display:none}.h_nav_main li .header-nav-item-child-list{position:absolute;margin-top:15px;top:100%;width:260px;left:0;-webkit-transition:.2s all;-moz-transition:.2s all;-ms-transition:.2s all;-o-transition:.2s all;opacity:0;visibility:hidden;z-index:9;background:#fafafa;margin-left:0;padding-top:15px;padding-bottom:15px;display:none}.h_nav_main li:hover .header-nav-item-child-list{-webkit-transition:.1s all;-moz-transition:.1s all;-ms-transition:.1s all;-o-transition:.1s all;margin-top:0;opacity:1;visibility:visible;display:block}.h_nav_main li:hover .header-nav-item-child-list li a{color:rgba(0,0,0,.6)}.h_nav_main li .header-nav-item-child-list li{display:block;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list li a{display:block;font-size:1.4rem;border:none;padding:7px 5px 7px 25px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list li:hover a{border:none;color:#8ac731;background:rgba(153,203,68,.1);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list li:hover a:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8ac731;left:9px;top:14px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list.right_0{left:auto;right:0}.h_nav_main li:last-child .header-nav-item-child-list{left:auto;right:0}@media (max-width:1439px){.container{max-width:1240px}}@media screen and (min-width:1024px) and (max-width:1439px){.h_nav_main li a{font-size:1.4rem}.h_nav_main li .header-nav-item-child-list li a{font-size:1.2rem}.h_nav_main li .header-nav-item-child-list{width:220px}.h_nav_main li .header-nav-item-child-list li:hover a:before{width:6px;height:6px;left:10px;top:13px}.h_logo{width:320px;height:auto}}@media (max-width:1023px){.h_nav_main li:hover .header-nav-item-child-list{display:none}.h_crb,.h_gn_eqry,.h_rc_b .f_si_cb{display:none}.h_cr_b{padding:0 30px}.h_cr_b:after,.h_cr_b:before{left:15px}.h_menu_c_b{display:none}.h_cr_b:after{left:auto;right:15px}.h_lc_b{padding-bottom:15px;padding-top:15px}.h_logo{width:300px;height:auto}.h_menu_btn{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:999}.activeMenucon .h_menu_c_b{position:fixed;margin:0;z-index:99;background:#fff;width:100%;height:100%;left:0;top:0;display:block}.activeMenucon .h_m_mob_c{position:absolute;width:100%;height:100%;top:0;left:0;padding-top:60px;padding-bottom:10px}.activeMenucon .h_nav_main{position:relative;width:100%;height:100%;overflow-x:auto}.h_nav_main li{position:relative;display:block;border-bottom:1px solid #f3f3f3}.h_nav_main li a{font-size:1.6rem;padding:10px 50px 10px 15px;border:none;display:inline-block}.h_nav_main li:hover a{border:none;color:#000}.h_nav_main li a:hover{color:#8ac731}.h_nav_main li em{position:absolute;font-size:1.6rem;right:0;top:0;width:40px;height:44px;background:#f3f3f3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.h_nav_main li em i{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}.h_nav_main li.activeSM i{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.h_nav_main li .header-nav-item-child-list{position:relative;margin-top:0;top:auto;width:100%;left:0;opacity:1;visibility:visible;z-index:9;background:#f3f3f3;margin-left:0;display:none;padding:0}.h_nav_main li.activeSM .header-nav-item-child-list{display:block}.h_nav_main li .header-nav-item-child-list li a{padding:12px 15px 12px 35px}.h_nav_main li .header-nav-item-child-list li{border-bottom:1px solid #f9f9f9}.h_nav_main li .header-nav-item-child-list li:hover a:before{top:19px}.menu_body_scrollNone{overflow:hidden}}@media (max-width:767px){.h_logo{width:180px}.h_cr_b{padding:0 16px}.h_cr_b:after,.h_cr_b:before{left:8px}.h_cr_b:after{right:8px;left:auto}.h_nav_main li a{font-size:1.4rem}.h_nav_main li .header-nav-item-child-list li a{font-size:1.2rem;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.h_nav_main li .header-nav-item-child-list li:hover a:before{top:17px}}@media (max-width:480px){.h_crcb em{display:none}}
body,html{font-size:10px}body{font-family:Lato,sans-serif;font-style:normal;font-weight:500;line-height:1.5;color:rgba(0,0,0,.6)}h1,h2,h3.h4,h5,h6{color:#000}ol,ul{list-style:none;margin:0;padding:0}.container{max-width:1300px}.flex_c_a_c{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;display:-webkit-box;display:-webkit-flex}.h_scrollNone{overflow:hidden}.h_header_langBox,.h_site_search{display:none;position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;z-index:2500}.h_header_langBox_overlay,.h_site_search_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.h_header_langBox_box,.hh_site_search_box{position:absolute;top:50%;left:50%;-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);max-width:616px;width:96%;padding:20px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,.15);box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.h_header_langBox_box{padding:10px}.h_mod_input{position:relative}.h_mod_input input,.h_mod_input input:focus{width:100%;background:#fff;padding:9px 45px 9px 20px;font-size:18px;font-size:1.6rem;border:1px solid #e7e7e7;-webkit-box-sizing:inherit;box-sizing:inherit;border-radius:5px;height:48px;outline:0}.h_mod_input button[type=submit]{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px;line-height:1;color:#8ac731;background:0 0;outline:0;border:none;font-size:22px}.h_pure_g{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.h_pure_g li{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%;padding:10px}.h_mod_button{display:block;width:100%;text-align:center;line-height:1}.h_mod_button a{position:relative;display:inline-block;width:100%;height:75px;font-size:1.6rem;border:1px solid #e7e7e7;color:#000}.h_mod_button a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#8ac731}.h_mod_button a span{display:block;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;padding:0 40px}.h_mod_button a i{position:absolute;top:50%;right:20px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;font-size:1.8rem;color:#8ac731}@media (max-width:767px){.header-langBox-box{width:90%}.h_pure_g li{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}}.h_menu_btn{width:36px;height:36px;position:relative;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_menu_btn__burger,.h_menu_btn__burger::after,.h_menu_btn__burger::before{width:30px;height:2px;border-radius:2px;background-color:#000;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_menu_btn__burger::after,.h_menu_btn__burger::before{content:"";position:absolute}.h_menu_btn__burger::before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.h_menu_btn__burger::after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}.h_menu_btn.open .h_menu_btn__burger{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.h_menu_btn.open .h_menu_btn__burger::before{-webkit-transform:rotate(45deg) translate(35px,-35px);-ms-transform:rotate(45deg) translate(35px,-35px);transform:rotate(45deg) translate(35px,-35px)}.h_menu_btn.open .h_menu_btn__burger::after{-webkit-transform:rotate(-45deg) translate(35px,35px);-ms-transform:rotate(-45deg) translate(35px,35px);transform:rotate(-45deg) translate(35px,35px)}.h_o_c_b{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;font-size:1.4rem}.h_lc_b{position:relative;padding-top:35px}.h_gn_eqry{margin:0;padding:0;color:#000;margin-right:40px;position:relative}.h_gn_eqry:after{content:"";width:1px;height:10px;top:50%;margin-top:-5px;background:rgba(102,102,102,.5);position:absolute;right:-20px}.h_gn_eqry a{color:#000;text-decoration:none}.h_logo{width:360px;height:auto}.h_logo a{display:block}.h_cr_b{display:inline-block;position:relative;padding:0 40px}.h_cr_b a:hover .h_crcb i{color:#65b9ff}.h_cr_b a:hover .h_crb{background:#65b9ff;color:#fff}.h_cr_b:after,.h_cr_b:before{content:"";width:1px;height:10px;top:50%;margin-top:-5px;background:rgba(102,102,102,.5);position:absolute;left:20px}.h_cr_b:after{left:auto;right:20px}.h_cr_b a{color:#666;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.h_crcb i{font-size:2.4rem}.h_crb{background:#e2e2e2;padding:7px 15px;font-size:1.3rem;border-radius:20px;margin-left:10px;display:inline-block}.h_rc_b .f_si_cb{display:inline-block;vertical-align:bottom}.h_crcb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h_crcb em{font-weight:400;font-style:normal;display:inline-block;padding:0 0 0 5px;font-size:1.6rem}.h_r_w_cb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.h_scbi{cursor:pointer;font-size:1.6rem;display:inline-block;color:#666}.h_scbi:hover{color:#9c4}.h_rc_b{position:relative;padding-top:10px}.h_menu_c_b{position:relative;margin-top:10px}.h_nav_main li{display:inline-block}.h_nav_main li a{display:block;font-size:1.6rem;color:#000;padding:10px 13px 20px;text-decoration:none}.h_nav_main li:last-child a{padding-right:0}.h_menu_hp em{display:none}.h_dd_mm{top:107px;background:#f9f9f9;position:fixed;width:100%;left:0;min-height:100px;z-index:9999;display:none}.f_si_cb *,.h_cr_b *,.h_scbi *{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.h_nav_main li{position:relative}.h_nav_main li a{border-bottom:2px solid transparent}.h_nav_main li:hover a{color:#8ac731;border-bottom:2px solid #8ac731}.h_nav_main li em{display:none}.h_nav_main li .header-nav-item-child-list{position:absolute;margin-top:15px;top:100%;width:260px;left:0;-webkit-transition:.2s all;-moz-transition:.2s all;-ms-transition:.2s all;-o-transition:.2s all;opacity:0;visibility:hidden;z-index:9;background:#fafafa;margin-left:0;padding-top:15px;padding-bottom:15px;display:none}.h_nav_main li:hover .header-nav-item-child-list{-webkit-transition:.1s all;-moz-transition:.1s all;-ms-transition:.1s all;-o-transition:.1s all;margin-top:0;opacity:1;visibility:visible;display:block}.h_nav_main li:hover .header-nav-item-child-list li a{color:rgba(0,0,0,.6)}.h_nav_main li .header-nav-item-child-list li{display:block;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list li a{display:block;font-size:1.4rem;border:none;padding:7px 5px 7px 25px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list li:hover a{border:none;color:#8ac731;background:rgba(153,203,68,.1);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list li:hover a:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8ac731;left:9px;top:14px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.h_nav_main li .header-nav-item-child-list.right_0{left:auto;right:0}.h_nav_main li:last-child .header-nav-item-child-list{left:auto;right:0}@media (max-width:1439px){.container{max-width:1240px}}@media screen and (min-width:1024px) and (max-width:1439px){.h_nav_main li a{font-size:1.4rem}.h_nav_main li .header-nav-item-child-list li a{font-size:1.2rem}.h_nav_main li .header-nav-item-child-list{width:220px}.h_nav_main li .header-nav-item-child-list li:hover a:before{width:6px;height:6px;left:10px;top:13px}.h_logo{width:320px;height:auto}}@media (max-width:1023px){.h_nav_main li:hover .header-nav-item-child-list{display:none}.h_crb,.h_gn_eqry,.h_rc_b .f_si_cb{display:none}.h_cr_b{padding:0 30px}.h_cr_b:after,.h_cr_b:before{left:15px}.h_menu_c_b{display:none}.h_cr_b:after{left:auto;right:15px}.h_lc_b{padding-bottom:15px;padding-top:15px}.h_logo{width:300px;height:auto}.h_menu_btn{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:999}.activeMenucon .h_menu_c_b{position:fixed;margin:0;z-index:99;background:#fff;width:100%;height:100%;left:0;top:0;display:block}.activeMenucon .h_m_mob_c{position:absolute;width:100%;height:100%;top:0;left:0;padding-top:60px;padding-bottom:10px}.activeMenucon .h_nav_main{position:relative;width:100%;height:100%;overflow-x:auto}.h_nav_main li{position:relative;display:block;border-bottom:1px solid #f3f3f3}.h_nav_main li a{font-size:1.6rem;padding:10px 50px 10px 15px;border:none;display:inline-block}.h_nav_main li:hover a{border:none;color:#000}.h_nav_main li a:hover{color:#8ac731}.h_nav_main li em{position:absolute;font-size:1.6rem;right:0;top:0;width:40px;height:44px;background:#f3f3f3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.h_nav_main li em i{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}.h_nav_main li.activeSM i{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg)}.h_nav_main li .header-nav-item-child-list{position:relative;margin-top:0;top:auto;width:100%;left:0;opacity:1;visibility:visible;z-index:9;background:#f3f3f3;margin-left:0;display:none;padding:0}.h_nav_main li.activeSM .header-nav-item-child-list{display:block}.h_nav_main li .header-nav-item-child-list li a{padding:12px 15px 12px 35px}.h_nav_main li .header-nav-item-child-list li{border-bottom:1px solid #f9f9f9}.h_nav_main li .header-nav-item-child-list li:hover a:before{top:19px}.menu_body_scrollNone{overflow:hidden}}.main-navigation-bar__fixed{position:fixed;top:0;z-index:2;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}@media (max-width:767px){.h_logo{width:180px}.h_cr_b{padding:0 16px}.h_cr_b:after,.h_cr_b:before{left:8px}.h_cr_b:after{right:8px;left:auto}.h_nav_main li a{font-size:1.4rem}.h_nav_main li .header-nav-item-child-list li a{font-size:1.2rem;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.h_nav_main li .header-nav-item-child-list li:hover a:before{top:17px}}@media (max-width:480px){.h_crcb em{display:none}}
/*# sourceMappingURL=maps/header.css.map */
This source diff could not be displayed because it is too large. You can view the blob instead.
{"version":3,"sources":["header.scss","header.css"],"names":[],"mappings":"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","file":"../header.css","sourcesContent":["body,\r\nhtml {\r\n font-size: 10px;\r\n}\r\n\r\nbody {\r\n font-family: \"Lato\", sans-serif;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3.h4,\r\nh5,\r\nh6 {\r\n color: #000;\r\n}\r\n\r\nol,\r\nul {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.container {\r\n max-width: 1300px;\r\n}\r\n\r\n.flex_c_a_c {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -webkit-flex;\r\n}\r\n\r\n.h_scrollNone {\r\n overflow: hidden;\r\n}\r\n\r\n/* ======================================= */\r\n\r\n.h_site_search,\r\n.h_header_langBox {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 1;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n transition: 0.4s;\r\n z-index: 2500;\r\n}\r\n\r\n.h_site_search_overlay,\r\n.h_header_langBox_overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.hh_site_search_box,\r\n.h_header_langBox_box {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n -ms-transform: translateY(-50%) translateX(-50%);\r\n transform: translateY(-50%) translateX(-50%);\r\n max-width: 616px;\r\n width: 96%;\r\n padding: 20px;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.h_header_langBox_box {\r\n padding: 10px;\r\n}\r\n\r\n.h_mod_input {\r\n position: relative;\r\n}\r\n\r\n.h_mod_input input,\r\n.h_mod_input input:focus {\r\n width: 100%;\r\n background: #fff;\r\n padding: 9px 45px 9px 20px;\r\n font-size: 18px;\r\n font-size: 1.6rem;\r\n border: 1px solid #e7e7e7;\r\n box-sizing: inherit;\r\n border-radius: 5px;\r\n height: 48px;\r\n outline: none;\r\n}\r\n\r\n.h_mod_input button[type=\"submit\"] {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n right: 10px;\r\n line-height: 1;\r\n color: #8ac731;\r\n background: transparent;\r\n outline: none;\r\n border: none;\r\n font-size: 22px;\r\n}\r\n\r\n.h_pure_g {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-content: flex-start;\r\n}\r\n\r\n.h_pure_g li {\r\n -ms-flex: 0 0 50%;\r\n -webkit-box-flex: 0;\r\n flex: 0 0 50%;\r\n max-width: 50%;\r\n padding: 10px;\r\n}\r\n\r\n.h_mod_button {\r\n display: block;\r\n width: 100%;\r\n text-align: center;\r\n line-height: 1;\r\n}\r\n\r\n.h_mod_button a {\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n height: 75px;\r\n font-size: 1.6rem;\r\n border: 1px solid #e7e7e7;\r\n color: #000;\r\n}\r\n\r\n.h_mod_button a:before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: #8ac731;\r\n}\r\n\r\n.h_mod_button a span {\r\n display: block;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n padding: 0 40px;\r\n}\r\n\r\n.h_mod_button a i {\r\n position: absolute;\r\n top: 50%;\r\n right: 20px;\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n font-size: 12px;\r\n font-size: 1.8rem;\r\n color: #8ac731;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .header-langBox-box {\r\n width: 90%;\r\n }\r\n .h_pure_g li {\r\n -ms-flex: 0 0 100%;\r\n flex: 0 0 100%;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n/* ======================================= */\r\n\r\n/* ======================== */\r\n\r\n.h_menu_btn {\r\n width: 36px;\r\n height: 36px;\r\n position: relative;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_menu_btn__burger,\r\n.h_menu_btn__burger::before,\r\n.h_menu_btn__burger::after {\r\n width: 30px;\r\n height: 2px;\r\n border-radius: 2px;\r\n background-color: #000000;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_menu_btn__burger::before,\r\n.h_menu_btn__burger::after {\r\n content: \"\";\r\n position: absolute;\r\n}\r\n\r\n.h_menu_btn__burger::before {\r\n transform: translateY(-8px);\r\n}\r\n\r\n.h_menu_btn__burger::after {\r\n transform: translateY(8px);\r\n}\r\n\r\n/* ANIMATION */\r\n\r\n.h_menu_btn.open .h_menu_btn__burger {\r\n transform: translateX(-50px);\r\n background-color: transparent;\r\n box-shadow: none;\r\n}\r\n\r\n.h_menu_btn.open .h_menu_btn__burger::before {\r\n transform: rotate(45deg) translate(35px, -35px);\r\n}\r\n\r\n.h_menu_btn.open .h_menu_btn__burger::after {\r\n transform: rotate(-45deg) translate(35px, 35px);\r\n}\r\n\r\n/* ======================================= */\r\n\r\n.h_o_c_b {\r\n padding: 0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n position: relative;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.h_lc_b {\r\n position: relative;\r\n padding-top: 35px;\r\n}\r\n\r\n.h_gn_eqry {\r\n margin: 0;\r\n padding: 0;\r\n color: #000000;\r\n margin-right: 40px;\r\n position: relative;\r\n}\r\n\r\n.h_gn_eqry:after {\r\n content: \"\";\r\n width: 1px;\r\n height: 10px;\r\n top: 50%;\r\n margin-top: -5px;\r\n background: rgba(102, 102, 102, 0.5);\r\n position: absolute;\r\n right: -20px;\r\n}\r\n\r\n.h_gn_eqry a {\r\n color: #000000;\r\n text-decoration: none;\r\n}\r\n\r\n.h_logo {\r\n width: 360px;\r\n height: auto;\r\n}\r\n\r\n.h_logo a {\r\n display: block;\r\n}\r\n\r\n.h_cr_b {\r\n display: inline-block;\r\n position: relative;\r\n padding: 0px 40px;\r\n}\r\n\r\n.h_cr_b a:hover .h_crcb i {\r\n color: #65b9ff;\r\n}\r\n\r\n.h_cr_b a:hover .h_crb {\r\n background: #65b9ff;\r\n color: #fff;\r\n}\r\n\r\n.h_cr_b:after,\r\n.h_cr_b:before {\r\n content: \"\";\r\n width: 1px;\r\n height: 10px;\r\n top: 50%;\r\n margin-top: -5px;\r\n background: rgba(102, 102, 102, 0.5);\r\n position: absolute;\r\n left: 20px;\r\n}\r\n\r\n.h_cr_b:after {\r\n left: auto;\r\n right: 20px;\r\n}\r\n\r\n.h_cr_b a {\r\n color: #666;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n\r\n.h_crcb i {\r\n font-size: 2.4rem;\r\n}\r\n\r\n.h_crb {\r\n background: #e2e2e2;\r\n padding: 7px 15px;\r\n font-size: 1.3rem;\r\n border-radius: 20px;\r\n margin-left: 10px;\r\n display: inline-block;\r\n}\r\n\r\n.h_rc_b .f_si_cb {\r\n display: inline-block;\r\n vertical-align: bottom;\r\n}\r\n\r\n.h_crcb {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.h_crcb em {\r\n font-weight: 400;\r\n font-style: normal;\r\n display: inline-block;\r\n padding: 0 0 0 5px;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.h_r_w_cb {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n\r\n.h_scbi {\r\n cursor: pointer;\r\n font-size: 1.6rem;\r\n display: inline-block;\r\n color: #666;\r\n}\r\n\r\n.h_scbi:hover {\r\n color: #9c4;\r\n}\r\n\r\n.h_rc_b {\r\n position: relative;\r\n padding-top: 10px;\r\n}\r\n\r\n.h_menu_c_b {\r\n position: relative;\r\n margin-top: 10px;\r\n}\r\n\r\n.h_nav_main li {\r\n display: inline-block;\r\n}\r\n\r\n.h_nav_main li a {\r\n display: block;\r\n font-size: 1.6rem;\r\n color: #000;\r\n padding: 10px 13px 20px;\r\n text-decoration: none;\r\n}\r\n\r\n.h_nav_main li:last-child a {\r\n padding-right: 0;\r\n}\r\n\r\n.h_menu_hp em {\r\n display: none;\r\n}\r\n\r\n.h_dd_mm {\r\n top: 107px;\r\n background: #f9f9f9;\r\n position: fixed;\r\n width: 100%;\r\n left: 0;\r\n min-height: 100px;\r\n z-index: 9999;\r\n display: none;\r\n}\r\n\r\n.h_cr_b *,\r\n.h_scbi *,\r\n.f_si_cb * {\r\n transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.h_nav_main li {\r\n position: relative;\r\n}\r\n\r\n.h_nav_main li a {\r\n border-bottom: 2px solid transparent;\r\n}\r\n\r\n.h_nav_main li:hover a {\r\n color: #8ac731;\r\n border-bottom: 2px solid #8ac731;\r\n}\r\n\r\n.h_nav_main li em {\r\n display: none;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list {\r\n position: absolute;\r\n margin-top: 15px;\r\n top: 100%;\r\n width: 260px;\r\n left: 0;\r\n -webkit-transition: 0.2s all;\r\n -moz-transition: 0.2s all;\r\n -ms-transition: 0.2s all;\r\n -o-transition: 0.2s all;\r\n opacity: 0;\r\n visibility: hidden;\r\n z-index: 9;\r\n background: #fafafa;\r\n margin-left: 0px;\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n display: none;\r\n}\r\n\r\n.h_nav_main li:hover .header-nav-item-child-list {\r\n -webkit-transition: 0.1s all;\r\n -moz-transition: 0.1s all;\r\n -ms-transition: 0.1s all;\r\n -o-transition: 0.1s all;\r\n margin-top: 0;\r\n opacity: 1;\r\n visibility: visible;\r\n display: block;\r\n}\r\n\r\n.h_nav_main li:hover .header-nav-item-child-list li a {\r\n color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li {\r\n display: block;\r\n position: relative;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li a {\r\n display: block;\r\n font-size: 1.4rem;\r\n border: none;\r\n padding: 7px 5px 7px 25px;\r\n transition: all 0.3s ease-in-out;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li:hover a {\r\n border: none;\r\n color: #8ac731;\r\n background: rgba(153, 203, 68, 0.1);\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n content: \"\";\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #8ac731;\r\n left: 9px;\r\n top: 14px;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list.right_0 {\r\n left: auto;\r\n right: 0px;\r\n}\r\n\r\n.h_nav_main li:last-child .header-nav-item-child-list {\r\n left: auto;\r\n right: 0px;\r\n}\r\n\r\n@media (min-width: 1441px) {\r\n .headercontainer {\r\n /* max-width: 100%; */\r\n /* padding-left: 50px;\r\n padding-right: 50px; */\r\n }\r\n}\r\n\r\n/* @media screen and (max-width: 1439px) and (min-width: 524px) {\r\n\r\n\r\n\r\n} */\r\n\r\n@media (max-width: 1439px) {\r\n .container {\r\n max-width: 1240px;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\r\n .h_nav_main li a {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .h_nav_main li .header-nav-item-child-list li a {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .h_nav_main li .header-nav-item-child-list {\r\n width: 220px;\r\n }\r\n\r\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n width: 6px;\r\n height: 6px;\r\n left: 10px;\r\n top: 13px;\r\n }\r\n\r\n .h_logo {\r\n width: 320px;\r\n height: auto;\r\n }\r\n}\r\n\r\n@media (max-width: 1023px) {\r\n .h_nav_main li:hover .header-nav-item-child-list {\r\n display: none;\r\n }\r\n .h_rc_b .f_si_cb,\r\n .h_crb,\r\n .h_gn_eqry {\r\n display: none;\r\n }\r\n .h_cr_b {\r\n padding: 0 30px;\r\n }\r\n .h_cr_b:after,\r\n .h_cr_b:before {\r\n left: 15px;\r\n }\r\n .h_menu_c_b {\r\n display: none;\r\n }\r\n .h_cr_b:after {\r\n left: auto;\r\n right: 15px;\r\n }\r\n .h_lc_b {\r\n padding-bottom: 15px;\r\n padding-top: 15px;\r\n }\r\n\r\n .h_logo {\r\n width: 300px;\r\n height: auto;\r\n }\r\n\r\n .h_menu_btn {\r\n display: flex;\r\n z-index: 999;\r\n }\r\n .activeMenucon .h_menu_c_b {\r\n position: fixed;\r\n margin: 0;\r\n z-index: 99;\r\n background: #fff;\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0px;\r\n display: block;\r\n }\r\n .activeMenucon .h_m_mob_c {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0px;\r\n left: 0px;\r\n padding-top: 60px;\r\n padding-bottom: 10px;\r\n }\r\n .activeMenucon .h_nav_main {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow-x: auto;\r\n }\r\n .h_nav_main li {\r\n position: relative;\r\n display: block;\r\n border-bottom: 1px solid #f3f3f3;\r\n }\r\n .h_nav_main li a {\r\n font-size: 1.6rem;\r\n padding: 10px 50px 10px 15px;\r\n border: none;\r\n display: inline-block;\r\n }\r\n .h_nav_main li:hover a {\r\n border: none;\r\n color: #000;\r\n }\r\n .h_nav_main li a:hover {\r\n color: #8ac731;\r\n }\r\n .h_nav_main li em {\r\n position: absolute;\r\n font-size: 1.6rem;\r\n right: 0;\r\n top: 0;\r\n width: 40px;\r\n height: 44px;\r\n background: #f3f3f3;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n }\r\n .h_nav_main li em i {\r\n transition: all 0.3s ease-in-out;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n transform: rotate(0deg);\r\n -webkit-transform: rotate(0deg);\r\n -moz-transform: rotate(0deg);\r\n -ms-transform: rotate(0deg);\r\n -o-transform: rotate(0deg);\r\n }\r\n .h_nav_main li.activeSM i {\r\n transition: all 0.3s ease-in-out;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n transform: rotate(-180deg);\r\n -webkit-transform: rotate(-180deg);\r\n -moz-transform: rotate(-180deg);\r\n -ms-transform: rotate(-180deg);\r\n -o-transform: rotate(-180deg);\r\n }\r\n .h_nav_main li .header-nav-item-child-list {\r\n position: relative;\r\n margin-top: 0;\r\n top: auto;\r\n width: 100%;\r\n left: 0;\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 9;\r\n background: #f3f3f3;\r\n margin-left: 0;\r\n display: none;\r\n padding: 0;\r\n }\r\n .h_nav_main li.activeSM .header-nav-item-child-list {\r\n display: block;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li a {\r\n padding: 12px 15px 12px 35px;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li {\r\n border-bottom: 1px solid #f9f9f9;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n top: 19px;\r\n }\r\n .menu_body_scrollNone {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .h_logo {\r\n width: 180px;\r\n }\r\n .h_cr_b {\r\n padding: 0 16px;\r\n }\r\n .h_cr_b:after,\r\n .h_cr_b:before {\r\n left: 8px;\r\n }\r\n .h_cr_b:after {\r\n right: 8px;\r\n left: auto;\r\n }\r\n .h_nav_main li a {\r\n font-size: 1.4rem;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li a {\r\n font-size: 1.2rem;\r\n transition: all 0.1s ease-in-out;\r\n -webkit-transition: all 0.1s ease-in-out;\r\n -moz-transition: all 0.1s ease-in-out;\r\n -ms-transition: all 0.1s ease-in-out;\r\n -o-transition: all 0.1s ease-in-out;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n top: 17px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .h_crcb em {\r\n display: none;\r\n }\r\n}\r\n","body,\nhtml {\n font-size: 10px; }\n\nbody {\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5;\n color: rgba(0, 0, 0, 0.6); }\n\nh1,\nh2,\nh3.h4,\nh5,\nh6 {\n color: #000; }\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0; }\n\n.container {\n max-width: 1300px; }\n\n.flex_c_a_c {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flex; }\n\n.h_scrollNone {\n overflow: hidden; }\n\n/* ======================================= */\n.h_site_search,\n.h_header_langBox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n transition: 0.4s;\n z-index: 2500; }\n\n.h_site_search_overlay,\n.h_header_langBox_overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.6); }\n\n.hh_site_search_box,\n.h_header_langBox_box {\n position: absolute;\n top: 50%;\n left: 50%;\n -ms-transform: translateY(-50%) translateX(-50%);\n transform: translateY(-50%) translateX(-50%);\n max-width: 616px;\n width: 96%;\n padding: 20px;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15); }\n\n.h_header_langBox_box {\n padding: 10px; }\n\n.h_mod_input {\n position: relative; }\n\n.h_mod_input input,\n.h_mod_input input:focus {\n width: 100%;\n background: #fff;\n padding: 9px 45px 9px 20px;\n font-size: 18px;\n font-size: 1.6rem;\n border: 1px solid #e7e7e7;\n box-sizing: inherit;\n border-radius: 5px;\n height: 48px;\n outline: none; }\n\n.h_mod_input button[type=\"submit\"] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 10px;\n line-height: 1;\n color: #8ac731;\n background: transparent;\n outline: none;\n border: none;\n font-size: 22px; }\n\n.h_pure_g {\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start; }\n\n.h_pure_g li {\n -ms-flex: 0 0 50%;\n -webkit-box-flex: 0;\n flex: 0 0 50%;\n max-width: 50%;\n padding: 10px; }\n\n.h_mod_button {\n display: block;\n width: 100%;\n text-align: center;\n line-height: 1; }\n\n.h_mod_button a {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 75px;\n font-size: 1.6rem;\n border: 1px solid #e7e7e7;\n color: #000; }\n\n.h_mod_button a:before {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 3px;\n background: #8ac731; }\n\n.h_mod_button a span {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 100%;\n padding: 0 40px; }\n\n.h_mod_button a i {\n position: absolute;\n top: 50%;\n right: 20px;\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n font-size: 12px;\n font-size: 1.8rem;\n color: #8ac731; }\n\n@media (max-width: 767px) {\n .header-langBox-box {\n width: 90%; }\n .h_pure_g li {\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; } }\n\n/* ======================================= */\n/* ======================== */\n.h_menu_btn {\n width: 36px;\n height: 36px;\n position: relative;\n display: none;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s ease-in-out; }\n\n.h_menu_btn__burger,\n.h_menu_btn__burger::before,\n.h_menu_btn__burger::after {\n width: 30px;\n height: 2px;\n border-radius: 2px;\n background-color: #000000;\n transition: all 0.3s ease-in-out; }\n\n.h_menu_btn__burger::before,\n.h_menu_btn__burger::after {\n content: \"\";\n position: absolute; }\n\n.h_menu_btn__burger::before {\n transform: translateY(-8px); }\n\n.h_menu_btn__burger::after {\n transform: translateY(8px); }\n\n/* ANIMATION */\n.h_menu_btn.open .h_menu_btn__burger {\n transform: translateX(-50px);\n background-color: transparent;\n box-shadow: none; }\n\n.h_menu_btn.open .h_menu_btn__burger::before {\n transform: rotate(45deg) translate(35px, -35px); }\n\n.h_menu_btn.open .h_menu_btn__burger::after {\n transform: rotate(-45deg) translate(35px, 35px); }\n\n/* ======================================= */\n.h_o_c_b {\n padding: 0;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n position: relative;\n font-size: 1.4rem; }\n\n.h_lc_b {\n position: relative;\n padding-top: 35px; }\n\n.h_gn_eqry {\n margin: 0;\n padding: 0;\n color: #000000;\n margin-right: 40px;\n position: relative; }\n\n.h_gn_eqry:after {\n content: \"\";\n width: 1px;\n height: 10px;\n top: 50%;\n margin-top: -5px;\n background: rgba(102, 102, 102, 0.5);\n position: absolute;\n right: -20px; }\n\n.h_gn_eqry a {\n color: #000000;\n text-decoration: none; }\n\n.h_logo {\n width: 360px;\n height: auto; }\n\n.h_logo a {\n display: block; }\n\n.h_cr_b {\n display: inline-block;\n position: relative;\n padding: 0px 40px; }\n\n.h_cr_b a:hover .h_crcb i {\n color: #65b9ff; }\n\n.h_cr_b a:hover .h_crb {\n background: #65b9ff;\n color: #fff; }\n\n.h_cr_b:after,\n.h_cr_b:before {\n content: \"\";\n width: 1px;\n height: 10px;\n top: 50%;\n margin-top: -5px;\n background: rgba(102, 102, 102, 0.5);\n position: absolute;\n left: 20px; }\n\n.h_cr_b:after {\n left: auto;\n right: 20px; }\n\n.h_cr_b a {\n color: #666;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n\n.h_crcb i {\n font-size: 2.4rem; }\n\n.h_crb {\n background: #e2e2e2;\n padding: 7px 15px;\n font-size: 1.3rem;\n border-radius: 20px;\n margin-left: 10px;\n display: inline-block; }\n\n.h_rc_b .f_si_cb {\n display: inline-block;\n vertical-align: bottom; }\n\n.h_crcb {\n display: flex;\n align-items: center; }\n\n.h_crcb em {\n font-weight: 400;\n font-style: normal;\n display: inline-block;\n padding: 0 0 0 5px;\n font-size: 1.6rem; }\n\n.h_r_w_cb {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n\n.h_scbi {\n cursor: pointer;\n font-size: 1.6rem;\n display: inline-block;\n color: #666; }\n\n.h_scbi:hover {\n color: #9c4; }\n\n.h_rc_b {\n position: relative;\n padding-top: 10px; }\n\n.h_menu_c_b {\n position: relative;\n margin-top: 10px; }\n\n.h_nav_main li {\n display: inline-block; }\n\n.h_nav_main li a {\n display: block;\n font-size: 1.6rem;\n color: #000;\n padding: 10px 13px 20px;\n text-decoration: none; }\n\n.h_nav_main li:last-child a {\n padding-right: 0; }\n\n.h_menu_hp em {\n display: none; }\n\n.h_dd_mm {\n top: 107px;\n background: #f9f9f9;\n position: fixed;\n width: 100%;\n left: 0;\n min-height: 100px;\n z-index: 9999;\n display: none; }\n\n.h_cr_b *,\n.h_scbi *,\n.f_si_cb * {\n transition: all 0.2s ease-in-out; }\n\n.h_nav_main li {\n position: relative; }\n\n.h_nav_main li a {\n border-bottom: 2px solid transparent; }\n\n.h_nav_main li:hover a {\n color: #8ac731;\n border-bottom: 2px solid #8ac731; }\n\n.h_nav_main li em {\n display: none; }\n\n.h_nav_main li .header-nav-item-child-list {\n position: absolute;\n margin-top: 15px;\n top: 100%;\n width: 260px;\n left: 0;\n -webkit-transition: 0.2s all;\n -moz-transition: 0.2s all;\n -ms-transition: 0.2s all;\n -o-transition: 0.2s all;\n opacity: 0;\n visibility: hidden;\n z-index: 9;\n background: #fafafa;\n margin-left: 0px;\n padding-top: 15px;\n padding-bottom: 15px;\n display: none; }\n\n.h_nav_main li:hover .header-nav-item-child-list {\n -webkit-transition: 0.1s all;\n -moz-transition: 0.1s all;\n -ms-transition: 0.1s all;\n -o-transition: 0.1s all;\n margin-top: 0;\n opacity: 1;\n visibility: visible;\n display: block; }\n\n.h_nav_main li:hover .header-nav-item-child-list li a {\n color: rgba(0, 0, 0, 0.6); }\n\n.h_nav_main li .header-nav-item-child-list li {\n display: block;\n position: relative;\n transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list li a {\n display: block;\n font-size: 1.4rem;\n border: none;\n padding: 7px 5px 7px 25px;\n transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n -moz-transition: all 0.3s ease-in-out;\n -ms-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list li:hover a {\n border: none;\n color: #8ac731;\n background: rgba(153, 203, 68, 0.1);\n transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list li:hover a:before {\n content: \"\";\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #8ac731;\n left: 9px;\n top: 14px;\n transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list.right_0 {\n left: auto;\n right: 0px; }\n\n.h_nav_main li:last-child .header-nav-item-child-list {\n left: auto;\n right: 0px; }\n\n@media (min-width: 1441px) {\n .headercontainer {\n /* max-width: 100%; */\n /* padding-left: 50px;\r\n padding-right: 50px; */ } }\n\n/* @media screen and (max-width: 1439px) and (min-width: 524px) {\r\n\r\n\r\n\r\n} */\n@media (max-width: 1439px) {\n .container {\n max-width: 1240px; } }\n\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\n .h_nav_main li a {\n font-size: 1.4rem; }\n .h_nav_main li .header-nav-item-child-list li a {\n font-size: 1.2rem; }\n .h_nav_main li .header-nav-item-child-list {\n width: 220px; }\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\n width: 6px;\n height: 6px;\n left: 10px;\n top: 13px; }\n .h_logo {\n width: 320px;\n height: auto; } }\n\n@media (max-width: 1023px) {\n .h_nav_main li:hover .header-nav-item-child-list {\n display: none; }\n .h_rc_b .f_si_cb,\n .h_crb,\n .h_gn_eqry {\n display: none; }\n .h_cr_b {\n padding: 0 30px; }\n .h_cr_b:after,\n .h_cr_b:before {\n left: 15px; }\n .h_menu_c_b {\n display: none; }\n .h_cr_b:after {\n left: auto;\n right: 15px; }\n .h_lc_b {\n padding-bottom: 15px;\n padding-top: 15px; }\n .h_logo {\n width: 300px;\n height: auto; }\n .h_menu_btn {\n display: flex;\n z-index: 999; }\n .activeMenucon .h_menu_c_b {\n position: fixed;\n margin: 0;\n z-index: 99;\n background: #fff;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0px;\n display: block; }\n .activeMenucon .h_m_mob_c {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n padding-top: 60px;\n padding-bottom: 10px; }\n .activeMenucon .h_nav_main {\n position: relative;\n width: 100%;\n height: 100%;\n overflow-x: auto; }\n .h_nav_main li {\n position: relative;\n display: block;\n border-bottom: 1px solid #f3f3f3; }\n .h_nav_main li a {\n font-size: 1.6rem;\n padding: 10px 50px 10px 15px;\n border: none;\n display: inline-block; }\n .h_nav_main li:hover a {\n border: none;\n color: #000; }\n .h_nav_main li a:hover {\n color: #8ac731; }\n .h_nav_main li em {\n position: absolute;\n font-size: 1.6rem;\n right: 0;\n top: 0;\n width: 40px;\n height: 44px;\n background: #f3f3f3;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer; }\n .h_nav_main li em i {\n transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n -moz-transition: all 0.3s ease-in-out;\n -ms-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg); }\n .h_nav_main li.activeSM i {\n transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n -moz-transition: all 0.3s ease-in-out;\n -ms-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transform: rotate(-180deg);\n -webkit-transform: rotate(-180deg);\n -moz-transform: rotate(-180deg);\n -ms-transform: rotate(-180deg);\n -o-transform: rotate(-180deg); }\n .h_nav_main li .header-nav-item-child-list {\n position: relative;\n margin-top: 0;\n top: auto;\n width: 100%;\n left: 0;\n opacity: 1;\n visibility: visible;\n z-index: 9;\n background: #f3f3f3;\n margin-left: 0;\n display: none;\n padding: 0; }\n .h_nav_main li.activeSM .header-nav-item-child-list {\n display: block; }\n .h_nav_main li .header-nav-item-child-list li a {\n padding: 12px 15px 12px 35px; }\n .h_nav_main li .header-nav-item-child-list li {\n border-bottom: 1px solid #f9f9f9; }\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\n top: 19px; }\n .menu_body_scrollNone {\n overflow: hidden; } }\n\n@media (max-width: 767px) {\n .h_logo {\n width: 180px; }\n .h_cr_b {\n padding: 0 16px; }\n .h_cr_b:after,\n .h_cr_b:before {\n left: 8px; }\n .h_cr_b:after {\n right: 8px;\n left: auto; }\n .h_nav_main li a {\n font-size: 1.4rem; }\n .h_nav_main li .header-nav-item-child-list li a {\n font-size: 1.2rem;\n transition: all 0.1s ease-in-out;\n -webkit-transition: all 0.1s ease-in-out;\n -moz-transition: all 0.1s ease-in-out;\n -ms-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out; }\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\n top: 17px; } }\n\n@media (max-width: 480px) {\n .h_crcb em {\n display: none; } }\n"]}
\ No newline at end of file
{"version":3,"sources":["header.scss","header.css"],"names":[],"mappings":"AAAA,KCCA,KDCE,UAAA,KAGF,KACE,YAAA,IAAA,CAAA,WACA,WAAA,OACA,YAAA,IACA,YAAA,IACA,MAAA,eAGF,GCDA,GACA,MACA,GACA,GDGE,MAAA,KAGF,GCFA,GDIE,WAAA,KACA,OAAA,EACA,QAAA,EAGF,WACE,UAAA,OAGF,YACE,QAAA,YACA,QAAA,KACA,cAAA,KACA,UAAA,KACA,eAAA,OACA,kBAAA,OAAA,YAAA,OACA,cAAA,OACA,iBAAA,OAAA,gBAAA,OACA,QAAA,YAEA,QAAA,aAGF,cACE,SAAA,OCDF,kBDMA,eAEE,QAAA,KACA,SAAA,MACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,QAAA,EAEA,mBAAA,IAAA,cAAA,IAAA,WAAA,IACA,QAAA,KCFF,0BDKA,uBAEE,SAAA,MACA,IAAA,EACA,KAAA,EACA,MAAA,KACA,OAAA,KACA,iBAAA,eCHF,sBDMA,oBAEE,SAAA,SACA,IAAA,IACA,KAAA,IACA,cAAA,iBAAA,iBACA,kBAAA,iBAAA,iBAAA,UAAA,iBAAA,iBACA,UAAA,MACA,MAAA,IACA,QAAA,KACA,iBAAA,KACA,cAAA,IACA,mBAAA,EAAA,EAAA,IAAA,IAAA,gBAAA,WAAA,EAAA,EAAA,IAAA,IAAA,gBAGF,sBACE,QAAA,KAGF,aACE,SAAA,SAGF,mBCPA,yBDSE,MAAA,KACA,WAAA,KACA,QAAA,IAAA,KAAA,IAAA,KACA,UAAA,KACA,UAAA,OACA,OAAA,IAAA,MAAA,QACA,mBAAA,QAAA,WAAA,QACA,cAAA,IACA,OAAA,KACA,QAAA,EAGF,iCACE,SAAA,SACA,IAAA,IACA,kBAAA,iBAAA,cAAA,iBAAA,UAAA,iBACA,MAAA,KACA,YAAA,EACA,MAAA,QACA,WAAA,IACA,QAAA,EACA,OAAA,KACA,UAAA,KAGF,UACE,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,cAAA,KAAA,UAAA,KACA,mBAAA,MAAA,cAAA,WAGF,aACE,SAAA,EAAA,EAAA,IACA,iBAAA,EACA,KAAA,EAAA,EAAA,IACA,UAAA,IACA,QAAA,KAGF,cACE,QAAA,MACA,MAAA,KACA,WAAA,OACA,YAAA,EAGF,gBACE,SAAA,SACA,QAAA,aACA,MAAA,KACA,OAAA,KACA,UAAA,OACA,OAAA,IAAA,MAAA,QACA,MAAA,KAGF,uBACE,QAAA,GACA,SAAA,SACA,KAAA,EACA,OAAA,EACA,MAAA,KACA,OAAA,IACA,WAAA,QAGF,qBACE,QAAA,MACA,SAAA,SACA,IAAA,IACA,KAAA,IACA,cAAA,qBACA,kBAAA,qBAAA,UAAA,qBACA,MAAA,KACA,QAAA,EAAA,KAGF,kBACE,SAAA,SACA,IAAA,IACA,MAAA,KACA,cAAA,iBACA,kBAAA,iBAAA,UAAA,iBACA,UAAA,KACA,UAAA,OACA,MAAA,QAGF,yBACE,oBACE,MAAA,IAEF,aACE,SAAA,EAAA,EAAA,KACA,iBAAA,EAAA,KAAA,EAAA,EAAA,KACA,UAAA,MAQJ,YACE,MAAA,KACA,OAAA,KACA,SAAA,SACA,QAAA,KACA,iBAAA,OAAA,cAAA,OAAA,gBAAA,OACA,kBAAA,OAAA,eAAA,OAAA,YAAA,OACA,OAAA,QACA,mBAAA,IAAA,IAAA,YAAA,cAAA,IAAA,IAAA,YAAA,WAAA,IAAA,IAAA,YAGF,oBCLA,2BADA,4BDSE,MAAA,KACA,OAAA,IACA,cAAA,IACA,iBAAA,KACA,mBAAA,IAAA,IAAA,YAAA,cAAA,IAAA,IAAA,YAAA,WAAA,IAAA,IAAA,YCFF,2BDKA,4BAEE,QAAA,GACA,SAAA,SAGF,4BACE,kBAAA,iBAAA,cAAA,iBAAA,UAAA,iBAGF,2BACE,kBAAA,gBAAA,cAAA,gBAAA,UAAA,gBAKF,qCACE,kBAAA,kBAAA,cAAA,kBAAA,UAAA,kBACA,iBAAA,YACA,mBAAA,KAAA,WAAA,KAGF,6CACE,kBAAA,cAAA,sBAAA,cAAA,cAAA,sBAAA,UAAA,cAAA,sBAGF,4CACE,kBAAA,eAAA,qBAAA,cAAA,eAAA,qBAAA,UAAA,eAAA,qBAKF,SACE,QAAA,EACA,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,iBAAA,QAAA,cAAA,QAAA,gBAAA,cACA,kBAAA,MAAA,eAAA,MAAA,YAAA,WACA,SAAA,SACA,UAAA,OAGF,QACE,SAAA,SACA,YAAA,KAGF,WACE,OAAA,EACA,QAAA,EACA,MAAA,KACA,aAAA,KACA,SAAA,SAGF,iBACE,QAAA,GACA,MAAA,IACA,OAAA,KACA,IAAA,IACA,WAAA,KACA,WAAA,qBACA,SAAA,SACA,MAAA,MAGF,aACE,MAAA,KACA,gBAAA,KAGF,QACE,MAAA,MACA,OAAA,KAGF,UACE,QAAA,MAGF,QACE,QAAA,aACA,SAAA,SACA,QAAA,EAAA,KAGF,0BACE,MAAA,QAGF,uBACE,WAAA,QACA,MAAA,KAGF,cCNA,eDQE,QAAA,GACA,MAAA,IACA,OAAA,KACA,IAAA,IACA,WAAA,KACA,WAAA,qBACA,SAAA,SACA,KAAA,KAGF,cACE,KAAA,KACA,MAAA,KAGF,UACE,MAAA,KACA,gBAAA,KACA,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,kBAAA,OAAA,eAAA,OAAA,YAAA,OACA,iBAAA,IAAA,cAAA,IAAA,gBAAA,SAGF,UACE,UAAA,OAGF,OACE,WAAA,QACA,QAAA,IAAA,KACA,UAAA,OACA,cAAA,KACA,YAAA,KACA,QAAA,aAGF,iBACE,QAAA,aACA,eAAA,OAGF,QACE,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,kBAAA,OAAA,eAAA,OAAA,YAAA,OAGF,WACE,YAAA,IACA,WAAA,OACA,QAAA,aACA,QAAA,EAAA,EAAA,EAAA,IACA,UAAA,OAGF,UACE,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,kBAAA,OAAA,eAAA,OAAA,YAAA,OACA,iBAAA,IAAA,cAAA,IAAA,gBAAA,SAGF,QACE,OAAA,QACA,UAAA,OACA,QAAA,aACA,MAAA,KAGF,cACE,MAAA,KAGF,QACE,SAAA,SACA,YAAA,KAGF,YACE,SAAA,SACA,WAAA,KAGF,eACE,QAAA,aAGF,iBACE,QAAA,MACA,UAAA,OACA,MAAA,KACA,QAAA,KAAA,KAAA,KACA,gBAAA,KAGF,4BACE,cAAA,EAGF,cACE,QAAA,KAGF,SACE,IAAA,MACA,WAAA,QACA,SAAA,MACA,MAAA,KACA,KAAA,EACA,WAAA,MACA,QAAA,KACA,QAAA,KCJF,WDOA,UCRA,UDWE,mBAAA,IAAA,IAAA,YAAA,cAAA,IAAA,IAAA,YAAA,WAAA,IAAA,IAAA,YAGF,eACE,SAAA,SAGF,iBACE,cAAA,IAAA,MAAA,YAGF,uBACE,MAAA,QACA,cAAA,IAAA,MAAA,QAGF,kBACE,QAAA,KAGF,2CACE,SAAA,SACA,WAAA,KACA,IAAA,KACA,MAAA,MACA,KAAA,EACA,mBAAA,IAAA,IACA,gBAAA,IAAA,IACA,eAAA,IAAA,IACA,cAAA,IAAA,IACA,QAAA,EACA,WAAA,OACA,QAAA,EACA,WAAA,QACA,YAAA,EACA,YAAA,KACA,eAAA,KACA,QAAA,KAGF,iDACE,mBAAA,IAAA,IACA,gBAAA,IAAA,IACA,eAAA,IAAA,IACA,cAAA,IAAA,IACA,WAAA,EACA,QAAA,EACA,WAAA,QACA,QAAA,MAGF,sDACE,MAAA,eAGF,8CACE,QAAA,MACA,SAAA,SACA,mBAAA,IAAA,IAAA,YAAA,cAAA,IAAA,IAAA,YAAA,WAAA,IAAA,IAAA,YAGF,gDACE,QAAA,MACA,UAAA,OACA,OAAA,KACA,QAAA,IAAA,IAAA,IAAA,KACA,WAAA,IAAA,IAAA,YACA,mBAAA,IAAA,IAAA,YACA,gBAAA,IAAA,IAAA,YACA,eAAA,IAAA,IAAA,YACA,cAAA,IAAA,IAAA,YAGF,sDACE,OAAA,KACA,MAAA,QACA,WAAA,oBACA,mBAAA,IAAA,IAAA,YAAA,cAAA,IAAA,IAAA,YAAA,WAAA,IAAA,IAAA,YAGF,6DACE,QAAA,GACA,SAAA,SACA,MAAA,IACA,OAAA,IACA,cAAA,IACA,WAAA,QACA,KAAA,IACA,IAAA,KACA,mBAAA,IAAA,IAAA,YAAA,cAAA,IAAA,IAAA,YAAA,WAAA,IAAA,IAAA,YAGF,mDACE,KAAA,KACA,MAAA,EAGF,sDACE,KAAA,KACA,MAAA,EAiBF,0BACE,WACE,UAAA,QAIJ,4DACE,iBACE,UAAA,OAGF,gDACE,UAAA,OAGF,2CACE,MAAA,MAGF,6DACE,MAAA,IACA,OAAA,IACA,KAAA,KACA,IAAA,KAGF,QACE,MAAA,MACA,OAAA,MAIJ,0BACE,iDACE,QAAA,KC5BF,OACA,WD6BA,iBAGE,QAAA,KAEF,QACE,QAAA,EAAA,KAEF,cChCA,eDkCE,KAAA,KAEF,YACE,QAAA,KAEF,cACE,KAAA,KACA,MAAA,KAEF,QACE,eAAA,KACA,YAAA,KAGF,QACE,MAAA,MACA,OAAA,KAGF,YACE,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,QAAA,IAEF,2BACE,SAAA,MACA,OAAA,EACA,QAAA,GACA,WAAA,KACA,MAAA,KACA,OAAA,KACA,KAAA,EACA,IAAA,EACA,QAAA,MAEF,0BACE,SAAA,SACA,MAAA,KACA,OAAA,KACA,IAAA,EACA,KAAA,EACA,YAAA,KACA,eAAA,KAEF,2BACE,SAAA,SACA,MAAA,KACA,OAAA,KACA,WAAA,KAEF,eACE,SAAA,SACA,QAAA,MACA,cAAA,IAAA,MAAA,QAEF,iBACE,UAAA,OACA,QAAA,KAAA,KAAA,KAAA,KACA,OAAA,KACA,QAAA,aAEF,uBACE,OAAA,KACA,MAAA,KAEF,uBACE,MAAA,QAEF,kBACE,SAAA,SACA,UAAA,OACA,MAAA,EACA,IAAA,EACA,MAAA,KACA,OAAA,KACA,WAAA,QACA,QAAA,YAAA,QAAA,YAAA,QAAA,KACA,iBAAA,OAAA,cAAA,OAAA,gBAAA,OACA,kBAAA,OAAA,eAAA,OAAA,YAAA,OACA,OAAA,QAEF,oBACE,WAAA,IAAA,IAAA,YACA,mBAAA,IAAA,IAAA,YACA,gBAAA,IAAA,IAAA,YACA,eAAA,IAAA,IAAA,YACA,cAAA,IAAA,IAAA,YACA,UAAA,UACA,kBAAA,UACA,eAAA,UACA,cAAA,UACA,aAAA,UAEF,0BACE,WAAA,IAAA,IAAA,YACA,mBAAA,IAAA,IAAA,YACA,gBAAA,IAAA,IAAA,YACA,eAAA,IAAA,IAAA,YACA,cAAA,IAAA,IAAA,YACA,UAAA,gBACA,kBAAA,gBACA,eAAA,gBACA,cAAA,gBACA,aAAA,gBAEF,2CACE,SAAA,SACA,WAAA,EACA,IAAA,KACA,MAAA,KACA,KAAA,EACA,QAAA,EACA,WAAA,QACA,QAAA,EACA,WAAA,QACA,YAAA,EACA,QAAA,KACA,QAAA,EAEF,oDACE,QAAA,MAEF,gDACE,QAAA,KAAA,KAAA,KAAA,KAEF,8CACE,cAAA,IAAA,MAAA,QAEF,6DACE,IAAA,KAEF,sBACE,SAAA,QAIJ,4BACE,SAAA,MACA,IAAA,EACA,QAAA,EACA,WAAA,KACA,mBAAA,EAAA,EAAA,IAAA,eAAA,WAAA,EAAA,EAAA,IAAA,eAGF,yBACE,QACE,MAAA,MAEF,QACE,QAAA,EAAA,KAEF,cCnDA,eDqDE,KAAA,IAEF,cACE,MAAA,IACA,KAAA,KAEF,iBACE,UAAA,OAEF,gDACE,UAAA,OACA,WAAA,IAAA,IAAA,YACA,mBAAA,IAAA,IAAA,YACA,gBAAA,IAAA,IAAA,YACA,eAAA,IAAA,IAAA,YACA,cAAA,IAAA,IAAA,YAEF,6DACE,IAAA,MAIJ,yBACE,WACE,QAAA","file":"../header.css","sourcesContent":["body,\r\nhtml {\r\n font-size: 10px;\r\n}\r\n\r\nbody {\r\n font-family: \"Lato\", sans-serif;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 1.5;\r\n color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\nh1,\r\nh2,\r\nh3.h4,\r\nh5,\r\nh6 {\r\n color: #000;\r\n}\r\n\r\nol,\r\nul {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.container {\r\n max-width: 1300px;\r\n}\r\n\r\n.flex_c_a_c {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -webkit-flex;\r\n}\r\n\r\n.h_scrollNone {\r\n overflow: hidden;\r\n}\r\n\r\n/* ======================================= */\r\n\r\n.h_site_search,\r\n.h_header_langBox {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 1;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n transition: 0.4s;\r\n z-index: 2500;\r\n}\r\n\r\n.h_site_search_overlay,\r\n.h_header_langBox_overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.hh_site_search_box,\r\n.h_header_langBox_box {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n -ms-transform: translateY(-50%) translateX(-50%);\r\n transform: translateY(-50%) translateX(-50%);\r\n max-width: 616px;\r\n width: 96%;\r\n padding: 20px;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.h_header_langBox_box {\r\n padding: 10px;\r\n}\r\n\r\n.h_mod_input {\r\n position: relative;\r\n}\r\n\r\n.h_mod_input input,\r\n.h_mod_input input:focus {\r\n width: 100%;\r\n background: #fff;\r\n padding: 9px 45px 9px 20px;\r\n font-size: 18px;\r\n font-size: 1.6rem;\r\n border: 1px solid #e7e7e7;\r\n box-sizing: inherit;\r\n border-radius: 5px;\r\n height: 48px;\r\n outline: none;\r\n}\r\n\r\n.h_mod_input button[type=\"submit\"] {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n right: 10px;\r\n line-height: 1;\r\n color: #8ac731;\r\n background: transparent;\r\n outline: none;\r\n border: none;\r\n font-size: 22px;\r\n}\r\n\r\n.h_pure_g {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-content: flex-start;\r\n}\r\n\r\n.h_pure_g li {\r\n -ms-flex: 0 0 50%;\r\n -webkit-box-flex: 0;\r\n flex: 0 0 50%;\r\n max-width: 50%;\r\n padding: 10px;\r\n}\r\n\r\n.h_mod_button {\r\n display: block;\r\n width: 100%;\r\n text-align: center;\r\n line-height: 1;\r\n}\r\n\r\n.h_mod_button a {\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n height: 75px;\r\n font-size: 1.6rem;\r\n border: 1px solid #e7e7e7;\r\n color: #000;\r\n}\r\n\r\n.h_mod_button a:before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: #8ac731;\r\n}\r\n\r\n.h_mod_button a span {\r\n display: block;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n -ms-transform: translate(-50%, -50%);\r\n transform: translate(-50%, -50%);\r\n width: 100%;\r\n padding: 0 40px;\r\n}\r\n\r\n.h_mod_button a i {\r\n position: absolute;\r\n top: 50%;\r\n right: 20px;\r\n -ms-transform: translateY(-50%);\r\n transform: translateY(-50%);\r\n font-size: 12px;\r\n font-size: 1.8rem;\r\n color: #8ac731;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .header-langBox-box {\r\n width: 90%;\r\n }\r\n .h_pure_g li {\r\n -ms-flex: 0 0 100%;\r\n flex: 0 0 100%;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n/* ======================================= */\r\n\r\n/* ======================== */\r\n\r\n.h_menu_btn {\r\n width: 36px;\r\n height: 36px;\r\n position: relative;\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_menu_btn__burger,\r\n.h_menu_btn__burger::before,\r\n.h_menu_btn__burger::after {\r\n width: 30px;\r\n height: 2px;\r\n border-radius: 2px;\r\n background-color: #000000;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_menu_btn__burger::before,\r\n.h_menu_btn__burger::after {\r\n content: \"\";\r\n position: absolute;\r\n}\r\n\r\n.h_menu_btn__burger::before {\r\n transform: translateY(-8px);\r\n}\r\n\r\n.h_menu_btn__burger::after {\r\n transform: translateY(8px);\r\n}\r\n\r\n/* ANIMATION */\r\n\r\n.h_menu_btn.open .h_menu_btn__burger {\r\n transform: translateX(-50px);\r\n background-color: transparent;\r\n box-shadow: none;\r\n}\r\n\r\n.h_menu_btn.open .h_menu_btn__burger::before {\r\n transform: rotate(45deg) translate(35px, -35px);\r\n}\r\n\r\n.h_menu_btn.open .h_menu_btn__burger::after {\r\n transform: rotate(-45deg) translate(35px, 35px);\r\n}\r\n\r\n/* ======================================= */\r\n\r\n.h_o_c_b {\r\n padding: 0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n position: relative;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.h_lc_b {\r\n position: relative;\r\n padding-top: 35px;\r\n}\r\n\r\n.h_gn_eqry {\r\n margin: 0;\r\n padding: 0;\r\n color: #000000;\r\n margin-right: 40px;\r\n position: relative;\r\n}\r\n\r\n.h_gn_eqry:after {\r\n content: \"\";\r\n width: 1px;\r\n height: 10px;\r\n top: 50%;\r\n margin-top: -5px;\r\n background: rgba(102, 102, 102, 0.5);\r\n position: absolute;\r\n right: -20px;\r\n}\r\n\r\n.h_gn_eqry a {\r\n color: #000000;\r\n text-decoration: none;\r\n}\r\n\r\n.h_logo {\r\n width: 360px;\r\n height: auto;\r\n}\r\n\r\n.h_logo a {\r\n display: block;\r\n}\r\n\r\n.h_cr_b {\r\n display: inline-block;\r\n position: relative;\r\n padding: 0px 40px;\r\n}\r\n\r\n.h_cr_b a:hover .h_crcb i {\r\n color: #65b9ff;\r\n}\r\n\r\n.h_cr_b a:hover .h_crb {\r\n background: #65b9ff;\r\n color: #fff;\r\n}\r\n\r\n.h_cr_b:after,\r\n.h_cr_b:before {\r\n content: \"\";\r\n width: 1px;\r\n height: 10px;\r\n top: 50%;\r\n margin-top: -5px;\r\n background: rgba(102, 102, 102, 0.5);\r\n position: absolute;\r\n left: 20px;\r\n}\r\n\r\n.h_cr_b:after {\r\n left: auto;\r\n right: 20px;\r\n}\r\n\r\n.h_cr_b a {\r\n color: #666;\r\n text-decoration: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n\r\n.h_crcb i {\r\n font-size: 2.4rem;\r\n}\r\n\r\n.h_crb {\r\n background: #e2e2e2;\r\n padding: 7px 15px;\r\n font-size: 1.3rem;\r\n border-radius: 20px;\r\n margin-left: 10px;\r\n display: inline-block;\r\n}\r\n\r\n.h_rc_b .f_si_cb {\r\n display: inline-block;\r\n vertical-align: bottom;\r\n}\r\n\r\n.h_crcb {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.h_crcb em {\r\n font-weight: 400;\r\n font-style: normal;\r\n display: inline-block;\r\n padding: 0 0 0 5px;\r\n font-size: 1.6rem;\r\n}\r\n\r\n.h_r_w_cb {\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n}\r\n\r\n.h_scbi {\r\n cursor: pointer;\r\n font-size: 1.6rem;\r\n display: inline-block;\r\n color: #666;\r\n}\r\n\r\n.h_scbi:hover {\r\n color: #9c4;\r\n}\r\n\r\n.h_rc_b {\r\n position: relative;\r\n padding-top: 10px;\r\n}\r\n\r\n.h_menu_c_b {\r\n position: relative;\r\n margin-top: 10px;\r\n}\r\n\r\n.h_nav_main li {\r\n display: inline-block;\r\n}\r\n\r\n.h_nav_main li a {\r\n display: block;\r\n font-size: 1.6rem;\r\n color: #000;\r\n padding: 10px 13px 20px;\r\n text-decoration: none;\r\n}\r\n\r\n.h_nav_main li:last-child a {\r\n padding-right: 0;\r\n}\r\n\r\n.h_menu_hp em {\r\n display: none;\r\n}\r\n\r\n.h_dd_mm {\r\n top: 107px;\r\n background: #f9f9f9;\r\n position: fixed;\r\n width: 100%;\r\n left: 0;\r\n min-height: 100px;\r\n z-index: 9999;\r\n display: none;\r\n}\r\n\r\n.h_cr_b *,\r\n.h_scbi *,\r\n.f_si_cb * {\r\n transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.h_nav_main li {\r\n position: relative;\r\n}\r\n\r\n.h_nav_main li a {\r\n border-bottom: 2px solid transparent;\r\n}\r\n\r\n.h_nav_main li:hover a {\r\n color: #8ac731;\r\n border-bottom: 2px solid #8ac731;\r\n}\r\n\r\n.h_nav_main li em {\r\n display: none;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list {\r\n position: absolute;\r\n margin-top: 15px;\r\n top: 100%;\r\n width: 260px;\r\n left: 0;\r\n -webkit-transition: 0.2s all;\r\n -moz-transition: 0.2s all;\r\n -ms-transition: 0.2s all;\r\n -o-transition: 0.2s all;\r\n opacity: 0;\r\n visibility: hidden;\r\n z-index: 9;\r\n background: #fafafa;\r\n margin-left: 0px;\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n display: none;\r\n}\r\n\r\n.h_nav_main li:hover .header-nav-item-child-list {\r\n -webkit-transition: 0.1s all;\r\n -moz-transition: 0.1s all;\r\n -ms-transition: 0.1s all;\r\n -o-transition: 0.1s all;\r\n margin-top: 0;\r\n opacity: 1;\r\n visibility: visible;\r\n display: block;\r\n}\r\n\r\n.h_nav_main li:hover .header-nav-item-child-list li a {\r\n color: rgba(0, 0, 0, 0.6);\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li {\r\n display: block;\r\n position: relative;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li a {\r\n display: block;\r\n font-size: 1.4rem;\r\n border: none;\r\n padding: 7px 5px 7px 25px;\r\n transition: all 0.3s ease-in-out;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li:hover a {\r\n border: none;\r\n color: #8ac731;\r\n background: rgba(153, 203, 68, 0.1);\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n content: \"\";\r\n position: absolute;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #8ac731;\r\n left: 9px;\r\n top: 14px;\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.h_nav_main li .header-nav-item-child-list.right_0 {\r\n left: auto;\r\n right: 0px;\r\n}\r\n\r\n.h_nav_main li:last-child .header-nav-item-child-list {\r\n left: auto;\r\n right: 0px;\r\n}\r\n\r\n@media (min-width: 1441px) {\r\n .headercontainer {\r\n /* max-width: 100%; */\r\n /* padding-left: 50px;\r\n padding-right: 50px; */\r\n }\r\n}\r\n\r\n/* @media screen and (max-width: 1439px) and (min-width: 524px) {\r\n\r\n\r\n\r\n} */\r\n\r\n@media (max-width: 1439px) {\r\n .container {\r\n max-width: 1240px;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\r\n .h_nav_main li a {\r\n font-size: 1.4rem;\r\n }\r\n\r\n .h_nav_main li .header-nav-item-child-list li a {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .h_nav_main li .header-nav-item-child-list {\r\n width: 220px;\r\n }\r\n\r\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n width: 6px;\r\n height: 6px;\r\n left: 10px;\r\n top: 13px;\r\n }\r\n\r\n .h_logo {\r\n width: 320px;\r\n height: auto;\r\n }\r\n}\r\n\r\n@media (max-width: 1023px) {\r\n .h_nav_main li:hover .header-nav-item-child-list {\r\n display: none;\r\n }\r\n .h_rc_b .f_si_cb,\r\n .h_crb,\r\n .h_gn_eqry {\r\n display: none;\r\n }\r\n .h_cr_b {\r\n padding: 0 30px;\r\n }\r\n .h_cr_b:after,\r\n .h_cr_b:before {\r\n left: 15px;\r\n }\r\n .h_menu_c_b {\r\n display: none;\r\n }\r\n .h_cr_b:after {\r\n left: auto;\r\n right: 15px;\r\n }\r\n .h_lc_b {\r\n padding-bottom: 15px;\r\n padding-top: 15px;\r\n }\r\n\r\n .h_logo {\r\n width: 300px;\r\n height: auto;\r\n }\r\n\r\n .h_menu_btn {\r\n display: flex;\r\n z-index: 999;\r\n }\r\n .activeMenucon .h_menu_c_b {\r\n position: fixed;\r\n margin: 0;\r\n z-index: 99;\r\n background: #fff;\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0px;\r\n display: block;\r\n }\r\n .activeMenucon .h_m_mob_c {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0px;\r\n left: 0px;\r\n padding-top: 60px;\r\n padding-bottom: 10px;\r\n }\r\n .activeMenucon .h_nav_main {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n overflow-x: auto;\r\n }\r\n .h_nav_main li {\r\n position: relative;\r\n display: block;\r\n border-bottom: 1px solid #f3f3f3;\r\n }\r\n .h_nav_main li a {\r\n font-size: 1.6rem;\r\n padding: 10px 50px 10px 15px;\r\n border: none;\r\n display: inline-block;\r\n }\r\n .h_nav_main li:hover a {\r\n border: none;\r\n color: #000;\r\n }\r\n .h_nav_main li a:hover {\r\n color: #8ac731;\r\n }\r\n .h_nav_main li em {\r\n position: absolute;\r\n font-size: 1.6rem;\r\n right: 0;\r\n top: 0;\r\n width: 40px;\r\n height: 44px;\r\n background: #f3f3f3;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n }\r\n .h_nav_main li em i {\r\n transition: all 0.3s ease-in-out;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n transform: rotate(0deg);\r\n -webkit-transform: rotate(0deg);\r\n -moz-transform: rotate(0deg);\r\n -ms-transform: rotate(0deg);\r\n -o-transform: rotate(0deg);\r\n }\r\n .h_nav_main li.activeSM i {\r\n transition: all 0.3s ease-in-out;\r\n -webkit-transition: all 0.3s ease-in-out;\r\n -moz-transition: all 0.3s ease-in-out;\r\n -ms-transition: all 0.3s ease-in-out;\r\n -o-transition: all 0.3s ease-in-out;\r\n transform: rotate(-180deg);\r\n -webkit-transform: rotate(-180deg);\r\n -moz-transform: rotate(-180deg);\r\n -ms-transform: rotate(-180deg);\r\n -o-transform: rotate(-180deg);\r\n }\r\n .h_nav_main li .header-nav-item-child-list {\r\n position: relative;\r\n margin-top: 0;\r\n top: auto;\r\n width: 100%;\r\n left: 0;\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 9;\r\n background: #f3f3f3;\r\n margin-left: 0;\r\n display: none;\r\n padding: 0;\r\n }\r\n .h_nav_main li.activeSM .header-nav-item-child-list {\r\n display: block;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li a {\r\n padding: 12px 15px 12px 35px;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li {\r\n border-bottom: 1px solid #f9f9f9;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n top: 19px;\r\n }\r\n .menu_body_scrollNone {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n.main-navigation-bar__fixed {\r\n position: fixed;\r\n top: 0;\r\n z-index: 2;\r\n background: #fff;\r\n box-shadow: 0 0 5px rgba(0,0,0,0.5);\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .h_logo {\r\n width: 180px;\r\n }\r\n .h_cr_b {\r\n padding: 0 16px;\r\n }\r\n .h_cr_b:after,\r\n .h_cr_b:before {\r\n left: 8px;\r\n }\r\n .h_cr_b:after {\r\n right: 8px;\r\n left: auto;\r\n }\r\n .h_nav_main li a {\r\n font-size: 1.4rem;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li a {\r\n font-size: 1.2rem;\r\n transition: all 0.1s ease-in-out;\r\n -webkit-transition: all 0.1s ease-in-out;\r\n -moz-transition: all 0.1s ease-in-out;\r\n -ms-transition: all 0.1s ease-in-out;\r\n -o-transition: all 0.1s ease-in-out;\r\n }\r\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\r\n top: 17px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .h_crcb em {\r\n display: none;\r\n }\r\n}\r\n","body,\nhtml {\n font-size: 10px; }\n\nbody {\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5;\n color: rgba(0, 0, 0, 0.6); }\n\nh1,\nh2,\nh3.h4,\nh5,\nh6 {\n color: #000; }\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0; }\n\n.container {\n max-width: 1300px; }\n\n.flex_c_a_c {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-pack: center;\n justify-content: center;\n display: -webkit-box;\n display: -moz-box;\n display: -webkit-flex; }\n\n.h_scrollNone {\n overflow: hidden; }\n\n/* ======================================= */\n.h_site_search,\n.h_header_langBox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\n transition: 0.4s;\n z-index: 2500; }\n\n.h_site_search_overlay,\n.h_header_langBox_overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.6); }\n\n.hh_site_search_box,\n.h_header_langBox_box {\n position: absolute;\n top: 50%;\n left: 50%;\n -ms-transform: translateY(-50%) translateX(-50%);\n transform: translateY(-50%) translateX(-50%);\n max-width: 616px;\n width: 96%;\n padding: 20px;\n background-color: #fff;\n border-radius: 4px;\n box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15); }\n\n.h_header_langBox_box {\n padding: 10px; }\n\n.h_mod_input {\n position: relative; }\n\n.h_mod_input input,\n.h_mod_input input:focus {\n width: 100%;\n background: #fff;\n padding: 9px 45px 9px 20px;\n font-size: 18px;\n font-size: 1.6rem;\n border: 1px solid #e7e7e7;\n box-sizing: inherit;\n border-radius: 5px;\n height: 48px;\n outline: none; }\n\n.h_mod_input button[type=\"submit\"] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n right: 10px;\n line-height: 1;\n color: #8ac731;\n background: transparent;\n outline: none;\n border: none;\n font-size: 22px; }\n\n.h_pure_g {\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start; }\n\n.h_pure_g li {\n -ms-flex: 0 0 50%;\n -webkit-box-flex: 0;\n flex: 0 0 50%;\n max-width: 50%;\n padding: 10px; }\n\n.h_mod_button {\n display: block;\n width: 100%;\n text-align: center;\n line-height: 1; }\n\n.h_mod_button a {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 75px;\n font-size: 1.6rem;\n border: 1px solid #e7e7e7;\n color: #000; }\n\n.h_mod_button a:before {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 3px;\n background: #8ac731; }\n\n.h_mod_button a span {\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 100%;\n padding: 0 40px; }\n\n.h_mod_button a i {\n position: absolute;\n top: 50%;\n right: 20px;\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n font-size: 12px;\n font-size: 1.8rem;\n color: #8ac731; }\n\n@media (max-width: 767px) {\n .header-langBox-box {\n width: 90%; }\n .h_pure_g li {\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%; } }\n\n/* ======================================= */\n/* ======================== */\n.h_menu_btn {\n width: 36px;\n height: 36px;\n position: relative;\n display: none;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s ease-in-out; }\n\n.h_menu_btn__burger,\n.h_menu_btn__burger::before,\n.h_menu_btn__burger::after {\n width: 30px;\n height: 2px;\n border-radius: 2px;\n background-color: #000000;\n transition: all 0.3s ease-in-out; }\n\n.h_menu_btn__burger::before,\n.h_menu_btn__burger::after {\n content: \"\";\n position: absolute; }\n\n.h_menu_btn__burger::before {\n transform: translateY(-8px); }\n\n.h_menu_btn__burger::after {\n transform: translateY(8px); }\n\n/* ANIMATION */\n.h_menu_btn.open .h_menu_btn__burger {\n transform: translateX(-50px);\n background-color: transparent;\n box-shadow: none; }\n\n.h_menu_btn.open .h_menu_btn__burger::before {\n transform: rotate(45deg) translate(35px, -35px); }\n\n.h_menu_btn.open .h_menu_btn__burger::after {\n transform: rotate(-45deg) translate(35px, 35px); }\n\n/* ======================================= */\n.h_o_c_b {\n padding: 0;\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n position: relative;\n font-size: 1.4rem; }\n\n.h_lc_b {\n position: relative;\n padding-top: 35px; }\n\n.h_gn_eqry {\n margin: 0;\n padding: 0;\n color: #000000;\n margin-right: 40px;\n position: relative; }\n\n.h_gn_eqry:after {\n content: \"\";\n width: 1px;\n height: 10px;\n top: 50%;\n margin-top: -5px;\n background: rgba(102, 102, 102, 0.5);\n position: absolute;\n right: -20px; }\n\n.h_gn_eqry a {\n color: #000000;\n text-decoration: none; }\n\n.h_logo {\n width: 360px;\n height: auto; }\n\n.h_logo a {\n display: block; }\n\n.h_cr_b {\n display: inline-block;\n position: relative;\n padding: 0px 40px; }\n\n.h_cr_b a:hover .h_crcb i {\n color: #65b9ff; }\n\n.h_cr_b a:hover .h_crb {\n background: #65b9ff;\n color: #fff; }\n\n.h_cr_b:after,\n.h_cr_b:before {\n content: \"\";\n width: 1px;\n height: 10px;\n top: 50%;\n margin-top: -5px;\n background: rgba(102, 102, 102, 0.5);\n position: absolute;\n left: 20px; }\n\n.h_cr_b:after {\n left: auto;\n right: 20px; }\n\n.h_cr_b a {\n color: #666;\n text-decoration: none;\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n\n.h_crcb i {\n font-size: 2.4rem; }\n\n.h_crb {\n background: #e2e2e2;\n padding: 7px 15px;\n font-size: 1.3rem;\n border-radius: 20px;\n margin-left: 10px;\n display: inline-block; }\n\n.h_rc_b .f_si_cb {\n display: inline-block;\n vertical-align: bottom; }\n\n.h_crcb {\n display: flex;\n align-items: center; }\n\n.h_crcb em {\n font-weight: 400;\n font-style: normal;\n display: inline-block;\n padding: 0 0 0 5px;\n font-size: 1.6rem; }\n\n.h_r_w_cb {\n display: flex;\n align-items: center;\n justify-content: flex-end; }\n\n.h_scbi {\n cursor: pointer;\n font-size: 1.6rem;\n display: inline-block;\n color: #666; }\n\n.h_scbi:hover {\n color: #9c4; }\n\n.h_rc_b {\n position: relative;\n padding-top: 10px; }\n\n.h_menu_c_b {\n position: relative;\n margin-top: 10px; }\n\n.h_nav_main li {\n display: inline-block; }\n\n.h_nav_main li a {\n display: block;\n font-size: 1.6rem;\n color: #000;\n padding: 10px 13px 20px;\n text-decoration: none; }\n\n.h_nav_main li:last-child a {\n padding-right: 0; }\n\n.h_menu_hp em {\n display: none; }\n\n.h_dd_mm {\n top: 107px;\n background: #f9f9f9;\n position: fixed;\n width: 100%;\n left: 0;\n min-height: 100px;\n z-index: 9999;\n display: none; }\n\n.h_cr_b *,\n.h_scbi *,\n.f_si_cb * {\n transition: all 0.2s ease-in-out; }\n\n.h_nav_main li {\n position: relative; }\n\n.h_nav_main li a {\n border-bottom: 2px solid transparent; }\n\n.h_nav_main li:hover a {\n color: #8ac731;\n border-bottom: 2px solid #8ac731; }\n\n.h_nav_main li em {\n display: none; }\n\n.h_nav_main li .header-nav-item-child-list {\n position: absolute;\n margin-top: 15px;\n top: 100%;\n width: 260px;\n left: 0;\n -webkit-transition: 0.2s all;\n -moz-transition: 0.2s all;\n -ms-transition: 0.2s all;\n -o-transition: 0.2s all;\n opacity: 0;\n visibility: hidden;\n z-index: 9;\n background: #fafafa;\n margin-left: 0px;\n padding-top: 15px;\n padding-bottom: 15px;\n display: none; }\n\n.h_nav_main li:hover .header-nav-item-child-list {\n -webkit-transition: 0.1s all;\n -moz-transition: 0.1s all;\n -ms-transition: 0.1s all;\n -o-transition: 0.1s all;\n margin-top: 0;\n opacity: 1;\n visibility: visible;\n display: block; }\n\n.h_nav_main li:hover .header-nav-item-child-list li a {\n color: rgba(0, 0, 0, 0.6); }\n\n.h_nav_main li .header-nav-item-child-list li {\n display: block;\n position: relative;\n transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list li a {\n display: block;\n font-size: 1.4rem;\n border: none;\n padding: 7px 5px 7px 25px;\n transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n -moz-transition: all 0.3s ease-in-out;\n -ms-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list li:hover a {\n border: none;\n color: #8ac731;\n background: rgba(153, 203, 68, 0.1);\n transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list li:hover a:before {\n content: \"\";\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #8ac731;\n left: 9px;\n top: 14px;\n transition: all 0.3s ease-in-out; }\n\n.h_nav_main li .header-nav-item-child-list.right_0 {\n left: auto;\n right: 0px; }\n\n.h_nav_main li:last-child .header-nav-item-child-list {\n left: auto;\n right: 0px; }\n\n@media (min-width: 1441px) {\n .headercontainer {\n /* max-width: 100%; */\n /* padding-left: 50px;\r\n padding-right: 50px; */ } }\n\n/* @media screen and (max-width: 1439px) and (min-width: 524px) {\r\n\r\n\r\n\r\n} */\n@media (max-width: 1439px) {\n .container {\n max-width: 1240px; } }\n\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\n .h_nav_main li a {\n font-size: 1.4rem; }\n .h_nav_main li .header-nav-item-child-list li a {\n font-size: 1.2rem; }\n .h_nav_main li .header-nav-item-child-list {\n width: 220px; }\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\n width: 6px;\n height: 6px;\n left: 10px;\n top: 13px; }\n .h_logo {\n width: 320px;\n height: auto; } }\n\n@media (max-width: 1023px) {\n .h_nav_main li:hover .header-nav-item-child-list {\n display: none; }\n .h_rc_b .f_si_cb,\n .h_crb,\n .h_gn_eqry {\n display: none; }\n .h_cr_b {\n padding: 0 30px; }\n .h_cr_b:after,\n .h_cr_b:before {\n left: 15px; }\n .h_menu_c_b {\n display: none; }\n .h_cr_b:after {\n left: auto;\n right: 15px; }\n .h_lc_b {\n padding-bottom: 15px;\n padding-top: 15px; }\n .h_logo {\n width: 300px;\n height: auto; }\n .h_menu_btn {\n display: flex;\n z-index: 999; }\n .activeMenucon .h_menu_c_b {\n position: fixed;\n margin: 0;\n z-index: 99;\n background: #fff;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0px;\n display: block; }\n .activeMenucon .h_m_mob_c {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n padding-top: 60px;\n padding-bottom: 10px; }\n .activeMenucon .h_nav_main {\n position: relative;\n width: 100%;\n height: 100%;\n overflow-x: auto; }\n .h_nav_main li {\n position: relative;\n display: block;\n border-bottom: 1px solid #f3f3f3; }\n .h_nav_main li a {\n font-size: 1.6rem;\n padding: 10px 50px 10px 15px;\n border: none;\n display: inline-block; }\n .h_nav_main li:hover a {\n border: none;\n color: #000; }\n .h_nav_main li a:hover {\n color: #8ac731; }\n .h_nav_main li em {\n position: absolute;\n font-size: 1.6rem;\n right: 0;\n top: 0;\n width: 40px;\n height: 44px;\n background: #f3f3f3;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer; }\n .h_nav_main li em i {\n transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n -moz-transition: all 0.3s ease-in-out;\n -ms-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transform: rotate(0deg);\n -webkit-transform: rotate(0deg);\n -moz-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n -o-transform: rotate(0deg); }\n .h_nav_main li.activeSM i {\n transition: all 0.3s ease-in-out;\n -webkit-transition: all 0.3s ease-in-out;\n -moz-transition: all 0.3s ease-in-out;\n -ms-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transform: rotate(-180deg);\n -webkit-transform: rotate(-180deg);\n -moz-transform: rotate(-180deg);\n -ms-transform: rotate(-180deg);\n -o-transform: rotate(-180deg); }\n .h_nav_main li .header-nav-item-child-list {\n position: relative;\n margin-top: 0;\n top: auto;\n width: 100%;\n left: 0;\n opacity: 1;\n visibility: visible;\n z-index: 9;\n background: #f3f3f3;\n margin-left: 0;\n display: none;\n padding: 0; }\n .h_nav_main li.activeSM .header-nav-item-child-list {\n display: block; }\n .h_nav_main li .header-nav-item-child-list li a {\n padding: 12px 15px 12px 35px; }\n .h_nav_main li .header-nav-item-child-list li {\n border-bottom: 1px solid #f9f9f9; }\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\n top: 19px; }\n .menu_body_scrollNone {\n overflow: hidden; } }\n\n.main-navigation-bar__fixed {\n position: fixed;\n top: 0;\n z-index: 2;\n background: #fff;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }\n\n@media (max-width: 767px) {\n .h_logo {\n width: 180px; }\n .h_cr_b {\n padding: 0 16px; }\n .h_cr_b:after,\n .h_cr_b:before {\n left: 8px; }\n .h_cr_b:after {\n right: 8px;\n left: auto; }\n .h_nav_main li a {\n font-size: 1.4rem; }\n .h_nav_main li .header-nav-item-child-list li a {\n font-size: 1.2rem;\n transition: all 0.1s ease-in-out;\n -webkit-transition: all 0.1s ease-in-out;\n -moz-transition: all 0.1s ease-in-out;\n -ms-transition: all 0.1s ease-in-out;\n -o-transition: all 0.1s ease-in-out; }\n .h_nav_main li .header-nav-item-child-list li:hover a:before {\n top: 17px; } }\n\n@media (max-width: 480px) {\n .h_crcb em {\n display: none; } }\n"]}
\ No newline at end of file
......@@ -284,6 +284,8 @@
],
});
//when the slick slide initializes we want to set all of our slides to the same height
$(".cs_team_slider_container").on("setPosition", function() {
......@@ -376,8 +378,11 @@
});
}
if ($(".history-year__global").length) {
$(".history-year__global").slick({
if ($(".history-year__india").length) {
$(".history-year__india").slick({
dots: false,
infinite: true,
autoplay:true,
......@@ -405,7 +410,6 @@
});
}
if ($(".history-year__global-blue").length) {
$(".history-year__global-blue").slick({
dots: false,
......@@ -415,6 +419,7 @@
speed: 3000,
slidesToShow: 6,
slidesToScroll: 6,
variableWidth: true,
arrows:false,
responsive: [{
breakpoint: 991,
......@@ -434,36 +439,51 @@
],
});
}
if ($(".history-year__india").length) {
$(".history-year__india").slick({
dots: false,
infinite: true,
autoplay:true,
autoplaySpeed: 2000,
speed: 3000,
slidesToShow: 6,
slidesToScroll: 6,
arrows:false,
responsive: [{
breakpoint: 991,
settings: {
arrows: true,
slidesToShow: 3,
slidesToScroll: 3,
},
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
},
},
],
});
};
function showhistoryYearGlobal(){
var totalsItems = $('.history-year__global li').length;
if (totalsItems >= 5){
// $('.history-year__global').slick('unslick');
if ($(".history-year__global").length) {
$(".history-year__global").slick({
dots: false,
infinite: true,
autoplay:true,
autoplaySpeed: 2000,
speed: 3000,
slidesToShow: 6,
slidesToScroll: 6,
arrows:false,
responsive: [{
breakpoint: 991,
settings: {
arrows: true,
slidesToShow: 3,
slidesToScroll: 3,
},
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
},
},
],
});
}
}
}
showhistoryYearGlobal();
/*
if ($(".bod_t_c_slider").length) {
$(".bod_t_c_slider").slick({
......@@ -567,7 +587,6 @@
});
//when the slick slide initializes we want to set all of our slides to the same height
$(".b_slider_m_c_box").on("setPosition", function() {
jbResizeSlider();
......
......@@ -241,7 +241,20 @@
});
}
var stickyNavTop = $('.main-navigation-bar').offset().top;
var stickyNav = function () {
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.main-navigation-bar').addClass('main-navigation-bar__fixed');
} else {
$('.main-navigation-bar').removeClass('main-navigation-bar__fixed');
}
};
$(window).scroll(function () {
stickyNav();
});
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
......@@ -43,7 +43,7 @@
*/
#}
<div class="container-fluid">
<div class="container-fluid main-navigation-bar">
<div class="row">
<div class="container-fluid headercontainer">
<header class="h_o_c_b">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment