.search_product input::placeholder{opacity: 0.5;} .btn_search_product{cursor: pointer; width: 19px; height: 19px; position: absolute; top:7px; right: 12px; border: 0; border-radius: 0; background: url(/new_e_catalogue_v11/static/src/css/../img/search_gray.png) center no-repeat; background-size: cover;} .btn_search_product:hover{background: url(/new_e_catalogue_v11/static/src/css/../img/search_blue.png) center no-repeat; background-size: cover;} .btn_search_product:focus{outline: none;} #list_item_product2,#list_item_product3{display: none;} .map{height: 100%; min-height: 500px; background: #ccc; position: relative; width: 96%;} .contact_form{min-height: 500px; background: transparent; max-width: 390px;} .name_locatoin{position: absolute; min-height: 47px; display: flex; align-items: center; width: 100%; background: #ececec; top:0; left:0; z-index: 5;} .name_locatoin h2{width: 100%; color:#777; text-align: center; font-size: 17px; font-family: 'barlow_condensedregular';} .contact_form .txthead_in h2{font-size: 22px;} #map{width: 100%; height: 100%; margin: 0; padding: 0; border: 0;} .contact_form label{color:#1974bb; width: 100%; font-size: 16px;} .contact_form textarea{height: 160px;} .blog{width: 100%;} .pag-slider_blog{width: 100%;} #slider_blog{text-align: center;} #slider_blog .swiper-slide{position: relative; cursor: pointer;} #slider_blog .swiper-slide .caption{opacity: 0; transition: all 0.2s ease; position: absolute; bottom: -100px; left:0; width: 100%; min-height: 70px; background: rgba(241,23,22,0.75) url(/new_e_catalogue_v11/static/src/css/../img/topbar_hover_before.png) center; display: flex; align-items: center;} #slider_blog .swiper-slide .caption h2{color: #fff; font-size: 20px; font-family: 'barlow_condensedmedium', 'Prompt', sans-serif; width: 100%; font-style: italic; padding: 0 10px;} #slider_blog .swiper-slide:hover .caption{opacity: 1; bottom: 0px;} #slider_blog .swiper-slide.active .caption{opacity: 1; bottom: 0px;} .blog_content .txthead_in h2{font-size: 22px;} .blog_list{transition: all 0.2s ease;} .blog_list .img_blog_list{background-size: 110% auto; background-position: center; background-color: #ccc; border: 1px solid #ebebeb; border-bottom: 0; transition: all 0.2s ease;} .blog_list .caption{background: transparent; border: 1px solid #ebebeb; border-top: 0; padding: 15px; position: relative;} .blog_list .caption.cap1{min-height: 150px;} .blog_list .caption.cap2{min-height: 170px;} .blog_list .caption h2{font-size: 16px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#1974bb; padding-bottom: 15px; padding-right: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .blog_list .caption h3{position: absolute; top:15px; right:15px; font-size: 14px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#aaaaaa;} .blog_list .caption p{font-size: 16px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#777; height: 50px;} .blog_list .caption h4{position: absolute; bottom:15px; left:15px; font-size: 14px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#1974bb;} .btn_read_more{position: absolute;bottom: 15px;right: 15px; cursor: pointer;} .blog_list:hover .img_blog_list{background-size:130%;} .pag-slider_blog .swiper-pagination-bullet{margin:17px 5px 0; width: 40px; height: 4px; border-radius: 0} .pag-slider_blog .swiper-pagination-bullet-active{background: #f11716;} .blog_details_head{width: 100%;} .blog_details_head .txthead_in{position: relative;} .blog_details_head .txthead_in h2{font-size: 22px; padding-right: 90px;} .blog_details_head .txthead_in h3{font-size: 14px; color:#aaa; position: absolute; right: 0; top:10px; font-family: 'barlow_condensedregular';} .blog_details_head .txthead_sub{position: relative;} .blog_details_head .txthead_sub h2{display: inline-block; font-size: 14px; color:#1974bb;} .blog_details_head .txthead_sub .btn-share{position: absolute; right: 0; top:0; margin: 0; max-width: 100px;} .blog_details_head .txthead_sub .btn-share .icon_share{position: relative; top:4px; right:5px;} .blog_details .details{width: 100%; background: #ccc;} .details .txt h2{font-size: 16px; color:#777; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 1.2;} .details .txt p{font-size: 16px; color:#777; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 1.2; max-width:750px; margin: 0 auto;} .details .txt p a{color:#1974bb; display: contents; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .details .txt.tag p{max-width: 100%;} .details .txt.tag p span{margin:0 12px; display: inline-block;} .recently.blog_thumb .list_img{border: 0;} .recently.blog_thumb .wrap_list_product{cursor: pointer;} .menu_left{max-width: 320px; width: 100%;} .menu_left_content{max-width: 300px; width: 100%;} .menu_left_side{width: 100%; overflow: hidden; margin: auto;} .menu_left_side .item{margin-bottom: 8px;} .menu_left_side .item .heading{height: 33px; line-height: 33px; font-size: 16px; cursor: pointer; color: #777; padding-left: 15px; background: #ebebeb url(/new_e_catalogue_v11/static/src/css/../img/arrow_menu_side_down.png) no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular'; transition: all 0.1s ease;} .menu_left_side .item:hover .heading{background-color: #d6d6d6;} .menu_left_side .item.open .heading, .menu_left_side .item:last-child .heading{border: 0;} .menu_left_side .item.open .heading{background: #1974bb url(/new_e_catalogue_v11/static/src/css/../img/arrow_menu_side_up.png) no-repeat; background-position: 95% center; color: #fff;} .menu_left_side .item .content{display: none; padding: 7px 12px; background: #fff; font-size: 16px; color:#777; line-height: 1.4; font-family: 'barlow_condensedregular';} .menu_left_side .item .content ul{list-style-type: none;} .menu_left_side .item .content a:hover{color:#1974bb;} .product_content{width: calc(100% - 320px); float: left; padding-left:30px;} .product_content .head{width: 100%; border-bottom: 2px solid #ebebeb;} .product_content .label_left{float: left; height: 30px; line-height: 30px; background: #ebebeb url(/new_e_catalogue_v11/static/src/css/../img/product/label_head.jpg) center right no-repeat; padding: 0 24px 0 12px;} .product_content .label_right{float: right; height: 30px; position: relative; width: 160px;} .product_content .label_left h2{font-size: 16px; color:#777; font-family: 'barlow_condensedregular'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .product_content .box_list{width: 30px; height: 30px; background: url(/new_e_catalogue_v11/static/src/css/../img/product/box_list.png) center no-repeat; background-size: cover;} .product_content .box_grid{width: 30px; height: 30px; background: url(/new_e_catalogue_v11/static/src/css/../img/product/box_grid.png) center no-repeat; background-size: cover;} .product_content .box_list:hover,.product_content .box_list.active{background: url(/new_e_catalogue_v11/static/src/css/../img/product/box_list_hover.png) center no-repeat; background-size: cover;} .product_content .box_grid:hover,.product_content .box_grid.active{background: url(/new_e_catalogue_v11/static/src/css/../img/product/box_grid_hover.png) center no-repeat; background-size: cover;} .sort{position: absolute; top:0; right: 0;} .sort button{width: 90px; border-radius: 0; height: 30px; line-height: 30px; color:#8a8a8a; background: #ebebeb; padding: 0; margin: 0; right: 0; font-size: 16px; font-family: 'barlow_condensedregular';} .sort .dropdown-item.active, .dropdown-item:active{color: #fff; text-decoration: none; background-color: #1974bb;} .sort .dropdown-menu{padding: 0; right: 0 !important; left: auto !important; border-radius: 0; padding: 0px; margin-top: 0;} .sort .dropdown-item{height: 30px; line-height: 30px; padding: 0 12px;} .btn_back{font-size: 16px; color:#777; font-family: 'barlow_condensedregular'; line-height: 30px; position: relative;} .btn_back:before{content: ''; position: absolute; height: 15px; width: 7px; background: url(/new_e_catalogue_v11/static/src/css/../img/arrow_left.png) center no-repeat; line-height: 30px; height: 30px; position: absolute; left: -13px;} select.sort{width: 90px; padding: 5px 35px 5px 5px; font-size: 16px; color:#8a8a8a; border: 1px solid rgba(0,0,0,0); height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/new_e_catalogue_v11/static/src/css/../img/arrow_menu_side_down.png) 87% / 15% no-repeat #ebebeb; font-family: 'barlow_condensedregular'; position: absolute; right: 0; outline: none; display: block;} select.sort::-ms-expand{display: none;} .megaparts_pagination .page-item:first-child .page-link{margin: 0; border:0; border-radius: 0; background:#ebebeb url(/new_e_catalogue_v11/static/src/css/../img/arrow_left.png) center no-repeat; margin: 0 10px;} .megaparts_pagination .page-item:last-child .page-link{margin: 0; border:0; border-radius: 0; background:#ebebeb url(/new_e_catalogue_v11/static/src/css/../img/arrow_right.png) center no-repeat; margin: 0 10px;} .megaparts_pagination .page-link{color:#858a82; font-size: 16px; border: 0; border-radius: 0; padding: 0; height: 22px; width: 27px; text-align: center; line-height: 22px;} .megaparts_pagination .page-item:first-child .page-link:hover{background-color: #e11c23;} .megaparts_pagination .page-item:last-child .page-link:hover{background-color: #e11c23;} .megaparts_pagination .page-link:hover{color:#fff; background: #e11c23;} .megaparts_pagination .page-item.active .page-link{background: #e11c23;} .megaparts_pagination .page-item .page-link:focus{box-shadow: none;} .thumb_product{width: 90px; height: 92px; float: left; margin-right: 10px; border:1px solid #ebebeb;} .content_product{width: calc(100% - 100px); float: left; height: 92px; border-bottom:1px solid #ebebeb;} .content_product a{display: block;} .type-list{overflow: hidden;} .type-list .tri_mark{border-bottom: 2px solid #ececec;} .type-list .tri_mark:after{content: ''; position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; border-bottom: 10px solid #ececec; border-right: 10px solid transparent;} .type-list .tri_mark.hot_deal{border-bottom: 2px solid #1974bb;} .type-list .tri_mark.new_product{border-bottom: 2px solid #f11716;} .type-list .tri_mark.hot_deal:after{border-bottom: 10px solid #1974bb; border-right: 10px solid transparent; width: 10px; height: 10px; padding: 0;} .type-list .tri_mark.new_product:after{border-bottom:10px solid #f11716; border-right: 10px solid transparent; width: 10px; height: 10px; padding: 0;} .type-list .caption h2{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular'; line-height: 1.4; max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .type-list .caption h3{color:#777777; font-size: 16px; font-family: 'barlow_condensedregular'; line-height: 1.4; max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .type-list .caption h4.hotdeal{background: #1974bb url(/new_e_catalogue_v11/static/src/css/../img/product/label.png) bottom right no-repeat; color:#fff; font-size: 16px; font-family: 'barlow_condensedregular'; display: inline-block; padding: 0 25px 0 7px; line-height: 18px; margin:2px 0;} .type-list .caption h4.newproduct{background: #f11716 url(/new_e_catalogue_v11/static/src/css/../img/product/label.png) bottom right no-repeat; color:#fff; font-size: 16px; font-family: 'barlow_condensedregular'; display: inline-block; padding: 0 25px 0 7px; line-height: 18px; margin:2px 0;} .type-list .caption h5{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular'; line-height: 1.5; max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .type-list .caption h5 span{color:#f11716;} .type-list .txtprice{width: 100%; text-align: right;} .type-list .caption h4.hotdeal.hide{visibility: hidden;} .type-list .caption h4.newproduct.hide{visibility: hidden;} .pd_detail_img{max-width: 300px;} .pd_detail_thumb img{border: 1px solid #f2f2f2;} .img_zoom_product{border: 1px solid #f0f0f0} .label-red{width: 100%; height: 33px; background: #e11c23; font-size: 22px; font-family: 'barlow_condensedregular'; color:#fff; text-align: center; padding: 0 15px;} .label-red h2{width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .label-gray{width: 100%; height: 42px; background: #ebebeb; font-size: 22px; font-family: 'barlow_condensedregular'; color:#fff; text-align: center; padding: 0 15px;} .label-gray h2{width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .code{width:100%; text-align: center;} .code h2{color:#1974bb; font-size: 16px;} .availability h2{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular';} .availability h2 span{color:#f11716;} .availability h3{color:#777; font-size: 24px; font-family: 'barlow_condensedregular';} .label-gray h2{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular';} .label-gray h2 span{color:#f11716;} .label-gray h3{color:#777; font-size: 24px; font-family: 'barlow_condensedregular';} .qty_product h2{color:#777; font-size: 16px; font-family: 'barlow_condensedregular';} .qty_product h3{color:#777; font-size: 24px; font-family: 'barlow_condensedregular';} .btn-add-to-cart{height: 22px; width: 77px; color:#fff; background: #1974bb; text-align: center; line-height: 22px; font-size: 12px; font-family: 'barlow_condensedregular'; margin-left:65px; transition: all 0.2s ease;} .btn-add-to-cart:hover{background-color: #0d5791; color: #fff;} .table_head{text-align: center; background: url(/new_e_catalogue_v11/static/src/css/../img/table_bg.jpg) center; height: 33px;} .table_body{font-size:16px; font-family: 'barlow_condensedregular'; padding: 4px 0.25rem; color:#777;} .tb-spec{line-height: 33px; font-size:16px; font-family: 'barlow_condensedregular'; color:#fff;} .tb-about{line-height: 33px; font-size:16px; font-family: 'barlow_condensedregular'; color:#8a8a8a;} .nav_search{height: 100%; width: 290px; position: absolute; z-index: 5; top: 0; right: -290px; background-color: #ececec; transition: 0.5s; border-left: 1px solid #e1e1e1;} .nav_search.active{right: 0px;} .nav_search a:hover{color: #f1f1f1;} .nav_search .closebtn{position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;} .topbar_sub, #herobanner, .wrap_main_content, #footer{transition: all .5s ease; position: relative; right: 0} .search_form{width: 100%; height: 37px; position: fixed; z-index: 9; transition: all .5s ease; top:0px;} .search_form input{width: 100%; height: 37px; line-height: 37px; padding-right: 56px; background: #313131 !important; text-align: center; color:#fff; font-size: 16px; border: 0; border-radius: 0;} .search_form input:focus{outline: 0; background: #313131 !important;} .search_form input::placeholder{color:#fff; opacity: 0.7;} .search_form input:focus::placeholder{opacity: 0; background: #313131 !important;} .search_form button{width: 56px; height: 37px; background: #ebebeb url(/new_e_catalogue_v11/static/src/css/../img/search_gray.png) center no-repeat; background-size: 18px; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; position: absolute;right: 0; top:0; cursor: pointer;} .search_form button:hover{background-color: #e0e0e0} .search_form button:focus{outline: 0; box-shadow: none;} body.active{overflow: hidden;} #main{padding-right: 56px; min-height: 700px; overflow: hidden;} #main.active{padding-right: 290px;} .wrap_content_search{padding: 60px 0 0; width: 100%;} .btn_nav_search{width: 14px; height: 30px; background: url(/new_e_catalogue_v11/static/src/css/../img/btn_nav_search.png) center left no-repeat; background-size: cover; float: left; margin-left: -35px;} .nav_search{padding: 25px 20px 25px 35px;} .nav_search .head h2{line-height: 30px; padding-left: 10px; color:#1974bb; font-size: 18px; text-transform: uppercase; font-family: 'barlow_condensedmedium';} .menu_left_search{margin-top:25px;} .menu_left_search .item .heading{background-color:#fff;} .menu_left_search .item .content{background-color: transparent; line-height: 1.5;} .tab_search{cursor: pointer; width: 56px; height: 100%; position: absolute; left:-56px; top:0; background: #ececec url(/new_e_catalogue_v11/static/src/css/../img/txt_tab_search.png) center no-repeat; border-right: 1px solid #e1e1e1; visibility: visible; opacity: 1; transition: all 0.2s ease;} .tab_search:hover{background-color:#e0e0e0;} .tab_search.active{visibility: hidden; opacity: 0;} .tri_search{width: 100%; height: 50px; background: url(/new_e_catalogue_v11/static/src/css/../img/arrow_search.png) center no-repeat;} .list_product.item_search:hover:after{height: 100%; z-index: -1} #list_search_product01 > img:hover{filter: brightness(0) invert(1);} #main_ecat{min-height: 700px;} .ecat_txthead h2{font-size: 22px; font-family: 'barlow_condensedmedium'; text-align: center; color:#1974bb; text-transform: uppercase;} .ecat_filter{position: relative; width: 100%; max-width: 750px; margin:0 auto; padding: 20px 0 0;} .ecat_filter_list{pointer-events: none; position: relative; width: 20%; float: left; font-size: 19px; font-family: 'barlow_condensedregular'; text-align: center; color:#777777; cursor: pointer; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1} .ecat_filter_list:after{content: ''; position: absolute; height: 4px; width: 100%; background: #1974bb; bottom:-1px; left: 0; opacity: 0; transition: all 0.15s ease;} .ecat_filter_list.active:after,.ecat_filter_list:hover:after{opacity: 1;} .ecat_filter_list:before{content: ''; position: absolute; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #bbb; bottom: 14px; left: calc(50% - 6px); transition: all 0.15s ease;} .ecat_filter_list.active:before,.ecat_filter_list:hover:before{top:auto; bottom: -6px; border-top: 6px solid #1974bb;} .ecat_filter_list.ac:before{border-top: 6px solid #1974bb;} .ecat.hidden{display: none;} .year_tab{border-bottom: 3px solid #313131; margin: 10px 0 15px;} .year_tab h2{cursor: pointer; width: 115px; height: 28px; background: #313131; color: #fff; padding-right: 25px; text-align: center; line-height: 28px; font-family: 'barlow_condensedmedium'; font-size:18px; position: relative; bottom: -3px;} .year_tab h2:before{content: ''; position: absolute; width: 0; height: 0; right: 0; border-left: 15px solid transparent; border-right: 0px solid transparent; border-top: 25px solid #fff;} .year_tab h2:after{content: ''; position: absolute; width: 0; height: 0; right: 35px; top:10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;} .year_tab h2.active:after{transform: rotate(180deg);} .ecat_year_list{position: relative; overflow: hidden;} .ecat_year_list .caption{position: absolute; width: 100%; background: #fff; bottom:-120px; left:0; border-top: 3px solid #1974bb; padding: 10px 15px; transition: all 0.15s ease;} .ecat_year_list .caption:before{content: ''; position: absolute; width: 0; height: 0; left: 0px; top:-15px; border-left: 0px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #1974bb;} .ecat_year_list .caption h2{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#777; font-size: 16px;} .ecat_year_list .caption h3{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#1974bb; font-size: 16px;} .ecat_year_list:hover .caption{bottom:0;} .year_content{display: none;} .p-1{padding: .25rem!important;} .ecat_ddyear{width: 100%; max-width: 750px; margin:0 auto 30px; border-bottom: 1px solid #e1e1e1; visibility: hidden;} .ecat_ddyear ul{list-style-type: none; text-align: center;} .ecat_ddyear ul li{display: inline-block; padding: 0 10px;} .ecat_ddyear ul li a:hover{color:#1974bb;} .ecat_mark{height: 20px; width: 100%; background: #000; position: absolute;} #accordionYear .card-header{padding: 0;} .ecat_model_list{position: relative; overflow: hidden; border:1px solid #efefef;} .ecat_model_list .caption{position: absolute; width: 100%; background: rgba(255,255,255,0.85); bottom:-120px; left:0; border-top: 3px solid #1974bb; padding: 10px 15px; transition: all 0.15s ease;} .ecat_model_list .caption h1:before{content: ''; position: absolute; width: 0; height: 0; right: -25px; top:0px; border-left: 0px solid transparent; border-right: 25px solid transparent; border-bottom: 20px solid #1974bb;} .ecat_model_list .caption h1{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#fff; font-size: 16px; position: absolute;top: -22px;background: #1974bb;padding: 2px 20px;left: 0;} .ecat_model_list .caption h2{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#777; font-size: 16px;} .ecat_model_list .caption h3{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#1974bb; font-size: 16px;} .ecat_model_list:hover .caption{bottom:0;} .ecat_illustation_list{position: relative; overflow: hidden; border:1px solid #efefef;} .ecat_illustation_list .caption{position: absolute; width: 100%; background: rgba(255,255,255,0.85); bottom:-120px; left:0; border-top: 3px solid #1974bb; padding: 10px 15px; transition: all 0.15s ease;} .ecat_illustation_list .caption h1:before{content: ''; position: absolute; width: 0; height: 0; right: -25px; top:0px; border-left: 0px solid transparent; border-right: 25px solid transparent; border-bottom: 20px solid #1974bb;} .ecat_illustation_list .caption h1{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#fff; font-size: 16px; position: absolute;top: -22px;background: #1974bb;padding: 2px 20px;left: 0;} .ecat_illustation_list .caption h2{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#777; font-size: 16px; line-height: 1.2;} .ecat_illustation_list .caption h3{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; color:#1974bb; font-size: 16px;} .ecat_illustation_list:hover .caption{bottom:0;} .img_big{border:1px solid #efefef; border-bottom: 4px solid #ebebeb; position: relative;} .img_big:before{content: ''; position: absolute; width: 0; height: 0; bottom:0; left:0; border-left: 0px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ebebeb; z-index: 8;} .ecat .nav-item{width: 49%; border: 0;} .ecat_tab{font-size: 20px; color:#777; font-family: 'barlow_condensedregular';} .nav-tabs .ecat_tab.nav-item.show .nav-link, .nav-tabs .ecat_tab.nav-link.active{color:#1974bb; border-bottom: 3px solid #1974bb;} .nav-tabs .ecat_tab.nav-item.show .nav-link, .nav-tabs .ecat_tab.nav-link.active:after{content: ''; position: absolute; width: 0; height: 0; bottom:0; left:0; border-left: 0px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #1974bb; z-index: 8;} .ecat_content{padding-left: 20px; padding-bottom: 50px;height:440px} .ecat_content .nav-tabs .nav-item{margin: 0;} .ec_head{float: left; text-align: center; padding: 10px 0; font-family: 'barlow_condensedmedium', 'Kanit', sans-serif; font-size: 16px;} .head_par{width: 18%; border-right: 1px solid #e1e1e1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .head_sug{width: 10%; border-right: 1px solid #e1e1e1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .head_des{width: 30%; border-right: 1px solid #e1e1e1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .head_qty{width: 14%; border-right: 1px solid #e1e1e1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .head_pri{width: 14%; border-right: 1px solid #e1e1e1;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .head_add{width: 14%;} .ec_body{float: left; text-align: center; font-family: 'barlow_condensedregular'; font-size: 16px; line-height: 38px; height: 38px;} .body_par{width: 18%; color:#1974bb; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .body_sug{width: 10%;} .body_des{width: 30%; text-align: left; padding-left: 7px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: 'barlow_condensedregular', 'Kanit', sans-serif;} .body_qty{width: 14%;} .body_pri{width: 14%;} .body_add{width: 14%;} .head_des.select{width: 40%;} .body_des.select{width: 40%;} .body_qty .input-group-btn:nth-child(1){position: absolute; left: 0; z-index: 5;} .body_qty .input-group-btn:nth-child(3){position: absolute; right: 0; z-index: 5;} .body_qty .btn{background: transparent; padding: 0 .75rem; line-height: 1; border: 0; vertical-align:inherit;} .qty_count{width: 100% !important; z-index: 2; border: 0; padding: 0; line-height: 38px; background: transparent;} .qty_count:focus{border: 0; box-shadow: none; background: transparent;} .ecat_table .body{overflow: hidden;} .ecat_table .details{border: 1px solid #ebebeb; overflow: hidden; border-bottom: 4px solid #ebebeb;} .ecat_table .item{background: #fff; overflow: hidden; width: 100%;} .ecat_table .item .img{float: left; width: 30%;} .ecat_table .item .txt{float: left; width: 50%; padding: 10px; height: 130px; display: table;} .ecat_table .item .txt_in{display: table-cell; vertical-align: middle; font-family: 'barlow_condensedregular', 'Kanit', sans-serif;} #content_year{padding-bottom: 50px;} #content_model{padding-bottom: 50px;} #content_illustation{padding-bottom: 50px;} .signin_top .input-group-btn{display: none;} .accordion{width: 100%; overflow: hidden; margin: auto; padding-top: 10px;} .accordion .item .heading{cursor: pointer; background-position: right 20px top -95px; box-sizing: border-box;} .accordion .item .heading:hover{background: #ebebeb;} .accordion .item.open .heading, .accordion .item:last-child .heading{border: 0;} .accordion .item.open .heading, .accordion .item.open .heading:hover{background: #ebebeb url(/new_e_catalogue_v11/static/src/css/../img/bg_hover.png) bottom left no-repeat; background-size: 60% 90%; position: relative;} .accordion .item.open .heading:after{position: absolute; content: ''; width: 95%; height: 3px; bottom: 0px; right: 0; background: #f11716;} .accordion .item.open .heading .body_par, .accordion .item.open .heading .body_sug, .accordion .item.open .heading .body_des{color:#fff;} .accordion .item .content{display: none; background: #fff; font-size: 14px;} .btn-confirm{right: 0; position: absolute;} @media(max-width: 1199px){#app_download .logo_megapart{width: 180px;}#app_download .txt h2{font-size: 22px;}#app_download .txt2 h3{font-size: 16px;}#app_download .txt{max-width: 25%;}#app_download .txt2{max-width: 25%;}#app_download .txt:after{right: -5%;}#slider_main{max-width: 870px;}#slider_main2{max-width: 870px;}#herobanner_main{max-height: 300px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 300px;}.wrap_banner_ani{transform: scale(0.7);}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail{width: 45%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price{width: 8%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty{width: 35%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty_price{width: 12%;}.box_cart .body{height: calc(85% - 130px);}.box_cart .footer{bottom: 15%;}.product .list_product{height: 125px;}.product .list_product h2{font-size: 24px;}.type-list .caption h2, .type-list .caption h3, .type-list .caption h5{max-width: 300px;}.btn-add-to-cart{margin-left: 15px;}.count{width: 75px;}} @media(max-width: 991px){#app_download .logo_megapart img{display: none;}#app_download .logo_megapart{width: 7%;}#app_download .txt{max-width: 25%;}#app_download .txt2{max-width: 25%;}#app_download .txt h2{font-size: 18px;}#app_download .txt2 h3{font-size: 14px;}#slider_main{max-width: 630px;}#slider_main2{max-width: 630px;}.wrap_swiper_control{width: 30%;}.car{top:60px; left:18%;}.banner1_txt1{top: 10%; left: 5%;}.banner1_txt2{top: 10%; right: 5%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail{width: 85%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price{width: 15%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty{width: 50%;padding-top: 20px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty_price{width: 50%;padding-top: 20px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price h2{text-align: right;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty h2{padding-left: 0;}.cart_item_in{padding-right: 15px;}.select-w{width: 40%;}.order_content .box-cart{float: none;}.order_content .detail{width: 100%;}.order_content .qty{width: 100%; text-align: left; margin-top: 10px;}.order_content .delivered{width: 100%; text-align: left; margin-top: 10px;}.order_content .addcart{width: 100%; text-align: left; margin-top: 10px;}.acc_myorder .order_content{display: block;}.order_content .delivered h2{display: inline-block;}.order_content .delivered h3{display: inline-block;}.acc_myorder .order_id{padding: 10px;}.acc_myorder .order_content{padding: 10px;}.contact_form{max-width: 500px; margin:0 auto;}.map{min-height: 350px;}.product_content{padding-left: 0;}.content_product{height: auto; padding-bottom: 10px; border-bottom: 0;}.type-list{border-bottom: 1px solid #ebebeb;}.pd_detail_img{max-width: 100%;}.btn-add-to-cart{margin-left: 30px;}.map{width: 100%;}.ecat_ddyear ul li{font-size: 13px; padding: 5px;}} @media(max-width: 767px){#app_download .logo_megapart{width: 2%;}#app_download .link_download_app{margin-left: 0;}#slider_main{max-width: 450px;}#slider_main2{max-width: 450px;}.wrap_swiper_control{width: 40%;}#app_download .txt .s1{display: block; padding-left: 0;}#app_download .txt .s2{display: block; padding-left: 10px;}#app_download .txt .s3{display: block; padding-left: 20px;}#app_download .txt .s4{display: block; padding-left: 30px;}.wrap_banner_ani{transform: scale(0.5);}.car{top:130px; left:5%;}.banner1_txt1{top: 10%; left: 0%;}.banner1_txt2{top: 10%; right: 0%;}.select-w{width: 50%;}.txt_acc h3{margin-top: 7px;}.account_img_user{position: static; margin: 0 auto; max-width: 100px;}.account_name{text-align: center;}.account_menu{display: none;}.btn_account_menu{display: block;}.product .list_product{height: 100px;}.product .list_product h2{font-size: 20px;}.breadcrumb-item.active{width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.details .txt{text-align: left !important; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;}.menu_left{display: none;}.product_content{width: 100%;}.ecat_content{padding-left: 0;}.ecat_table .item .txt{height: auto; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;}} @media(max-width: 575px){.banner_in{position: relative; top: 50px; border-top: 1px solid #e0e0e0;}.btn_view_more{right: 10px;}#slider_main{max-width: 120%; margin-left: -19.5%;}#slider_main2{max-width: 120%; margin-left: -19.5%;}.wrap_swiper_control{width: 70%;}#app_download .txt2{display: none;}#app_download .txt{max-width: 50%;}#app_download .txt:after{display: none;}.banner_app_mb{right: 20px;}#app_download .icon_app{width: 85px;}#herobanner_main{max-height: 185px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 185px;}#herobanner_main .swiper-pagination-bullet{height: 20px; width: 2px;}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 3px 0;}#content{margin:80px 0;}.car{top:130px; left:5%;}.banner1_txt1{top: 20%; left: -30%;}.banner1_txt2{top: 20%; right: -30%;}.cart_item_in{padding-right: 0;}.btn-remove i{display: none;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail{padding: 0 15px 0 23px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers h2{display: inline-block;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers .btn-remove{width: 30px; height: 30px; background: #f11716; border-radius: 4px; top:-5px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers .btn-remove:before{background: url(/new_e_catalogue_v11/static/src/css/../img/bin_mb.png) center no-repeat;background-size: cover;top: 7px; left: 9px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .cart_txt_top{padding-top: 0;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price h2{line-height: 1.4;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail h2{line-height: 1.4; white-space: normal; overflow: visible;}.wrap_tab_cart_step{margin-top: 50px;}.w-sm-25{width: 100%;}.w-sm-50{width: 100%;}.w-sm-75{width: 100%;}.w-sm-100{width: 100%;}.invioce{display: none;}.product .list_product{height: 75px;}.product .list_product h2{font-size: 15px;}.map{min-height: 240px;}.blog{margin-top: 50px;}.blog_details{margin-top: 50px;}#slider_blog .swiper-slide .caption{opacity: 1; bottom: 0; min-height: 50px;}.pag-slider_blog .swiper-pagination-bullet{width: 35px; margin:17px 3px 0;}.details .txt.tag p span{margin:0 3px;}.product_content .label_left{width: 100%; max-width: 140px;}.btn_back{padding-right: 10px;}.search_form{top:50px;}.nav_search{height: calc(100% - 87px); top:87px;}#main{min-height: 100%; padding-right: 35px;}.wrap_content_search{padding-top: 120px;}.search_form button{width: 35px;}.tab_search{width: 35px; left: -35px;}#main.active{padding-right: 35px;}.search_form input{padding-right: 35px;}} @media(max-width: 414px){#slider_recently{max-width: 150%; margin-left: -34.5%;}} @media(max-width: 375px){#slider_main{max-width: 120%; margin-left: -19%;}#slider_main2{max-width: 120%; margin-left: -19%;}#app_download .txt{max-width: 40%;}#herobanner_main{max-height: 165px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 165px;}} @media(max-width: 320px){#slider_main{max-width: 120%; margin-left: -16.5%;}#slider_main2{max-width: 120%; margin-left: -16.5%;}#app_download .txt h2{font-size: 15px;}#app_download .icon_app{width: 70px;}#app_download .link_download_app a{width: 90px;}#app_download{height: 90px;}#app_download .logo_megapart:after{border-bottom: 90px solid #ececec;}#herobanner_main{max-height: 145px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 145px;}} .nav_right .search{background-image: url(/new_e_catalogue_v11/static/src/css/images/btn_close.png); background-size: 14px 14px;} .recently .list_img{border: 1px solid #b9b9b9;} .product .nav-item{transform: skewX(0deg);} li.breadcrumb-brand,li.breadcrumb-year,li.breadcrumb-model,li.breadcrumb-illus, li.breadcrumb-parts{display: none;} .cropit-preview{background-color: #f8f8f8; background-size: cover; border: 1px solid #ccc; border-radius: 3px; margin-top: 7px; width: 528px !important; height: 450px !important;; overflow: hidden;} .cropit-preview-image-container{cursor: move;} .image-size-label{margin-top: 10px;} .cropit-preview-background{opacity: 1;} input.cropit-image-zoom-input{position: relative;} #image-cropper{overflow: hidden;} .img_custom{background-repeat: no-repeat;} input[type=range]{-webkit-appearance: none; margin: 18px 0; width: 40%; left:20%; height: 25px;} input[type=range]:focus{outline: none;} input[type=range]::-webkit-slider-runnable-track{width: 100%; height: 1px; cursor: pointer; animate: 0.2s; background: #e1e1e1; border-radius: 0;} input[type=range]::-webkit-slider-thumb{height: 21px; width: 23px; border-radius:0; background: url(/new_e_catalogue_v11/static/src/img/icon_range.png) center no-repeat; cursor: pointer; -webkit-appearance: none; margin-top: -10px;} input[type=range]:focus::-webkit-slider-runnable-track{background: #367ebd;} input[type=range]::-moz-range-track{width: 100%; height: 1px; cursor: pointer; animate: 0.2s; background: #e1e1e1; border-radius: 0;} input[type=range]::-moz-range-thumb{height: 21px; width: 23px; border-radius:0; background: url(/new_e_catalogue_v11/static/src/img/icon_range.png) center no-repeat; cursor: pointer; -webkit-appearance: none; margin-top: -10px; border:0;} input[type=range]::-ms-track{width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent;} input[type=range]::-ms-fill-lower{background: #2a6495; border: 0.2px solid #010101; border-radius: 2.6px;} input[type=range]::-ms-fill-upper{background: #3071a9; border: 0.2px solid #010101; border-radius: 2.6px;} input[type=range]::-ms-thumb{border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;} input[type=range]:focus::-ms-fill-lower{background: #f00;} input[type=range]:focus::-ms-fill-upper{background: #ff0;} input.cropit-image-zoom-input:before{content: ''; position: absolute; width: 21px; height: 21px; background: url(/new_e_catalogue_v11/static/src/img/icon_left.png) center no-repeat; left:-30px; top:2px;} input.cropit-image-zoom-input:after{content: ''; position: absolute; width: 21px; height: 21px; background: url(/new_e_catalogue_v11/static/src/img/icon_right.png) center no-repeat; right:-30px; top:2px;} .image-editor{position: relative;} .btn_reset{left: 340px; position: absolute; width: 80px; height: 30px; background: url(/new_e_catalogue_v11/static/src/img/new_button_reset_icon.png) center no-repeat; right: 7px; border-radius: 5px; cursor: pointer;} .btn_reset:hover{background: url(/new_e_catalogue_v11/static/src/img/new_button_reset_icon_hover.png) center no-repeat;} @media(max-width: 1199px){.cropit-preview{width: 375px !important;; height: 375px !important;}} @media(max-width: 991px){.cropit-preview{width: 275px !important;; height: 275px !important;}} @media(max-width: 767px){.cropit-preview{width: 500px !important;; height: 500px !important; margin:0 auto;}} @media(max-width: 576px){.cropit-preview{width: 375px !important;; height: 375px !important; margin:0 auto;}} @media(max-width: 413px){.cropit-preview{width: 290px !important;; height: 290px !important; margin:0 auto;}} @media(max-width: 374px){.cropit-preview{width: 275px !important;; height: 275px !important; margin:0 auto;}} .mt-5, .my-5{margin-top: 3rem!important;} .pt-5, .py-5{padding-top: 1rem!important;} .pt-3, .py-3{padding-top: 1rem!important;} .cateloge-top{position: relative;} .cateloge-top.affix{position: fixed;} .cateloge-top.affix{left: 0; margin: 0 auto; width: 100%; height: 37px; right: 0; top: 0; z-index: 9;} .count-input{position: relative; width: 100%; max-width: 165px;} .count-input input{width: 100%; height: 36.92307692px; border: 0px solid #000; border-radius: 2px; background: none; text-align: center;} .count-input input:focus{outline: none;} .count-input .incr-btn{display: block; position: absolute; width: 30px; height: 30px; font-size: 17px; text-align: center; line-height: 30px; top: 50%; right: 0; margin-top: -15px; text-decoration:none;} .count-input .incr-btn:first-child{right: auto; left: 0; top: 46%;} .count-input.count-input-sm{max-width: 125px;} .count-input.count-input-sm input{height: 36px;} .count-input.count-input-lg{max-width: 200px;} .count-input.count-input-lg input{height: 70px; border-radius: 3px;} @media (min-width: 1200px){.col-xl-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}} 

/* /new_e_catalogue_v11/static/src/css/reset.css defined in bundle 'web.assets_frontend' */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} ol, ul{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} a{display: inline-block; color:inherit;} a:hover{text-decoration: none; color: inherit;} ul, menu, dir{display: block; list-style-type: disc; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;} .wrap_row{padding: 0 15px; clear: both;} .pad0{padding: 0;} .mar0{margin: 0;} .pos{position: absolute;} .thumbnail > img, .thumbnail a > img{display: block;max-width: 100%; width:auto; height: auto;margin-left: auto;margin-right: auto;} .t_inline{display: inline-block;} .marB0{margin-bottom: 0 !important;} .marT0{margin-top: 0 !important;} .marR0{margin-right: 0 !important;} .marL0{margin-left: 0 !important;} 

/* /new_e_catalogue_v11/static/src/css/slick.css defined in bundle 'web.assets_frontend' */
 .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left; height: 100%; min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} 

/* /new_e_catalogue_v11/static/src/css/slick-theme.css defined in bundle 'web.assets_frontend' */
@charset 'UTF-8'; .slick-loading .slick-list{background: #fff url('/new_e_catalogue_v11/static/src/css/./ajax-loader.gif') center center no-repeat;} @font-face{font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/new_e_catalogue_v11/static/src/css/./fonts/slick.eot'); src: url('/new_e_catalogue_v11/static/src/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/new_e_catalogue_v11/static/src/css/./fonts/slick.woff') format('woff'), url('/new_e_catalogue_v11/static/src/css/./fonts/slick.ttf') format('truetype'), url('/new_e_catalogue_v11/static/src/css/./fonts/slick.svg#slick') format('svg');} .slick-prev, .slick-next{font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; background: transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before, .slick-next:before{font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev{left: -25px;} [dir='rtl'] .slick-prev{right: -25px; left: auto;} .slick-prev:before{content: '←';} [dir='rtl'] .slick-prev:before{content: '→';} .slick-next{right: -25px;} [dir='rtl'] .slick-next{right: auto; left: -25px;} .slick-next:before{content: '→';} [dir='rtl'] .slick-next:before{content: '←';} .slick-dotted.slick-slider{margin-bottom: 30px;} .slick-dots{position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;} .slick-dots li{position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;} .slick-dots li button:hover, .slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{opacity: .75; color: black;} 

/* /new_e_catalogue_v11/static/src/css/swiper.min.css defined in bundle 'web.assets_frontend' */
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-invisible-blank-slide{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0} .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} 

/* /new_e_catalogue_v11/static/src/css/easyzoom.css defined in bundle 'web.assets_frontend' */
 .easyzoom{position: relative; display: inline-block; *display: inline; *zoom: 1;} .easyzoom img{vertical-align: bottom;} .easyzoom.is-loading img{cursor: progress;} .easyzoom.is-ready img{cursor: crosshair;} .easyzoom.is-error img{cursor: not-allowed;} .easyzoom-notice{position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; box-shadow: 0 0 10px #888;} .easyzoom-flyout{position:absolute; z-index: 5; overflow: hidden; background: #FFF;} .easyzoom--overlay .easyzoom-flyout{top: 0; left: 0; width: 100%; height: 100%;} .easyzoom--adjacent .easyzoom-flyout{top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;} 

/* /new_e_catalogue_v11/static/src/css/nice-select.css defined in bundle 'web.assets_frontend' */
select{display: none;} .nice-select{-webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto;} .nice-select:hover{border-color: #dbdbdb;} .nice-select:active, .nice-select.open, .nice-select:focus{border-color: #999;} .nice-select:after{border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px;} .nice-select.open:after{-webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .nice-select.open .list{opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} .nice-select.disabled{border-color: #ededed; color: #999; pointer-events: none;} .nice-select.disabled:after{border-color: #cccccc;} .nice-select.wide{width: 100%;} .nice-select.wide .list{left: 0 !important; right: 0 !important;} .nice-select.right{float: right;} .nice-select.right .list{left: auto; right: 0;} .nice-select.small{font-size: 12px; height: 36px; line-height: 34px;} .nice-select.small:after{height: 4px; width: 4px;} .nice-select.small .option{line-height: 34px; min-height: 34px;} .nice-select .list{background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9;} .nice-select .list:hover .option:not(:hover){background-color: transparent !important;} .nice-select .option{cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all 0.2s;} .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color: #f6f6f6;} .nice-select .option.selected{font-weight: bold;} 

/* /new_e_catalogue_v11/static/src/css/swiper.min.css defined in bundle 'web.assets_frontend' */
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-invisible-blank-slide{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:img/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0} .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} 

/* /new_e_catalogue_v11/static/src/css/fonts.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'akrobatblack'; src: url('/new_e_catalogue_v11/static/font/akrobat-black-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/akrobat-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatbold'; src: url('/new_e_catalogue_v11/static/font/akrobat-bold-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/akrobat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatlight'; src: url('/new_e_catalogue_v11/static/font/akrobat-light-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/akrobat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatregular'; src: url('/new_e_catalogue_v11/static/font/akrobat-regular-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/akrobat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatthin'; src: url('/new_e_catalogue_v11/static/font/akrobat-thin-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/akrobat-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedblack'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-black-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedbold'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-bold-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedlight'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-light-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedmedium'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-medium-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedregular'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-regular-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedthin'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-thin-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedsemibold'; src: url('/new_e_catalogue_v11/static/font/barlowcondensed-semibold-webfont.woff2') format('woff2'), url('/new_e_catalogue_v11/static/font/barlowcondensed-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} 

/* /website_catalogue_entry_v11/static/src/lib/css/jquery.Jcrop.css defined in bundle 'web.assets_frontend' */
 .jcrop-holder{direction: ltr; text-align: left; -ms-touch-action: none;} .jcrop-vline, .jcrop-hline{background: #ffffff url("/website_catalogue_entry_v11/static/src/lib/css/Jcrop.gif"); font-size: 0; position: absolute;} .jcrop-vline{height: 100%; width: 1px !important;} .jcrop-vline.right{right: 0;} .jcrop-hline{height: 1px !important; width: 100%;} .jcrop-hline.bottom{bottom: 0;} .jcrop-tracker{height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;} .jcrop-handle{background-color: #333333; border: 1px #eeeeee solid; width: 7px; height: 7px; font-size: 1px;} .jcrop-handle.ord-n{left: 50%; margin-left: -4px; margin-top: -4px; top: 0;} .jcrop-handle.ord-s{bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px;} .jcrop-handle.ord-e{margin-right: -4px; margin-top: -4px; right: 0; top: 50%;} .jcrop-handle.ord-w{left: 0; margin-left: -4px; margin-top: -4px; top: 50%;} .jcrop-handle.ord-nw{left: 0; margin-left: -4px; margin-top: -4px; top: 0;} .jcrop-handle.ord-ne{margin-right: -4px; margin-top: -4px; right: 0; top: 0;} .jcrop-handle.ord-se{bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0;} .jcrop-handle.ord-sw{bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px;} .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s{height: 7px; width: 100%;} .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w{height: 100%; width: 7px;} .jcrop-dragbar.ord-n{margin-top: -4px;} .jcrop-dragbar.ord-s{bottom: 0; margin-bottom: -4px;} .jcrop-dragbar.ord-e{margin-right: -4px; right: 0;} .jcrop-dragbar.ord-w{margin-left: -4px;} .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline{background: #ffffff; filter: alpha(opacity=70) !important; opacity: .70!important;} .jcrop-light .jcrop-handle{-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000000; border-color: #ffffff; border-radius: 3px;} .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline{background: #000000; filter: alpha(opacity=70) !important; opacity: 0.7 !important;} .jcrop-dark .jcrop-handle{-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #ffffff; border-color: #000000; border-radius: 3px;} .solid-line .jcrop-vline, .solid-line .jcrop-hline{background: #ffffff;} .jcrop-holder img, img.jcrop-preview{max-width: none;} 

/* /carousel_slider_73lines/static/src/less-css/owl.carousel.css defined in bundle 'web.assets_frontend' */
 .owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-carousel .owl-stage{position: relative; -ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-item{position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;} .owl-carousel .owl-item img{display: block; width: 100%; -webkit-transform-style: preserve-3d; position: relative; cursor: pointer;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display: none;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-loaded{display: block;} .owl-carousel.owl-loading{opacity: 0; display: block;} .owl-carousel.owl-hidden{opacity: 0;} .owl-carousel.owl-refresh .owl-item{display: none;} .owl-carousel.owl-drag .owl-item{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-grab{cursor: move; cursor: grab;} .owl-carousel.owl-rtl{direction: rtl;} .owl-carousel.owl-rtl .owl-item{float: right;} .no-js .owl-carousel{display: block;} .owl-carousel .animated{-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-carousel .owl-animated-in{z-index: 0;} .owl-carousel .owl-animated-out{z-index: 1;} .owl-carousel .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .owl-height{transition: height 500ms ease-in-out;} .owl-carousel .owl-item .owl-lazy{opacity: 0; transition: opacity 400ms ease;} .owl-carousel .owl-item img.owl-lazy{-webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper{position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon{position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/carousel_slider_73lines/static/src/less-css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display: none;} .owl-carousel .owl-video-tn{opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease;} .owl-carousel .owl-video-frame{position: relative; z-index: 1; height: 100%; width: 100%;} .owl-theme .owl-dots, .owl-theme .owl-nav{text-align: center; -webkit-tap-highlight-color: transparent;} .owl-theme .owl-dots .owl-dot{display: inline-block; zoom: 1;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #869791;} .owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit;} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} 

/* /carousel_slider_73lines/static/src/less-css/custom_carousel.less defined in bundle 'web.assets_frontend' */
 .owl-theme .owl-dots, .owl-theme .owl-nav{text-align: center; -webkit-tap-highlight-color: transparent; margin-bottom: 25px; top: 9px;} .owl-theme .owl-nav{margin-top: 10px;} .owl-theme .owl-nav [class*=owl-]{color: #FFF; font-size: 14px; margin: 3px; padding: 4px 7px; background: transparent; display: inline-block; cursor: pointer; border-radius: 3px; z-index: 60000;} .owl-theme .owl-nav [class*=owl-]:hover{background: transparent; color: #FFF; text-decoration: none;} .owl-theme .owl-nav .disabled{opacity: 0.5; cursor: default;} .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 10px;} .owl-theme .owl-dots .owl-dot{display: inline-block; zoom: 1;} .owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px; margin: 5px 7px; background: #ebebeb; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #f11716;} .owl-theme .btn-primary{color: #fff; border-color: transparent; border-radius: 0px; font-size: 18px; font-weight: 600; transition: all 0.2s ease; padding: 15px 15px;} .owl-theme .btn-primary:hover{color: #fff; background-color: #f11716; border-color: transparent;} .owl-theme .owl-button-prev{background: #ebebeb url(/theme_megaparts/static/src/images/arrow_left.png) center no-repeat !important; transition: all 0.2s ease; padding: 15px !important; border-radius: 0px !important;} .owl-theme .owl-button-next{background: #ebebeb url(/theme_megaparts/static/src/images/arrow_right.png) center no-repeat !important; transition: all 0.2s ease; padding: 15px !important; border-radius: 0px !important;} .owl-dots{margin-top: 0px; position: inherit; top: 24px;} .owl-prev{position: absolute; left: 41%; top: 84%;} .owl-next{position: absolute; right: 41%; top: 84%;} .headline{position: absolute; right: 93% !important; width: 35px; height: 336px; background: #ececec; display: flex; align-items: center; z-index: 5; margin-top: 19px;} .headline h2{transform: rotate(-90deg); font-size: 24px; line-height: 42px; font-weight: 400; margin-top: 46px; margin-bottom: 0px; position: absolute; left: 16px; right: 67px; top: 102px;} .product-list{margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 19px; z-index: 1;} .product-single h5{font-size: 16px !important; font-family: barlow_condensedregular; font-weight: 400; line-height: 19px; color: #1974bb;} .product-single h6{font-size: 16px !important; font-family: barlow_condensedregular; font-weight: 400; line-height: 19px; color: #777777; min-height: 42px;} .span-item img{max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .span-item:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .tri_mark{border-bottom: 4px solid #1974bb; position: relative; margin-top: -5px;} .oe_product_image_carousel{border: 1px solid #ececec;} 

/* /snippet_google_map/static/src/less/s_google_map.less defined in bundle 'web.assets_frontend' */
 .s_google_map{height: 100%; min-height: 300px; position: relative;} .s_google_map .map_container{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .s_google_map.readable .map_container{position: relative;} .s_google_map .description{z-index: 99; background: #337ab7; background: rgba(51, 122, 183, 0.8); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 0 1em; color: white; -webkit-transition: background-color 250ms ease; -o-transition: background-color 250ms ease; transition: background-color 250ms ease;} .s_google_map .description font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;} .s_google_map .description span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;} .s_google_map:hover .description{background: #337ab7; background: rgba(51, 122, 183, 0.55);} #mapModal{z-index: 3000;} .pac-container{z-index: 3001;} .pac-container:after{display: none;} 

/* /theme_default/static/src/less/customize_modal.less defined in bundle 'web.assets_frontend' */
 #theme_customize_modal .modal-h5{color: #ffffff; font-family: "Lato-Regular"; font-weight: normal; text-transform: uppercase; letter-spacing: normal; font-size: 14px; color: white; padding: 4px 0 4px 4px; background-color: #bdc3c7;} #theme_customize_modal table{width: 100%; margin-bottom: 8px;} 

/* /theme_default/static/src/less/colors.less defined in bundle 'web.assets_frontend' */
 .bg-blue{background-color: #3498DB;} .bg-turquoise{background-color: #1ABC9C;} .bg-green{background-color: #2ECC71;} .bg-yellow{background-color: #F1C40F;} .bg-orange{background-color: #E67E22;} .bg-red{background-color: #E74C3C;} .bg-pink{background-color: #f74b94;} .bg-purple{background-color: #9B59B6;} .bg-brown{background-color: #7b5844;} .text-blue{color: #3498DB;} .text-turquoise{color: #1ABC9C;} .text-green{color: #2ECC71;} .text-yellow{color: #F1C40F;} .text-orange{color: #E67E22;} .text-red{color: #E74C3C;} .text-pink{color: #f74b94;} .text-purple{color: #9B59B6;} .text-brown{color: #7b5844;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{float: left; display: inline; font-size: 14px; border-color: transparent;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; margin: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .has-error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto!important; height: 250px!important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} 

/* /website_sale_wishlist/static/src/less/website_sale_wishlist.less defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767px){.oe_website_sale .td-wish-btn{width: 100px;}} 

/* /snippet_product_carousel_73lines/static/src/less/product_carousel.less defined in bundle 'web.assets_frontend' */
 .user_rating_hidden .easy-shortcuts-user-rating{display: none;} .easy-shortcuts-add-to-cart{margin: 3px 5px;} .add_to_cart_hidden .easy-shortcuts-add-to-cart{display: none;} .price_hidden .easy-shortcuts-price b{display: none;} .wishlist_hidden .o_add_wishlist{display: none;} .mini-image{float: left; padding-right: 20px;} .mini-info{padding-top: 20px; padding-bottom: 32px;} .tabcontent > .tab-pane{display: none;} .tabcontent > .active{display: block;} .panel.with-nav-tabs .panel-heading{padding: 5px 5px 0 5px;} .panel.with-nav-tabs .nav-tabs{border-bottom: none;} .panel.with-nav-tabs .nav-justified{margin-bottom: -1px;} .panel-heading ul li{background-color: #ccc;} 

/* /website_sale_delivery/static/src/less/website_sale_delivery.less defined in bundle 'web.assets_frontend' */
 @media (max-width: 767px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /website_onepage_checkout/static/src/css/onepage_checkout.css defined in bundle 'web.assets_frontend' */
.control-label{padding: 0px;} .hide_class{pointer-events: none; cursor: default;} .onepage-loader-big{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(/website_onepage_checkout/static/src/img/onepage_checkout_big.GIF) center no-repeat rgba(255, 255, 255, 0.5); text-shadow: 0 1px 1px white;} .onepage-loader-small{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(/website_onepage_checkout/static/src/img/onepage_checkout_small.gif) center no-repeat rgba(255, 255, 255, 0.5); text-shadow: 0 1px 1px white;} .panel-primary > .panel-heading{color: #fff; background-color: #1b75bc; border-color: #1b75bc; border-radius: 0px !important;} .panel-group .panel{margin-bottom: 0; border-radius: 0px;} .panel-primary{border-color: #ccc;} 

/* /theme_megaparts/static/src/less/fonts.less defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'akrobatblack'; src: url('/theme_megaparts/static/src/fonts/akrobat-black-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/akrobat-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatbold'; src: url('/theme_megaparts/static/src/fonts/akrobat-bold-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/akrobat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatlight'; src: url('/theme_megaparts/static/src/fonts/akrobat-light-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/akrobat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatregular'; src: url('/theme_megaparts/static/src/fonts/akrobat-regular-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/akrobat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'akrobatthin'; src: url('/theme_megaparts/static/src/fonts/akrobat-thin-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/akrobat-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedblack'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-black-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedbold'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-bold-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedlight'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-light-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedmedium'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-medium-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedregular'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-regular-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedthin'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-thin-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face{font-family: 'barlow_condensedsemibold'; src: url('/theme_megaparts/static/src/fonts/barlowcondensed-semibold-webfont.woff2') format('woff2'), url('/theme_megaparts/static/src/fonts/barlowcondensed-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} body{font-family: 'akrobatregular';} 

/* /theme_megaparts/static/src/less/footer.less defined in bundle 'web.assets_frontend' */
 footer #footer{padding-top: 0px !important;} footer #footer .nav{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; list-style: none;} footer #footer hr{padding: 1px 0;} footer #footer .btn{background-color: #e11c23; border-radius: 0px; height: 27px; line-height: 17px; width: 90px; border: 0px;} footer #footer .footer-tab-item a{padding: 0px !important;} footer #footer .footer-sub-item a:hover, footer #footer .footer-sub-item a:focus{text-decoration: none; background-color: transparent;} 

/* /theme_megaparts/static/src/less/boot.less defined in bundle 'web.assets_frontend' */
 @media (min-width: 576px){.m-sm-0{margin: 0 !important;}.mt-sm-0, .my-sm-0{margin-top: 0 !important;}.mr-sm-0, .mx-sm-0{margin-right: 0 !important;}.mb-sm-0, .my-sm-0{margin-bottom: 0 !important;}.ml-sm-0, .mx-sm-0{margin-left: 0 !important;}.m-sm-1{margin: 0.25rem !important;}.mt-sm-1, .my-sm-1{margin-top: 0.25rem !important;}.mr-sm-1, .mx-sm-1{margin-right: 0.25rem !important;}.mb-sm-1, .my-sm-1{margin-bottom: 0.25rem !important;}.ml-sm-1, .mx-sm-1{margin-left: 0.25rem !important;}.m-sm-2{margin: 0.5rem !important;}.mt-sm-2, .my-sm-2{margin-top: 0.5rem !important;}.mr-sm-2, .mx-sm-2{margin-right: 0.5rem !important;}.mb-sm-2, .my-sm-2{margin-bottom: 0.5rem !important;}.ml-sm-2, .mx-sm-2{margin-left: 0.5rem !important;}.m-sm-3{margin: 1rem !important;}.mt-sm-3, .my-sm-3{margin-top: 1rem !important;}.mr-sm-3, .mx-sm-3{margin-right: 1rem !important;}.mb-sm-3, .my-sm-3{margin-bottom: 1rem !important;}.ml-sm-3, .mx-sm-3{margin-left: 1rem !important;}.m-sm-4{margin: 1.5rem !important;}.mt-sm-4, .my-sm-4{margin-top: 1.5rem !important;}.mr-sm-4, .mx-sm-4{margin-right: 1.5rem !important;}.mb-sm-4, .my-sm-4{margin-bottom: 1.5rem !important;}.ml-sm-4, .mx-sm-4{margin-left: 1.5rem !important;}.m-sm-5{margin: 3rem !important;}.mt-sm-5, .my-sm-5{margin-top: 3rem !important;}.mr-sm-5, .mx-sm-5{margin-right: 3rem !important;}.mb-sm-5, .my-sm-5{margin-bottom: 3rem !important;}.ml-sm-5, .mx-sm-5{margin-left: 3rem !important;}.p-sm-0{padding: 0 !important;}.pt-sm-0, .py-sm-0{padding-top: 0 !important;}.pr-sm-0, .px-sm-0{padding-right: 0 !important;}.pb-sm-0, .py-sm-0{padding-bottom: 0 !important;}.pl-sm-0, .px-sm-0{padding-left: 0 !important;}.p-sm-1{padding: 0.25rem !important;}.pt-sm-1, .py-sm-1{padding-top: 0.25rem !important;}.pr-sm-1, .px-sm-1{padding-right: 0.25rem !important;}.pb-sm-1, .py-sm-1{padding-bottom: 0.25rem !important;}.pl-sm-1, .px-sm-1{padding-left: 0.25rem !important;}.p-sm-2{padding: 0.5rem !important;}.pt-sm-2, .py-sm-2{padding-top: 0.5rem !important;}.pr-sm-2, .px-sm-2{padding-right: 0.5rem !important;}.pb-sm-2, .py-sm-2{padding-bottom: 0.5rem !important;}.pl-sm-2, .px-sm-2{padding-left: 0.5rem !important;}.p-sm-3{padding: 1rem !important;}.pt-sm-3, .py-sm-3{padding-top: 1rem !important;}.pr-sm-3, .px-sm-3{padding-right: 1rem !important;}.pb-sm-3, .py-sm-3{padding-bottom: 1rem !important;}.pl-sm-3, .px-sm-3{padding-left: 1rem !important;}.p-sm-4{padding: 1.5rem !important;}.pt-sm-4, .py-sm-4{padding-top: 1.5rem !important;}.pr-sm-4, .px-sm-4{padding-right: 1.5rem !important;}.pb-sm-4, .py-sm-4{padding-bottom: 1.5rem !important;}.pl-sm-4, .px-sm-4{padding-left: 1.5rem !important;}.p-sm-5{padding: 3rem !important;}.pt-sm-5, .py-sm-5{padding-top: 3rem !important;}.pr-sm-5, .px-sm-5{padding-right: 3rem !important;}.pb-sm-5, .py-sm-5{padding-bottom: 3rem !important;}.pl-sm-5, .px-sm-5{padding-left: 3rem !important;}.m-sm-auto{margin: auto !important;}.mt-sm-auto, .my-sm-auto{margin-top: auto !important;}.mr-sm-auto, .mx-sm-auto{margin-right: auto !important;}.mb-sm-auto, .my-sm-auto{margin-bottom: auto !important;}.ml-sm-auto, .mx-sm-auto{margin-left: auto !important;}} @media (min-width: 768px){.m-md-0{margin: 0 !important;}.mt-md-0, .my-md-0{margin-top: 0 !important;}.mr-md-0, .mx-md-0{margin-right: 0 !important;}.mb-md-0, .my-md-0{margin-bottom: 0 !important;}.ml-md-0, .mx-md-0{margin-left: 0 !important;}.m-md-1{margin: 0.25rem !important;}.mt-md-1, .my-md-1{margin-top: 0.25rem !important;}.mr-md-1, .mx-md-1{margin-right: 0.25rem !important;}.mb-md-1, .my-md-1{margin-bottom: 0.25rem !important;}.ml-md-1, .mx-md-1{margin-left: 0.25rem !important;}.m-md-2{margin: 0.5rem !important;}.mt-md-2, .my-md-2{margin-top: 0.5rem !important;}.mr-md-2, .mx-md-2{margin-right: 0.5rem !important;}.mb-md-2, .my-md-2{margin-bottom: 0.5rem !important;}.ml-md-2, .mx-md-2{margin-left: 0.5rem !important;}.m-md-3{margin: 1rem !important;}.mt-md-3, .my-md-3{margin-top: 1rem !important;}.mr-md-3, .mx-md-3{margin-right: 1rem !important;}.mb-md-3, .my-md-3{margin-bottom: 1rem !important;}.ml-md-3, .mx-md-3{margin-left: 1rem !important;}.m-md-4{margin: 1.5rem !important;}.mt-md-4, .my-md-4{margin-top: 1.5rem !important;}.mr-md-4, .mx-md-4{margin-right: 1.5rem !important;}.mb-md-4, .my-md-4{margin-bottom: 1.5rem !important;}.ml-md-4, .mx-md-4{margin-left: 1.5rem !important;}.m-md-5{margin: 3rem !important;}.mt-md-5, .my-md-5{margin-top: 3rem !important;}.mr-md-5, .mx-md-5{margin-right: 3rem !important;}.mb-md-5, .my-md-5{margin-bottom: 3rem !important;}.ml-md-5, .mx-md-5{margin-left: 3rem !important;}.p-md-0{padding: 0 !important;}.pt-md-0, .py-md-0{padding-top: 0 !important;}.pr-md-0, .px-md-0{padding-right: 0 !important;}.pb-md-0, .py-md-0{padding-bottom: 0 !important;}.pl-md-0, .px-md-0{padding-left: 0 !important;}.p-md-1{padding: 0.25rem !important;}.pt-md-1, .py-md-1{padding-top: 0.25rem !important;}.pr-md-1, .px-md-1{padding-right: 0.25rem !important;}.pb-md-1, .py-md-1{padding-bottom: 0.25rem !important;}.pl-md-1, .px-md-1{padding-left: 0.25rem !important;}.p-md-2{padding: 0.5rem !important;}.pt-md-2, .py-md-2{padding-top: 0.5rem !important;}.pr-md-2, .px-md-2{padding-right: 0.5rem !important;}.pb-md-2, .py-md-2{padding-bottom: 0.5rem !important;}.pl-md-2, .px-md-2{padding-left: 0.5rem !important;}.p-md-3{padding: 1rem !important;}.pt-md-3, .py-md-3{padding-top: 1rem !important;}.pr-md-3, .px-md-3{padding-right: 1rem !important;}.pb-md-3, .py-md-3{padding-bottom: 1rem !important;}.pl-md-3, .px-md-3{padding-left: 1rem !important;}.p-md-4{padding: 1.5rem !important;}.pt-md-4, .py-md-4{padding-top: 1.5rem !important;}.pr-md-4, .px-md-4{padding-right: 1.5rem !important;}.pb-md-4, .py-md-4{padding-bottom: 1.5rem !important;}.pl-md-4, .px-md-4{padding-left: 1.5rem !important;}.p-md-5{padding: 3rem !important;}.pt-md-5, .py-md-5{padding-top: 3rem !important;}.pr-md-5, .px-md-5{padding-right: 3rem !important;}.pb-md-5, .py-md-5{padding-bottom: 3rem !important;}.pl-md-5, .px-md-5{padding-left: 3rem !important;}.m-md-auto{margin: auto !important;}.mt-md-auto, .my-md-auto{margin-top: auto !important;}.mr-md-auto, .mx-md-auto{margin-right: auto !important;}.mb-md-auto, .my-md-auto{margin-bottom: auto !important;}.ml-md-auto, .mx-md-auto{margin-left: auto !important;}} @media (min-width: 992px){.m-lg-0{margin: 0 !important;}.mt-lg-0, .my-lg-0{margin-top: 0 !important;}.mr-lg-0, .mx-lg-0{margin-right: 0 !important;}.mb-lg-0, .my-lg-0{margin-bottom: 0 !important;}.ml-lg-0, .mx-lg-0{margin-left: 0 !important;}.m-lg-1{margin: 0.25rem !important;}.mt-lg-1, .my-lg-1{margin-top: 0.25rem !important;}.mr-lg-1, .mx-lg-1{margin-right: 0.25rem !important;}.mb-lg-1, .my-lg-1{margin-bottom: 0.25rem !important;}.ml-lg-1, .mx-lg-1{margin-left: 0.25rem !important;}.m-lg-2{margin: 0.5rem !important;}.mt-lg-2, .my-lg-2{margin-top: 0.5rem !important;}.mr-lg-2, .mx-lg-2{margin-right: 0.5rem !important;}.mb-lg-2, .my-lg-2{margin-bottom: 0.5rem !important;}.ml-lg-2, .mx-lg-2{margin-left: 0.5rem !important;}.m-lg-3{margin: 1rem !important;}.mt-lg-3, .my-lg-3{margin-top: 1rem !important;}.mr-lg-3, .mx-lg-3{margin-right: 1rem !important;}.mb-lg-3, .my-lg-3{margin-bottom: 1rem !important;}.ml-lg-3, .mx-lg-3{margin-left: 1rem !important;}.m-lg-4{margin: 1.5rem !important;}.mt-lg-4, .my-lg-4{margin-top: 1.5rem !important;}.mr-lg-4, .mx-lg-4{margin-right: 1.5rem !important;}.mb-lg-4, .my-lg-4{margin-bottom: 1.5rem !important;}.ml-lg-4, .mx-lg-4{margin-left: 1.5rem !important;}.m-lg-5{margin: 3rem !important;}.mt-lg-5, .my-lg-5{margin-top: 3rem !important;}.mr-lg-5, .mx-lg-5{margin-right: 3rem !important;}.mb-lg-5, .my-lg-5{margin-bottom: 3rem !important;}.ml-lg-5, .mx-lg-5{margin-left: 3rem !important;}.p-lg-0{padding: 0 !important;}.pt-lg-0, .py-lg-0{padding-top: 0 !important;}.pr-lg-0, .px-lg-0{padding-right: 0 !important;}.pb-lg-0, .py-lg-0{padding-bottom: 0 !important;}.pl-lg-0, .px-lg-0{padding-left: 0 !important;}.p-lg-1{padding: 0.25rem !important;}.pt-lg-1, .py-lg-1{padding-top: 0.25rem !important;}.pr-lg-1, .px-lg-1{padding-right: 0.25rem !important;}.pb-lg-1, .py-lg-1{padding-bottom: 0.25rem !important;}.pl-lg-1, .px-lg-1{padding-left: 0.25rem !important;}.p-lg-2{padding: 0.5rem !important;}.pt-lg-2, .py-lg-2{padding-top: 0.5rem !important;}.pr-lg-2, .px-lg-2{padding-right: 0.5rem !important;}.pb-lg-2, .py-lg-2{padding-bottom: 0.5rem !important;}.pl-lg-2, .px-lg-2{padding-left: 0.5rem !important;}.p-lg-3{padding: 1rem !important;}.pt-lg-3, .py-lg-3{padding-top: 1rem !important;}.pr-lg-3, .px-lg-3{padding-right: 1rem !important;}.pb-lg-3, .py-lg-3{padding-bottom: 1rem !important;}.pl-lg-3, .px-lg-3{padding-left: 1rem !important;}.p-lg-4{padding: 1.5rem !important;}.pt-lg-4, .py-lg-4{padding-top: 1.5rem !important;}.pr-lg-4, .px-lg-4{padding-right: 1.5rem !important;}.pb-lg-4, .py-lg-4{padding-bottom: 1.5rem !important;}.pl-lg-4, .px-lg-4{padding-left: 1.5rem !important;}.p-lg-5{padding: 3rem !important;}.pt-lg-5, .py-lg-5{padding-top: 3rem !important;}.pr-lg-5, .px-lg-5{padding-right: 3rem !important;}.pb-lg-5, .py-lg-5{padding-bottom: 3rem !important;}.pl-lg-5, .px-lg-5{padding-left: 3rem !important;}.m-lg-auto{margin: auto !important;}.mt-lg-auto, .my-lg-auto{margin-top: auto !important;}.mr-lg-auto, .mx-lg-auto{margin-right: auto !important;}.mb-lg-auto, .my-lg-auto{margin-bottom: auto !important;}.ml-lg-auto, .mx-lg-auto{margin-left: auto !important;}} @media (min-width: 1200px){.m-xl-0{margin: 0 !important;}.mt-xl-0, .my-xl-0{margin-top: 0 !important;}.mr-xl-0, .mx-xl-0{margin-right: 0 !important;}.mb-xl-0, .my-xl-0{margin-bottom: 0 !important;}.ml-xl-0, .mx-xl-0{margin-left: 0 !important;}.m-xl-1{margin: 0.25rem !important;}.mt-xl-1, .my-xl-1{margin-top: 0.25rem !important;}.mr-xl-1, .mx-xl-1{margin-right: 0.25rem !important;}.mb-xl-1, .my-xl-1{margin-bottom: 0.25rem !important;}.ml-xl-1, .mx-xl-1{margin-left: 0.25rem !important;}.m-xl-2{margin: 0.5rem !important;}.mt-xl-2, .my-xl-2{margin-top: 0.5rem !important;}.mr-xl-2, .mx-xl-2{margin-right: 0.5rem !important;}.mb-xl-2, .my-xl-2{margin-bottom: 0.5rem !important;}.ml-xl-2, .mx-xl-2{margin-left: 0.5rem !important;}.m-xl-3{margin: 1rem !important;}.mt-xl-3, .my-xl-3{margin-top: 1rem !important;}.mr-xl-3, .mx-xl-3{margin-right: 1rem !important;}.mb-xl-3, .my-xl-3{margin-bottom: 1rem !important;}.ml-xl-3, .mx-xl-3{margin-left: 1rem !important;}.m-xl-4{margin: 1.5rem !important;}.mt-xl-4, .my-xl-4{margin-top: 1.5rem !important;}.mr-xl-4, .mx-xl-4{margin-right: 1.5rem !important;}.mb-xl-4, .my-xl-4{margin-bottom: 1.5rem !important;}.ml-xl-4, .mx-xl-4{margin-left: 1.5rem !important;}.m-xl-5{margin: 3rem !important;}.mt-xl-5, .my-xl-5{margin-top: 3rem !important;}.mr-xl-5, .mx-xl-5{margin-right: 3rem !important;}.mb-xl-5, .my-xl-5{margin-bottom: 3rem !important;}.ml-xl-5, .mx-xl-5{margin-left: 3rem !important;}.p-xl-0{padding: 0 !important;}.pt-xl-0, .py-xl-0{padding-top: 0 !important;}.pr-xl-0, .px-xl-0{padding-right: 0 !important;}.pb-xl-0, .py-xl-0{padding-bottom: 0 !important;}.pl-xl-0, .px-xl-0{padding-left: 0 !important;}.p-xl-1{padding: 0.25rem !important;}.pt-xl-1, .py-xl-1{padding-top: 0.25rem !important;}.pr-xl-1, .px-xl-1{padding-right: 0.25rem !important;}.pb-xl-1, .py-xl-1{padding-bottom: 0.25rem !important;}.pl-xl-1, .px-xl-1{padding-left: 0.25rem !important;}.p-xl-2{padding: 0.5rem !important;}.pt-xl-2, .py-xl-2{padding-top: 0.5rem !important;}.pr-xl-2, .px-xl-2{padding-right: 0.5rem !important;}.pb-xl-2, .py-xl-2{padding-bottom: 0.5rem !important;}.pl-xl-2, .px-xl-2{padding-left: 0.5rem !important;}.p-xl-3{padding: 1rem !important;}.pt-xl-3, .py-xl-3{padding-top: 1rem !important;}.pr-xl-3, .px-xl-3{padding-right: 1rem !important;}.pb-xl-3, .py-xl-3{padding-bottom: 1rem !important;}.pl-xl-3, .px-xl-3{padding-left: 1rem !important;}.p-xl-4{padding: 1.5rem !important;}.pt-xl-4, .py-xl-4{padding-top: 1.5rem !important;}.pr-xl-4, .px-xl-4{padding-right: 1.5rem !important;}.pb-xl-4, .py-xl-4{padding-bottom: 1.5rem !important;}.pl-xl-4, .px-xl-4{padding-left: 1.5rem !important;}.p-xl-5{padding: 3rem !important;}.pt-xl-5, .py-xl-5{padding-top: 3rem !important;}.pr-xl-5, .px-xl-5{padding-right: 3rem !important;}.pb-xl-5, .py-xl-5{padding-bottom: 3rem !important;}.pl-xl-5, .px-xl-5{padding-left: 3rem !important;}.m-xl-auto{margin: auto !important;}.mt-xl-auto, .my-xl-auto{margin-top: auto !important;}.mr-xl-auto, .mx-xl-auto{margin-right: auto !important;}.mb-xl-auto, .my-xl-auto{margin-bottom: auto !important;}.ml-xl-auto, .mx-xl-auto{margin-left: auto !important;}} .pl-1, .px-1{padding-left: 0.25rem !important;} .pr-1, .px-1{padding-right: 0.25rem !important;} 

/* /theme_megaparts/static/src/less/shop.less defined in bundle 'web.assets_frontend' */
 a{text-decoration: none !important;} .oe_product .tri_mark{top: 3px !important;} #o_shop_collapse_category li i.fa{cursor: pointer; float: right; position: absolute; top: 10px; z-index: 14; right: 14px; color: #bbbbbb !important;} #o_shop_collapse_category li a{display: inline-block; width: 100%; padding-left: 17px !important; height: 33px; line-height: 30px; font-size: 16px; cursor: pointer; color: #777; padding-left: 15px; background: #ebebeb no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular'; transition: all 0.1s ease; border-radius: 0px;} #o_shop_collapse_category .nav-hierarchy{margin-left: 16px !important;} #o_shop_collapse_category .nav-hierarchy li a{background: transparent !important; padding-left: 0px !important;} #o_shop_collapse_category_access li i.fa{cursor: pointer; float: right; position: absolute; top: 10px; z-index: 2000; right: 14px; color: #bbbbbb !important;} #o_shop_collapse_category_access li a{display: inline-block; width: 100%; padding-left: 17px !important; height: 33px; line-height: 30px; font-size: 16px; cursor: pointer; color: #777; padding-left: 15px; background: #ebebeb no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular'; transition: all 0.1s ease; border-radius: 0px;} #o_shop_collapse_category_access .nav-hierarchy{margin-left: 16px !important;} #o_shop_collapse_category_access .nav-hierarchy li a{background: transparent !important; padding-left: 0px !important;} #o_shop_collapse_category_parts li i.fa{cursor: pointer; float: right; position: absolute; top: 10px; z-index: 2000; right: 14px; color: #bbbbbb !important;} #o_shop_collapse_category_parts li a{display: inline-block; width: 100%; padding-left: 17px !important; height: 33px; line-height: 30px; font-size: 16px; cursor: pointer; color: #777; padding-left: 15px; background: #ebebeb no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular'; transition: all 0.1s ease; border-radius: 0px;} #o_shop_collapse_category_parts .nav-hierarchy{margin-left: 16px !important;} #o_shop_collapse_category_parts .nav-hierarchy li a{background: transparent !important; padding-left: 0px !important;} .nav-stacked > li + li{margin-top: 13px; margin-left: 0;} .nav-hierarchy > li + li{margin-top: 2px !important;} #pills-tab li a{padding: 1px 15px !important;} #products_grid.col-md-9 .oe-height-4{height: 350px !important;} .oe_product{border: 0px solid rgba(100, 100, 100, 0.2);} .oe_product .product_price{padding: 0px 10px; position: absolute; bottom: unset; margin-left: 11px;} .product_content{padding-right: 31px; padding-left: 29px;} .product_content .dropdown_sorty_by{margin-top: -61px; margin-left: 65px;} .product_content .dropdown_sorty_by .btn-default{font-size: 16px; color: #8a8a8a; font-family: 'barlow_condensedregular'; background: url(/theme_megaparts/static/src/images/arrow_menu_side_down.png) 85.8% 58% no-repeat #ebebeb; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0px;} .product_content .dropdown_sorty_by .btn-default span{padding: 5px; margin-right: 21px;} .product_content .dropdown_sorty_by .dropdown-menu{background-color: #ebebeb; border: 1px solid #1974bb; border-radius: 0px; min-width: 114px; padding: 0px 0;} .product_content .dropdown_sorty_by .dropdown-menu > li > a:hover, .product_content .dropdown_sorty_by .dropdown-menu > li > a:focus{text-decoration: none; color: #ffffff; background-color: #1974bb;} .oe_website_sale{margin-top: 64px;} .mauto{margin: 0 auto;} .switch-grp{margin-top: -31px; margin-left: -18px;} .switch-grp .btn-default{border: none; color: #1974bb; font-size: 19px; padding: 4px 9px;} .switch-grp .btn-default:hover{background-color: transparent;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 0px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 18px;}} .oe_list{margin-bottom: 24px !important;} .oe_list .product_detail_text h6{min-height: 16px;} .oe_list .txthead{margin-top: 0px;} .oe_list h5{margin-top: 0px;} .oe_list .tri_mark{margin-top: -2px; top: 3px;} .oe_list .oe_product_image_carousel{border: 0px solid #ececec;} .oe_list .list_a{width: 90px; height: 92px; float: left; margin-right: 10px; border: 1px solid #ebebeb;} .oe_list .product_detail_text{width: 74%; float: left; height: 92px;} .oe_list .sep_list{display: flex;} .oe_list .txtmaster{font-family: 'barlow_condensedregular'; font-size: 16px; line-height: 1.2; -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 50.666667%; position: relative; width: 100%; min-height: 1px;} .oe_list .list_addtocart{width: 100%; margin-top: 24px;} .oe_list .line{width: unset;} .oe_list .banne_party{display: flow-root; border-bottom: 1px solid #ebebeb;} .oe_list .tri_mark.hot_deal:after{content: 'Hot Deal'; position: absolute; bottom: 0; left: 0; width: auto; height: 11px; border-bottom: 16px solid #1974bb; border-right: 15px solid transparent; text-align: center; color: #fff; line-height: 24px; padding: 0px 0px 0px 5px; font-size: 13px;} .oe_list .tri_mark.new_product:after{content: 'New Product'; position: absolute; bottom: 0; left: 0; width: auto; height: 20px; border-bottom: 15px solid #f11716; border-right: 10px solid transparent; color: #fff; line-height: 29px; padding: 0px 0px 0px 5px; font-size: 13px;} .label-red{line-height: 32px;} .availability h4{color: #777; font-size: 23px; font-family: 'barlow_condensedregular';} hr{padding: 0px 0;} .line{border: 0; height: 1px; width: 100%; background: #ececec; margin: 0px 0;} .css_quantity{max-width: 95px; float: left !important;} .css_quantity .input-group-addon{padding: 2px 5px; font-size: 10px; background-color: #ebebeb; border: 0px solid #ccc; border-radius: 0px;} .css_quantity .form-control{border-left: 0px; border-right: 0px; border: 1px solid #ebebeb; height: 30px;} .a-submit{margin-left: 111px;} .btn-primary{color: #fff; background-color: #1974bb; border-color: #1974bb; border-radius: 0px;} .btn-md{padding: 4px 12px; font-size: 13px;} .js_product h2{display: inline-block; float: left; margin-top: 9px; font-size: 18px; margin-right: 34px;} #pills-tab li a{padding: 1px 7px !important;} .nav-pills > li > a{border-radius: 0px;} .oe_cart .wizard{display: none;} .oe_cart #cart_total{margin-bottom: 28px;} .oe_cart #cart_total span{font-size: 19px; line-height: 16px; color: #595959; font-family: akrobatregular; font-weight: bold; margin-top: 10px; margin-bottom: 11px;} .o_website_sale_rightfit #cart_products > tbody > tr{border-left: 6px solid #1974bb; border-right: 1px solid #ececec; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; display: inline-block; width: 100%; margin-top: 10px; height: 120px;} .oe_website_sale .td-img{width: 180px;} #cart_products td{padding: 8px; line-height: 1.42857143; vertical-align: middle; border-top: 0px solid #ddd;} .td-product_name .pro-name{margin-bottom: 130px; margin-left: 24px;} .td-product_name a{font-size: 16px; color: #777; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 50px;} .td-product_name h2{font-size: 16px; color: #1974bb; line-height: 1.2;} .de-code{position: relative;} .oe_website_sale .td-product_name{min-width: 644px;} .oe_cart table td:first-child{min-width: 180px;} .oe_website_sale .td-price, .oe_website_sale .td-price-total{width: 100%;} .td-price span{white-space: nowrap; position: relative; bottom: 36px;} .td-price .oe_currency_value{top: 0px;} .td-price .remove-btn{position: relative; font-size: 18px; color: #e11c23; bottom: 25px;} .setting-line{position: relative; top: 123px; width: 138% !important; right: -19px;} .total-line{position: relative; left: 42px; top: -5px; width: 81% !important;} .oe_cart #order_total span{color: #1974bb; line-height: 24px; font-family: barlow_condensedmedium; font-size: 24px; font-weight: 400; margin-top: 10px; margin-bottom: 11px;} .js_delete_product fa{color: black;} .btn-default{border-radius: 0px;} #product_detail #o-carousel-product .carousel-inner div.item{height: 300px;} #product_detail #o-carousel-product .carousel-control{background-image: none !important; display: none !important;} #product_detail .carousel-inner{height: 100%; border: 1px solid #f2f2f2;} #product_detail #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 67px !important; height: 67px !important; border: 0 !important; box-shadow: none !important; border: 1px solid #f2f2f2 !important;} .form-control{border-radius: 0px !important; font-size: 18px;} .panel-success .panel-title{color: #1b75bc;} .panel-title{line-height: 40px; color: #fff; font-size: 24px; text-transform: uppercase; align-items: center; font-family: 'barlow_condensedregular';} .panel-title .white-round{width: 28px; height: 28px; border-radius: 500px; background: #fff; text-align: center; font-size: 22px; margin-right: 10px; display: inline-block; color: #777; font-family: 'barlow_condensedmedium'; line-height: 28px;} 

/* /theme_megaparts/static/src/less/navbar.less defined in bundle 'web.assets_frontend' */
 .pad0{padding: 0px;} .mar0{margin: 0;} #top_menu > li:nth-child(7){display: none;} #my_cart{display: none;} .justify-content-center{-webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important;} .pri_order h2{padding: 0 15px; width: 100%; font-size: 18px;} .box_cart .footer .gotocart{height: 40px !important; background: #f11716; background-size: 48px 53px; background-position: -20% 50%; width: 100%; text-align: center; color: #fff; font-size: 18px; transition: all 0.3s ease; padding: 10px 106px !important; position: relative; top: -24px;} .box_cart.active{right: 0px !important;} .topbar_main .container-fluid{padding-left: 0px; padding-right: 0px;} .topbar_main a.thumbnail:hover, .topbar_main a.thumbnail:focus, .topbar_main a.thumbnail.active{border-color: transparent !important;} .topbar_main .navbar.navbar-static-top ul.nav > li.divider{height: 40px; margin-top: 5px; border-right: 1px solid #ccc; display: none;} .order_total{padding: 10px 11px !important; border-top: 1px solid #ececec;} .navbar-right{float: right !important; margin-right: 0px;} .navbar-right .dropdown-toggle::after{display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 2px; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #777 !important; background-color: transparent !important;} .navbar.navbar-static-top ul.nav > li.divider{display: none !important;} .btn-cart-order{color: #fff; background-color: #1974bb;} .topbar_main{z-index: 2000;} .signin_top .oe_login_form, .signin_top .oe_signup_form, .signin_top .oe_reset_password_form{max-width: 300px; position: relative; margin: 17px auto; text-align: center;} .product-views{position: relative; max-width: 1080px; margin: 0 auto 72px;} .topbar_sub_in a{width: 100%;} #herobanner .swiper-container .thumbnail{background-color: transparent !important; border: 0px solid #ddd !important; margin-bottom: 0px !important; padding: 0px !important;} 

/* /theme_megaparts/static/src/less/product_search.less defined in bundle 'web.assets_frontend' */
 .MainCategHeader{display: inline-block; width: 100%; padding-left: 17px !important; height: 33px; line-height: 30px; font-size: 18px; cursor: pointer; color: #777; padding-left: 15px; background: white no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular'; transition: all 0.1s ease; border-radius: 0px;} .MainBrand{display: inline-block; width: 100%; padding-left: 17px !important; height: 33px; line-height: 30px; font-size: 18px; cursor: pointer; color: #777; padding-left: 15px; background: white no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular'; transition: all 0.1s ease; border-radius: 0px;} .MainCategValue{background: white; font-size: 16px;} .MainBrandValue{background: white; font-size: 16px;} .o_connected_user .search_form{width: 100%; height: 37px; position: fixed; z-index: 9; transition: all 0.5s ease; top: 104px;} .product_search #main{top: 0px;} .product_search .oe_search_button{padding: 9px 19px;} .product_search .oe_search .oe_search_box{text-align: center; background: black; position: relative; top: -20px; font-size: 24px; z-index: 2; height: 40px;} .product_search .input-group-btn{top: -20px;} .wrap_main_content{top: -21px;} .search_product .form-control{-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .search_product .form-control:focus{border-color: #66afe900; outline: 0; -webkit-box-shadow: inset -1px -1px 0px 0px #1974bb, 0 0 0px rgba(102, 175, 233, 0.6); box-shadow: inset -1px -1px 0px 0px #1974bb, 0 0 0px rgba(102, 175, 233, 0.6);} .search_product .btn-default{border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #e1e1e1; padding: 7px 12px;} .search_product .btn-default .fa{font-size: 16px; color: #898989;} 

/* /theme_megaparts/static/src/css/interface.css defined in bundle 'web.assets_frontend' */
      header{position: relative;} .topbar_main{height: 70px; width: 100%; background: #fff; border-bottom: 1px solid #ececec; font-family: 'barlow_condensedregular'; color:#777; z-index: 999; top: 0;} .logo_main{position:relative; z-index: 1000; background: #ececec; height: 100%; width: 300px; display: flex; align-items: center; float: left; transition: all 0.2s ease; border-radius: 0px;} .logo_main img{width: 160px !important;} .nav_left{float: left; line-height: 70px; height: 100%; text-transform: uppercase; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; font-weight: bold} .nav_left li{float: left; list-style-type: none; border-right: 1px solid #ececec; position: relative;} .nav_left li a{display: inline-block; font-size: 20px; color:#777; padding: 0 30px; transition: all 0.2s ease; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .nav_left li:after{content: ''; position: absolute; background: #f11716; height: 3px; width: 0; bottom:0; left: 50%; transition: all 0.3s ease-in-out;} .nav_left li:hover:after{width: 100%; bottom:0; left: 0;} .nav_left li:hover a{color:#337ab7;} .nav_right{float: right; height: 100%;} .nav_right .search{padding: 35px 33px; width: 56px; height: 100%; background:#f11716 url(/theme_megaparts/static/src/css/../images/search_white.png) center no-repeat; background-size: 19px 20px; cursor: pointer; float: left;} .nav_right .search.active{background:#f11716 url(/theme_megaparts/static/src/css/../images/btn_close.png) center no-repeat; background-size: 14px 14px;} .nav_right .ecatalog{width: 93px; height: 100%; background: url(/theme_megaparts/static/src/css/../images/ecat.png) center no-repeat; background-size: 93px 70px; text-align: center; line-height: 70px; color:#fff; cursor: pointer; float: left;} .nav_right .user{width: 16px; height: 100%; background:#fff url(/theme_megaparts/static/src/css/../images/user_login.png) center no-repeat; background-size: 16px 19px; float: left; padding: 34px 20px; border-left: 1px solid #ececec; box-sizing: content-box; cursor: pointer; transition: all 0.2s ease; position: relative; font-size: 20px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .nav_right .cartoder{color: #777; font-size: 18px; float: left; height: 100%; align-items: center; font-family: 'Oswald', sans-serif; display: flex; padding: 22px 15px; border-left: 1px solid #ececec; cursor: pointer; transition: all 0.2s ease; position: relative;} .nav_right .cartoder span.num{width: 23px; height: 25px; background: url(/theme_megaparts/static/src/css/../images/cartorder.png) center; background-size: cover; position: relative; display: inline-block; text-align: center; vertical-align: middle; color: #fff; float: left; line-height: 25px; font-size: 16px; margin-right: 5px;} .nav_right .cartoder.active{background:#004080; color:#ffff00;} .nav_right .cartoder.active span.num{background: url(/theme_megaparts/static/src/css/../images/cartorder.png) center; background-size: cover; position: relative; color: #FFF;} .nav_right .user.active{background:#004080 url(/theme_megaparts/static/src/css/../images/user_login_active.png) center no-repeat; background-size: 16px 19px;} .nav_right .dropdown{float: left; height: 70px; border-left: 1px solid #ececec;} .nav_right .dropdown .btn{height: 100%; line-height: 70px; padding: 0 15px; font-size: 18px; color:#777; transition: all 0.2s ease; border: 0;} .nav_right .dropdown .btn .txtdd_active{color:#1c75bc; font-family: 'barlow_condensedregular', 'Kanit', sans-serif;} .btn.focus, .btn:focus{outline: 0; box-shadow: none;} .nav_right .dropdown-toggle::after{color:#bbb;} .nav_right .dropdown-item{align-items: center; display: flex; font-family: 'barlow_condensedregular', 'Kanit', sans-serif;} .nav_right .lang{width: 21px; margin-right: 10px;} .topbar_mail{width: 100%; height: 37px; text-align: right; padding: 0 15px; line-height: 18px; clear: both; margin-top: 0px;} .topbar_mail h2{font-size: 16px; color:#777; margin-top: 0px; margin-bottom: 0px;} .topbar_mail h2 span{font-size: 16px; font-family: 'barlow_condensedmedium';} .topbar_sub{background: transparent; position: relative;} .topbar_sub_in{height: 115px;border-top:1px solid #ececec; border-right: 1px solid #ececec; transition: all 0.2s ease; align-items: center; display: flex; cursor: pointer;} .topbar_sub_in h2{text-align: center; color:#004080; font-size: 26px; font-family: 'barlow_condensedsemibold'; text-transform: uppercase; position: relative; z-index: 5; transition: all 0.2s ease; width: 100%; background-color: #e6e6e6; padding: 7px;} .topbar_sub_in:hover h2{color:#fff; opacity: 1; background-color: #004080; padding: 7px;} .topbar_sub_in.active h2{color:#fff; opacity: 1; background-color: #004080; padding: 7px; border: 2px solid #004080;} .topbar_sub_in.more:hover h2{color:#e80000; opacity: 1} #sub_in1{background: url(/theme_megaparts/static/src/css/../images/topbar_sub_menu1.png) center no-repeat; background-size: auto 100%;} #sub_in1.active{background-size:auto 150%; border: 2px solid #004080;} #sub_in1:hover{border: 2px solid #004080;} #sub_in1:after{content: ''; position: absolute; width: 100%; height: 0; top:0; left: 0; background: #0072cc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; transition: all 0.3s ease-in-out; opacity: 0.1} #sub_in1.active:after{height: 100%;} #sub_in2{background: url(/theme_megaparts/static/src/css/../images/topbar_sub_menu2.png) center no-repeat; background-size: auto 100%;} #sub_in2.active{background-size:auto 150%; border: 2px solid #004080;} #sub_in2:hover{border: 2px solid #004080;} #sub_in2:after{content: ''; position: absolute; width: 100%; height: 0; top:0; left: 0; background: #0072cc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; transition: all 0.3s ease-in-out; opacity: 0.1} #sub_in2.active:after{height: 100%;} #sub_in3{background: url(/theme_megaparts/static/src/css/../images/topbar_sub_menu3.png) center no-repeat; background-size: auto 105%;} #sub_in3.active{background-size:auto 150%; border: 2px solid #004080;} #sub_in3:hover{border: 2px solid #004080;} #sub_in3:after{content: ''; position: absolute; width: 100%; height: 0; top:0; left: 0; background: #0072cc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; transition: all 0.3s ease-in-out; opacity: 0.1} #sub_in3.active:after{height: 100%;} #sub_in4{background: url(/theme_megaparts/static/src/css/../images/topbar_sub_menu4.png) center no-repeat; background-size: auto 100%;} #sub_in4.active{background-size:auto 150%; border: 2px solid #004080;} #sub_in4:hover{border: 2px solid #004080;} #sub_in4:after{content: ''; position: absolute; width: 100%; height: 0; top:0; left: 0; background: #0072cc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; transition: all 0.3s ease-in-out; opacity: 0.1} #sub_in4.active:after{height: 100%;} #sub_in5{background: url(/theme_megaparts/static/src/css/../images/topbar_sub_menu5.png) center no-repeat; background-size: auto 100%;} #sub_in5.active{background-size:auto 150%; border: 2px solid #004080;} #sub_in5:hover{border: 2px solid #004080;} #sub_in5:after{content: ''; position: absolute; width: 100%; height: 0; top:0; left: 0; background: #0072cc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; transition: all 0.3s ease-in-out; opacity: 0.1} #sub_in5.active:after{height: 100%;} #sub_in6:after{content: ''; position: absolute; width: 100%; height: 0; top:0; left: 0; background: #0072cc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; transition: all 0.3s ease-in-out; opacity: 0.1} #sub_in6.active:after{height: 100%; border: 2px solid #004080;} #sub_in6:hover{border: 2px solid #004080;} .dropdown:hover > .dropdown-menu{display: block;} .topbar_small{position: absolute; width: 100%; height: 40px; background: #004080; z-index: 10; display: none; bottom: -40px;} .banner1{background: url(/theme_megaparts/static/src/css/../images/herobanner.png) center no-repeat; background-size: cover;} .currency .dropdown-menu{margin: 0; border-radius: 0; border: 0; border-left: 1px solid #ececec; border-right: 1px solid #ececec; left:-1px; height: 37px;min-width: 137px; padding: 0;} .currency .dropdown-item{float: left; width: 50%; text-align: center; clear: none; display: block; padding: 0; line-height: 37px; font-size: 18px;} .currency .dropdown-item:hover{background: #ececec;} .currency .dropdown-item:active{background: #1b75bc;} .currency .dropdown-item.active{background: #1b75bc;} .language .dropdown-menu{margin: 0; border-radius: 0; border: 0; border-left: 1px solid #ececec; border-right: 1px solid #ececec; left:-1px; height: 37px;min-width: 135px; padding: 0;} .language .dropdown-item{float: left; width: 50%; text-align: center; clear: none; display: block; padding: 0; line-height: 37px; font-size: 18px;} .language .dropdown-item:hover{background: #ececec;} .language .dropdown-item:active{background: #1b75bc;} .language .dropdown-item.active{background: #1b75bc;} .box_cart{display:none; width: 309px; height: calc(100vh - 69px); background: #fff; z-index: 15; position: absolute; right: -297px; top:69px; border-left: 1px solid #ececec; transition: all 0.2s ease;} .box_cart.active{right: 0px; display:block !important;} .box_cart .body{padding: 10px; border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; height: calc(100% - 194px);overflow: auto;} .box_cart .list_order{} .box_cart .order{border-bottom: 1px solid #b7b7b7;} .box_cart .header{background: #1974bb; height: 30px;} .box_cart .header .col-6{font-family: 'Oswald', sans-serif; padding: 0 30px; line-height: 30px; color: #fff;} .box_cart .body .order{padding:10px 0; color:#777;} .box_cart .footer{position: absolute; bottom:0; width: 100%;} .img_order{} .img_order img{border: 1px solid #ececec; margin: 0;} .txt_order{font-size: 14px; padding-left: 10px; height: 100%; line-height: 1.2; color:#777; font-family: 'Oswald', 'Kanit', sans-serif;} .pri_order{font-size: 18px; padding-left: 10px; height: 100%; line-height: 1.2; color:#1695f1; text-align: right; font-family: 'barlow_condensedmedium';} .pri_order h2{padding: 0 15px; width: 100%;} .order_total{padding: 20px 10px; border-top: 2px solid #595959;} .txt_order_total{display: flex; align-items: center; height: 100%; line-height: 1.2; color:#777; font-size: 18px;} .box_cart .footer .gotocart{height: 40px; background: #f11716; center no-repeat; background-size: 32px 32px; background-position: -20% 50%; width: 100%; text-align: center; color:#fff; font-size: 18px; transition: all 0.3s ease;} .box_cart .footer .gotocart:hover{background: #ff3300 url(/theme_megaparts/static/src/css/../images/shopping-cart.png) center no-repeat; background-size: 32px 32px; background-position: 50% 50%;} .box_cart .footer .gotocart span{opacity: 1; transform: scale(1); transition: all 0.2s ease; font-family: 'Oswald', san-serif; font-size:16px;} .box_cart .footer .gotocart:hover span{opacity: 0; transform: scale(0);} .wrap-cartoder,.wrap-last{float: left; height: 100%; position: relative;} .box_user{display: none; width: 218px; height: calc(100vh - 69px); z-index: 15; position: absolute; top: 66px; right: -206px; background: #fff; border-left: 1px solid #ececec; transition: all 0.2s ease;} .box_user.active{right:0; display:block;} #box_user_myaccount .enter{padding-top: 50px; padding-bottom: 10px; display: block; height: auto;} .box_user .top{background: #1974bb; position: absolute; top:0; width: 100%; height: 38px;} .box_user .top h2{text-align: center; line-height: 38px; color:#fff; font-size: 16px; font-family: 'barlow_condensedregular';} .box_user .enter{height: 100%; padding: 20px; padding-top: 80px;} .box_user .enter h2{text-align: center; font-size: 16px; color:#777;} .box_user .enter input{width: 100%; border: 0; border-radius: 0; outline: none; font-size: 14px; height: 34px; line-height: 34px; padding: 0 10px; margin-top: 10px; border: 1px solid #ececec; -webkit-appearance: none;} .box_user .enter a{width: 100%; text-align: center; font-size: 14px; color:#fff; text-decoration: underline; color:#777;} .signin_bottom button:hover{background: #0b304c;} #box_user_myaccount .enter h2{color:#1974bb; font-size: 18px;} #box_user_myaccount .enter h3{color:#777777; font-size: 15px;} #box_user_myaccount .link_account{padding: 20px; padding-top: 0px; list-style-type: none;} #box_user_myaccount .link_account li a:hover{color:#1974bb;} .cartoder:after{content: ''; position: absolute; background: #f11716; height: 3px; width: 0; bottom:0; left: 50%; transition: all 0.2s ease-in-out;} .cartoder:hover:after{width: 100%; bottom:0; left: 0;} .cartoder.active:after{width: 0; bottom:0; left: 50%;} .user:after{content: ''; position: absolute; background: #f11716; height: 3px; width: 0; bottom:0; left: 50%; transition: all 0.2s ease-in-out;} .user:hover:after{width: 100%; bottom:0; left: 0;} .user.active:after{width: 0; bottom:0; left: 50%;} .menu_mb{z-index: 1050; display:none; width: 70px; height: 70px; position:absolute; left: 0; top: 0;} .mCSB_container{overflow: visible;} .mCSB_inside>.mCSB_container{margin-right: 20px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;} .mCSB_scrollTools .mCSB_draggerRail{width: 3px;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#1974bb;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#1974bb;} .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#1974bb;} .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{opacity: 1} button.menu_mb{flex-grow: 0; border: 0; background-color: rgba(0,0,0,0); cursor: pointer;} button.menu_mb:focus{outline: 0;} button.menu_mb .bar{position: absolute; left: 22px; width: 25px; height: 4px; background-color: #000; transition: top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;} button.menu_mb .bar.top{top: 25px;} button.menu_mb .bar.middle{transform: translateY(-50%); transition: opacity 1ms linear 0.2s;} button.menu_mb .bar.bottom{top: 37px;} button.menu_mb.open .bar{transition: top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;} button.menu_mb.open .bar.top{top: 50%; transform: translateY(-50%) rotate(45deg);} button.menu_mb.open .bar.middle{opacity: 0; transition: opacity 1ms linear 0.2s;} button.menu_mb.open .bar.bottom{top: 50%; transform: translateY(-50%) rotate(-45deg);} ul.list_sub{text-align: center;} ul.list_sub li{display: inline-block; margin-left: -4px} ul.list_sub li a{color:#fff; line-height: 40px; padding: 0 10px; transition: all 0.2s ease; font-size: 18px;} ul.list_sub li a span{position: relative; font-size: 18px; font-family: 'Oswald', sans-serif;} ul.list_sub li a span:before{content: ''; position: absolute; width: 1px; height: 100%; background: #ffff00; left: -10px; top:0;} ul.list_sub li:nth-child(1) a span:before{content: ''; position: absolute; width: 1px; height: 100%; background: transparent;} ul.list_sub li a:hover{background: #000; color: #ffff00} ul.list_sub li a:hover span:before{content: ''; position: absolute; width: 1px; height: 100%; background: #ffff00; left: -10px; top:0;} #menu_mb{position: fixed; z-index: 999; width: 100%; height: 100%; background: #ececec; top: 0; display: none;} #menu_mb .dropdown{float: right; height: 70px; border-left: 1px solid #ececec; z-index: 1050;} #menu_mb .dropdown .btn{height: 100%; line-height: 70px; padding: 0 15px; font-size: 18px; color:#777; transition: all 0.2s ease;} #menu_mb .dropdown .btn .txtdd_active{color:#1c75bc;} #menu_mb .dropdown-toggle::after{color:#bbb;} #menu_mb .dropdown-item{align-items: center; display: black;} #menu_mb .lang{width: 21px; margin-right: 10px;} .nav_mb{clear: both; max-width: 370px; padding: 20px; margin: 0 auto; padding-top: 20px; opacity: 0; transition: all 0.2s ease;} .nav_mb.active{opacity: 1;} .nav_mb ul{list-style-type: none;} .nav_mb ul li{} .nav_mb ul li a{font-size: 20px; color:#777; display: block; padding: 15px 0; border-bottom: 1px solid #8e8e8e;} #menu_mb .mail_mb{text-align: center; position: absolute; width: 100%; bottom: 20px; left: 0;} footer{background: #f0f0f0;} .wrap_tab{} .copyright{border-top: 1px solid #e6e6e6;} .copyright h2{display: inline-block; color:#999; font-size: 14px; font-family: 'barlow_condensedregular';} .copyright ul{display: inline-block; vertical-align: middle; padding-left: 15px;} .copyright ul > li{display: inline-block; vertical-align: middle; margin:0 5px;} .tab_footer{width: 100%; margin:0 auto; height: 50px; position: relative;} .tab_footer .menu_tab{width: 300px; float: left;} .footer-tab-item{width: 100%; max-width: 100px;} .footer-tab-item a{padding: 0; line-height: 50px; font-family: 'barlow_condensedregular';} .tab_footer .menu_sub{padding-left: 10%;} .footer-sub-item{margin: 0 10px;} .footer-sub-item a{padding: 0; line-height: 50px; font-family: 'barlow_condensedregular'; position: relative; padding-left: 12px; color:#a3a2a2;} .footer-sub-item a:before{content: ''; position: absolute; width: 5px; height: 9px; background: url(/theme_megaparts/static/src/css/../images/footer_tri.png); left:0; top:calc(50% - 4px);} .footer-sub-item a:hover{color:#1974bb;} #head_tab_footer1{background: #f0f0f0; color:#000; transition: all 0.12s ease;} #head_tab_footer2{background: #e11c23; color:#fff; transition: all 0.12s ease;} #head_tab_footer3{background: #e11c23; color:#fff; transition: all 0.12s ease;} #head_tab_footer1:hover{background: #e0e0e0;} #head_tab_footer2:hover{background: #c71b21;} #head_tab_footer3:hover{background: #c71b21;} #head_tab_footer1.active{background: #f0f0f0;} #head_tab_footer2.active{background: #1974bb;} #head_tab_footer3.active{background: #1974bb;} .menu_line{position: absolute; right: 0; top:0;} #content_tab1{background: #f0f0f0;} #content_tab2{background: #1974bb; display: none;} #content_tab3{background: #1974bb; display: none;} .subscribe .box-left{float: left; width: 32%;} .subscribe .box-left h2{font-size: 14px; color:#fff; font-family: 'barlow_condensedmedium'; text-transform: uppercase; line-height: 27px;} .subscribe .box-right{float: left; width: 68%;} .subscribe .box-right input{width: calc(100% - 95px); height: 27px; border: 0; border-radius: 0; outline: 0; padding: 0 10px; font-size: 14px; color:#1974bb; text-align: center; font-family: 'barlow_condensedregular'; float: left;} .subscribe .box-right input::placeholder{color:#1974bb; opacity: 0.5;} .subscribe .box-right button{cursor: pointer; height: 27px; width: 90px; background:#e11c23; color:#fff; font-family: 'barlow_condensedmedium'; font-size: 14px; border: 0; transition: all 0.2s ease; float: left;} .subscribe .box-right button:hover{background: #c71b21;} .subscribe .box-right button:focus{outline: none;} .footer_link h2{color:#fff; font-size: 14px; font-family: 'barlow_condensedmedium'; line-height: 1.4;} .footer_link a{color: #fff; display: block; font-size: 14px; font-family: 'barlow_condensedregular'; line-height: 1.4;} .footer_link a:hover{color:#033154;} .footer_link .app_footer img{margin: 0;} #content_tab1 a{line-height: 30px; color:#777;} #content_tab1 .foot_icon{width: 30px; float: left;} .app_line_mb{display: none; background: #58bf37 url(/theme_megaparts/static/src/css/../images/footer_line_mb.png) center no-repeat; background-size: contain;} @media(max-width: 1365px){.logo_main{width: 200px;}.nav_left ul li a{padding:0 17px;}.nav_right .dropdown .btn{padding: 0 12px;}.nav_right .cartoder{padding: 0 12px;}#menu_mb .dropdown .btn{padding: 0 12px;}.currency .dropdown-menu{min-width: 131px;}.language .dropdown-menu{min-width: 129px;}.box_cart{width: 304px; right:-281px;}.box_user{width: 196px; right:-196px;}} @media (min-width: 1200px){.col-xl-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}} @media(max-width: 1199px){.nav_right .dropdown .btn .txtdd{display: none;}.topbar_sub_in h2{font-size: 20px;}.topbar_small{visibility: hidden;}.menu_line{right: 0;}.tab_footer .menu_sub{padding-left: 7%;}} @media(max-width: 991px){.nav_left{display: none;}.menu_mb{display: block;}.logo_main{width: 100%; padding-left: 65px; padding-right: 30px;}.tab_footer .menu_tab{width: 240px;}.footer-tab-item{max-width: 80px;}.tab_footer .menu_sub{padding-left: 1.2%;}.footer-sub-item{margin:0 7px;}.menu_sub{display: none !important;}} @media(max-width: 767px){.topbar_sub_in{height: 90px;}.footer_pc{display: none;}.footer_mb{display: block;}.nav_right .dropdown{display: none;}.topbar_main{border-bottom: 0;}.topbar_mail{border-top: 1px solid #ececec;}.box_user{top:50px; width: 50%; right: -50%; height: calc(100vh - 50px);}.subscribe .box-left{width: 100%;}.subscribe .box-right{width: 100%;}} @media(max-width: 575px){.topbar_sub_in{height: 70px;}.topbar_main{height: 50px; background: #ececec;}.txtcart{display: none; font-size: 20px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;}.nav_right .ecatalog{line-height: 50px; background-size: cover;}.nav_right .search{width: 35px;}.nav_right .ecatalog{width: 65px;}.nav_right .user{width: 14px;}.logo_main img{width: 110px;}.logo_main{width: auto; margin-left: 0; padding-left: 50px; padding-right: 0px;}.box_user{top:50px; width: 50%; right: -50%; height: calc(100vh - 50px);}.box_cart{top:50px; width: 50%; right: -50%; height: calc(100vh - 30px);}.menu_mb{top:0; width: 50px; height: 50px;}button.menu_mb .bar{left: 13px;}button.menu_mb .bar.top{top: 18px;}button.menu_mb .bar.bottom{top: 30px;}.topbar_sub_in h2{font-size: 15px;}.topbar_mail{display: none;}.topbar_main{position: fixed; top: 0; z-index: 999;}.topbar_sub{margin-top: 50px;}#menu_mb .dropdown{height: 50px;}#menu_mb .dropdown .btn{line-height: 50px;padding: 0 40px; padding-left: 0;}.nav_right .cartoder span.num{margin-right: 0;}.copyright ul{display: none;}.menu_line{display: none;}.wrap_tab{background: #f0f0f0;}.tab_footer .menu_tab{width: 100%;}.footer-tab-item{width: 25%; max-width: 100%;}.app_line_mb{display: block;}.tab_footer{height: 40px;}.footer-tab-item a{line-height: 40px;}#content_tab1 .foot_icon{width: 50px;float: none;margin: 0 auto;}#content_tab1 .col-3{border-right: 1px solid #dadada;}#content_tab1 .col-3:nth-last-child(1){border-right: 1px solid transparent;}} @media(max-width: 500px){#menu_mb .dropdown .btn{padding: 0 15px; padding-left: 0;}} @media(max-width: 414px){#menu_mb .dropdown .btn{font-size: 15px;}.box_user{top:50px; width: 100%; right: -100%;}.box_cart{top:50px; width: 100%; right: -100%;}#content_tab1 .col-3{padding: 0 5px;}} @media(max-width: 375px){#menu_mb .dropdown .btn{padding: 0 7px; padding-left: 0;}} @media(max-width: 320px){.nav_right .search{display: none;}#menu_mb .dropdown .btn .txtdd{display: none;}#menu_mb .dropdown .btn{padding: 0 15px; padding-left: 0;}.logo_main img{width: 100px;}} @media(max-width: 319px){.logo_main img{width: 90px;}} 

/* /theme_megaparts/static/src/less/blog.less defined in bundle 'web.assets_frontend' */
 .latest-blog-info{opacity: 1; transition: all 0.2s ease; position: relative; top: -70px; width: 100%; min-height: 70px; background: rgba(241, 23, 22, 0.75) url(/theme_megaparts/static/src/images/topbar_hover_before.png) center; align-items: center; text-align: center;} .latest-blog-info h4{color: #fff; font-size: 22px; font-family: 'barlow_condensedmedium'; font-style: italic; padding: 0 10px; text-align: center !important; margin-top: 24px;} .s_blog_carousel .owl-theme .owl-dots .owl-dot span{width: 47px; height: 5px;} .s_blog_carousel .owl-nav{display: none;} .s_blog_carousel .owl-theme .owl-dots, .s_blog_carousel .owl-theme .owl-nav{top: -39px;} #main_column .blog_list:hover .o_blog_cover_image{background-size: 130%;} #main_column .blog_list .o_blog_cover_image{background-size: 110% auto; background-position: center; background-color: #ccc; border: 1px solid #ebebeb; border-bottom: 0; transition: all 0.2s ease;} #main_column .blog_list .thumbnail{padding: 0px;} .blog_list .caption.cap1{min-height: 295px !important;} .blog_list .tri_mark{margin-top: -24px;} .blog_header .o_blog_cover_container.cover_full{height: 300px !important;} .blog_list .caption h2{font-size: 20px !important;} .blog_content p{font-size: 18px !important; color: #777; font-family: 'barlow_condensedregular'; line-height: 25px !important; margin: 0 auto;} .details .txt p{font-size: 18px !important; font-family: 'barlow_condensedregular'; line-height: 25px !important;} .details .txt a{font-size: 18px;} .details .txt.tag a{font-family: 'barlow_condensedregular' !important; color: #777 !important;} .share-button{position: absolute; top: 0; right: 0; width: 6em; height: 2em; line-height: 2em; float: left;} .social-toggle{display: block; font-weight: bold; font-size: 90%; text-align: center; text-transform: uppercase; transition: all 0.25s; color: #c8c8c8; background: rgba(200, 200, 200, 0.05); border: 2px solid #c8c8c8;} .social-toggle:hover{background: #c8c8c8; color: #333;} .no-js .social-toggle, .no-js .social-toggle:hover{cursor: default; border: none; background: transparent; color: #c8c8c8; pointer-events: none;} .social-networks{-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0) translateY(-190px); transform: scale(0) translateY(-190px); opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-left: -45%; -webkit-backface-visibility: hidden;} .social-gplus{background: #e34429;} .social-twitter{background: #6cdfea;} .social-networks.open-menu, .no-js .social-networks{-webkit-transform: translate(-52px, -104px); transform: translate(-52px, -104px); opacity: 1;} .website_blog .o_blog_post_complete.o_sharing_links{transform: translate(-52px, -104px);} .blog_details_head .txthead_sub .btn-share{color: white !important;} .social-networks ul{position: relative; top: 0; left: 0; width: 180px; height: 40px; color: #fff; background: #3b5998; margin: auto; padding: 0; list-style: none;} .social-networks ul:after{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; right: 0; border-left: 12px solid transparent; border-right: 12px solid transparent;} .social-networks.open-menu ul:after, .no-js .social-networks ul:after{margin: 35px auto; border-top: 12px solid #3b5998;} .social-networks li{font-size: 90%; width: 60px; margin: 0; text-align: center; float: left; display: block; height: 40px; line-height: 40px; position: relative; z-index: 2; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transition: all 0.3s ease;} .share-button a{text-decoration: none;} .social-networks a{display: block; color: white;} .social-networks a:hover{color: white;} .blog_details_head .txthead_sub h2{font-size: 15px !important; margin-top: 5px !important;} 

/* /theme_megaparts/static/src/less/contact.less defined in bundle 'web.assets_frontend' */
 .contact .topbar_mail{width: 100%; margin-bottom: 21px !important;} .contact .topbar_mail h2{line-height: 1px !important;} .contact .thumbnail{background-color: transparent !important;} .contact .map{background: transparent !important; width: auto !important;} .contact .form-horizontal .control-label{text-align: left; margin-bottom: 0; padding-top: 0px;} .contact .contact_form .txthead_in h2{margin-top: 0px !important; margin-bottom: 0px !important;} .contact .contact_form label{font-size: 17px !important; font-weight: 100 !important;} .contact .wrap_form input{border-radius: 0px !important;} .contact .contact_form textarea{height: 126px; overflow: hidden; border-radius: 0px;} 

/* /theme_megaparts/static/src/css/main.css defined in bundle 'web.assets_frontend' */
      body{font-size: 15px;font-family: 'akrobatregular', 'Prompt', sans-serif; outline: none;} input,textarea{border-radius: 0; width: 90%; font-family: 'akrobatregular', 'Sarabun', sans-serif;} .w1366{max-width: 1366px; margin: 0 auto;} .bgblue{background: #1974bb;} .txtblue{color: #1974bb;} .txt777{color: #777;} .err404{height: 100%; text-align: center; width: 100%;} .err404 h2{color:#777; font-size: 7vw; width: 100%;} .align-middle{display: flex; align-items: center;} #herobanner_main{max-height: 400px;} #herobanner_main .swiper-container{width: 100%; height: 100%;} #herobanner_main .swiper-slide{text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer;} #herobanner_main .swiper-pagination-bullet{width: 4px; height: 40px; border-radius: 0; background: #fff; opacity: 1;} #herobanner_main .swiper-pagination-bullet-active{background: #fff; position: relative; transition: all 0.6s ease;} #herobanner_main .swiper-pagination-bullet-active:after{content:''; position: absolute; top:0; left: 0; width: 100%; height: 0%; background: #f00; animation-name: example; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 0.7s;} @keyframes example{from{height: 0%;}to{height: 100%;}} .banner_hover1{background: url(/theme_megaparts/static/src/css/../images/banner_hover1.jpg) center no-repeat; background-size: cover; width: 100%; z-index: 5; position: absolute;visibility: hidden; opacity: 0; transition: all 0.3s ease;} .banner_hover2{background: url(/theme_megaparts/static/src/css/../images/banner_hover2.jpg) center no-repeat; background-size: cover; width: 100%; z-index: 5; position: absolute;visibility: hidden; opacity: 0; transition: all 0.3s ease;} .banner_hover3{background: url(/theme_megaparts/static/src/css/../images/banner_hover3.jpg) center no-repeat; background-size: cover; width: 100%; z-index: 5; position: absolute;visibility: hidden; opacity: 0; transition: all 0.3s ease;} .banner_hover4{background: url(/theme_megaparts/static/src/css/../images/banner_hover4.jpg) center no-repeat; background-size: cover; width: 100%; z-index: 5; position: absolute;visibility: hidden; opacity: 0; transition: all 0.3s ease;} .banner_hover5{background: url(/theme_megaparts/static/src/css/../images/banner_hover5.jpg) center no-repeat; background-size: cover; width: 100%; z-index: 5; position: absolute;visibility: hidden; opacity: 0; transition: all 0.3s ease;} .banner_hover6{background: url(/theme_megaparts/static/src/css/../images/banner_hover6.jpg) center no-repeat; background-size: cover; width: 100%; z-index: 5; position: absolute;visibility: hidden; opacity: 0; transition: all 0.3s ease;} .banner_hover1.active, .banner_hover2.active, .banner_hover3.active, .banner_hover4.active, .banner_hover5.active, .banner_hover6.active{visibility: visible; opacity: 1;} */ .banner_in{background: #ececec;} #sub_view:hover{background: #1974bb;} #sub_view:hover h2{color:#fff;} #app_download{position: relative; max-width: 1190px; margin: 0 auto; background: #1b75bc url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) right; height: 112px !important; margin-top: 35px;} #app_download:after{content: ''; position: absolute; right: 0; top:0; width: 9px; height: 100%; background: #f01716 url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) left;} #app_download .logo_megapart{padding:0px; border: 0px; border-radius: 0px; position: relative; width: 280px; background: #ececec; height: 100%; align-items: center; display: flex; float: left;} #app_download .logo_megapart img{width: 160px;} #app_download .logo_megapart:after{content: ''; position:absolute; width: 0; height: 0; border-bottom: 112px solid #ececec; border-right: 70px solid transparent; right: -70px; top:0;} #app_download .icon_app{height: 100%; float: left; align-items: center; display: flex; align-items: center; position: relative; z-index: 5; background: transparent !important; border: 0px; padding:0px;} #app_download .txt{max-width: 22%; height: 100%; float: left; display: flex; align-items: center; position: relative;} #app_download .txt .s3{padding-left: 10px;} #app_download .txt h2{font-size: 26px; color:#fff; font-family: 'barlow_condensedbold'; text-transform: uppercase; font-style: italic;} #app_download .txt:after{content: ''; position:absolute; width: 1px; height: 112%; background: #ececec; transform: rotate(-30deg); right: -35px; overflow: hidden; opacity: 0.3; top:-7px;} #app_download .txt2{max-width: 22%; margin-left: 6%; height: 100%; float: left; display: flex; align-items: center; position: relative;} #app_download .txt2 h3{font-size: 20px; color:#fff; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; font-style: italic;} #app_download .link_download_app{margin-left: 5%; height: 100%; float: left; display: flex; align-items: center; position: relative; text-align: center;} #app_download .link_download_app a{display: block; width: 111px; margin: 7px 0; background-color: transparent; border: 0px solid #ddd; padding: 0px;} .banner_app_pc{height: 100%; width: 100%;} .banner_app_mb{position: absolute; right: 40px; top: 0; height: 100%;} #content{margin: 20px 0; min-height: 600px; clear: both;} .list_img{border:1px solid #ececec; position: relative; cursor: pointer;} .wrap_slider_main{position: relative; max-width: 1080px; margin: 0 auto 120px;} #slider_main{max-width: 990px;} #slider_main2{max-width: 990px;} .tab_head{position: absolute; left: 0; width: 35px; height: 100%; background: #ececec; display: flex; align-items: center; z-index: 5} .tri_mark{border-bottom: 4px solid #e6e6e6; position: relative;} .tri_mark:after{content: ''; position: absolute; bottom:0; left: 0; width: 20px; height: 20px; border-bottom: 20px solid #e6e6e6; border-right: 20px solid transparent;} .tri_mark.hot_deal{border-bottom: 4px solid #1974bb; position: relative;} .tri_mark.hot_deal:after{content: 'Hot Deal'; position: absolute; bottom:0; left: 0; width: auto; height: 20px; border-bottom: 20px solid #1974bb; border-right: 20px solid transparent; text-align: center; color:#fff; line-height: 25px; padding: 0px 0px 0px 5px; font-size: 18px;} .tri_mark.new_product{border-bottom: 4px solid #f11716; position: relative; top: 3px;} .tri_mark.new_product:after{content: 'New Product'; position: absolute; bottom:0; left: 0; width: auto; height: 20px; border-bottom: 20px solid #f11716; border-right: 20px solid transparent; color:#fff; line-height: 25px; padding: 0px 0px 0px 5px; font-size: 18px;} .wrap_list_product .list_img{overflow: hidden;} .wrap_list_product .list_img img{transform: scale(1); transition: all 0.3s ease;} .wrap_list_product:hover .list_img img{transform: scale(1.2);} .txthead{margin-top: 10px;} .txtmaster{font-family: 'barlow_condensedregular', 'Mitr', sans-serif; font-size: 16px; line-height: 1.2;} .txtmaster h2{color:#1974bb; margin-bottom: 5px;} .txtmaster h3{color:#777;} .txtmaster h4{color:#1974bb; margin-top: 5px;} .txtmaster h4 span{color:#f11716;} .line{border:0; height: 1px; width: 100%; background: #ececec;} .line_in{border:0; height: 1px; width: 100%; background: #ececec; margin: 0;} .border-bottom{border-bottom: 1px solid #ececec!important;} .txtprice{font-family: 'Prompt', sans-serif; font-size: 24px; text-align: center;} .txtprice h2{color: #404040; margin-top: 0px; font-size: 20px; line-height: 24px;} .btn_view_more{position: absolute; top: 65px; right: -9px;} .view_more{width: 105px; height: 23px; background: #ececec; border:1px solid #ececec; overflow: hidden; transition: all 0.2s ease; display: flex; align-items: center;} .view_more:after{content: '+'; position: absolute; width: 30%; height: 23px; border-bottom: 23px solid #fff; border-right: 10px solid transparent; transition: all 0.2s ease; text-align: center; color:#a3a3a3; font-size: 25px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; left:0; top:-1px; line-height: 25px;} .view_more span{font-size: 13px; color:#777; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif; width: 70%; position: absolute; right: 0; text-align: center; height: 100%; top:0; line-height: 21px;} .view_more:hover{border:1px solid #1974bb;} .view_more:hover:after{width: 100%; border-right: 0px solid transparent; border-bottom: 23px solid #1974bb; color:#fff;} .view_more:active:after{border-bottom: 23px solid #125488;} .wrap_swiper_control{position: relative; width: 20%; margin: 10px auto 0;} .wrap_slider_main .swiper-pagination{width: 100%; margin:15px 0 ;} .wrap_slider_main .swiper-pagination-bullet{width: 10px; height: 10px; background: #ebebeb; opacity: 1; margin:0 3px;} .wrap_slider_main .swiper-pagination-bullet-active{background: #f11716;} .wrap_slider_main .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:#ebebeb url(/theme_megaparts/static/src/css/../images/arrow_left.png) center no-repeat; transition: all 0.2s ease;} .wrap_slider_main .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:#ebebeb url(/theme_megaparts/static/src/css/../images/arrow_right.png) center no-repeat; transition: all 0.2s ease;} .wrap_slider_main .swiper-button-next, .wrap_slider_main .swiper-button-prev{width: 25px; height: 25px; margin-top: 10px} .wrap_slider_main .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next{background:#f11716 url(/theme_megaparts/static/src/css/../images/arrow_left.png) center no-repeat;} .wrap_slider_main .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev{background:#f11716 url(/theme_megaparts/static/src/css/../images/arrow_right.png) center no-repeat;} .wrap_slider_main2 .swiper-pagination{width: 100%; margin:15px 0 ;} .wrap_slider_main2 .swiper-pagination-bullet{width: 10px; height: 10px; background: #ebebeb; opacity: 1; margin:0 3px;} .wrap_slider_main2 .swiper-pagination-bullet-active{background: #f11716;} .wrap_slider_main2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:#ebebeb url(/theme_megaparts/static/src/css/../images/arrow_left.png) center no-repeat; transition: all 0.2s ease;} .wrap_slider_main2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background:#ebebeb url(/theme_megaparts/static/src/css/../images/arrow_right.png) center no-repeat; transition: all 0.2s ease;} .wrap_slider_main2 .swiper-button-next, .wrap_slider_main .swiper-button-prev{width: 25px; height: 25px; margin-top: 10px} .wrap_slider_main2 .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next{background:#f11716 url(/theme_megaparts/static/src/css/../images/arrow_left.png) center no-repeat;} .wrap_slider_main2 .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev{background:#f11716 url(/theme_megaparts/static/src/css/../images/arrow_right.png) center no-repeat;} .wrap_btn_addcart{position: relative; width: 95px; height: 22px; background: #1974bb; overflow: hidden;} .btn_addcart{width: 65%; height: 100%; background: #1974bb; font-size: 11px; color: #fff; text-align: center; line-height: 24px; position: absolute; z-index: 1; left: 0; transition: all 0.2s ease; border: 0px; margin-top: -2px;} .btn_addcart:after{content: ''; position: absolute; width: 0; height: 0; border-top: 22px solid #1974bb; border-right: 10px solid transparent; right: -10px; z-index: 1; transition: all 0.2s ease;} .btn_like{width: 35%; height: 100%; background: #ebebeb url(/theme_megaparts/static/src/css/../images/icon_heart.png) center no-repeat; background-position: 60% 50%; position: absolute; right: 0; transition: all 0.2s ease;} .btn_addcart:hover{z-index: 1; width: 100%; background-position: 50% 50%; color:#fff; margin-top: 0;} .btn_like:hover{z-index: 1; background: #ebebeb url(/theme_megaparts/static/src/css/../images/icon_heart_hover.png) center no-repeat; width: 100%; background-position: 50% 50%;} .btn_addcart:active{background: #0e4067} .btn_addcart:active:after{border-top: 22px solid #0e4067;} .btn_like:active{background: #f11716 url(/theme_megaparts/static/src/css/../images/icon_heart_active.png) center no-repeat;} .btn_view_more{cursor: pointer;} .wrap_banner_ani{width: 100%; max-width: 990px; margin: 0 auto; position: relative;} .car{top:60px; left:25%;} .banner1_txt1{top: 20%; left: 10%;} .banner1_txt2{top: 20%; right: 10%;} .breadcrumb{background: transparent; padding: 0; margin: 0; border-radius: 0;} .topbar_mail nav{float: left;} .breadcrumb-item+.breadcrumb-item::before{display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #777; font-size: 14px; content: ">";} .breadcrumb-item a{font-family: 'Oswald', 'Mitr', sans-serif; font-size: 18px; color:#004080;} .breadcrumb-item.active{font-size:14px; color: #1c75bc;} .topbar_mail.cart{border-bottom: 1px solid #ececec;} .txthead_in h2{color:#1974bb; font-size: 20px; font-family: 'barlow_condensedmedium'; text-transform: uppercase;} .cart_item_in{border:1px solid #ececec; margin-top: 35px; position: relative; padding-right: 30px; font-family: 'barlow_condensedregular';} .cart_item_in:before{content: ''; position: absolute; z-index: 2; width: 8px; height: 100%; background: #1974bb; left:0; top:0; border-right: 1px solid #ececec;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail{width: 100%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .cart_txt_top{border-bottom: 1px solid #ececec; overflow: hidden; padding: 15px 0;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .cart_txt_bottom{overflow: hidden; padding: 15px 0;} .cart_item_in .wrap_cart_txtdetail{display: flex; width: 100%; align-items: center; height: 100%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart{float: left;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail{width: 55%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price{width: 5%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty{width: 25%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty_price{width: 15%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail h2{font-size: 16px; color:#777; line-height: 30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 50px;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail h3{font-size: 16px; color:#1974bb; line-height: 1.2;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price h2{font-size: 18px; color:#777; line-height: 30px; text-align: center;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty h2{font-size: 18px; color:#777; line-height: 30px; text-align: center; float: left; margin-right: 20px; padding-left: 40px;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty_price h2{font-size: 24px; color:#777; line-height: 30px; text-align: right;} .cart_item_in .cart_img{max-width: 180px; margin:0 auto;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers{position: relative; width: 100%;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers h2{font-size: 16px; color:#777; line-height: 1.2;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers .btn-remove{position: absolute; right: 0; top:0; color:#f00;} .cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers .btn-remove:before{content: ''; position: absolute; width: 12px; height: 14px; background: url(/theme_megaparts/static/src/css/../images/bin.png) center no-repeat; background-size: cover; top:0; left: -17px;} .count{width: 95px; height: 30px; background: #ebebeb; margin: 0 auto; float: left; position: relative; top:-2px; position: relative;} .count-order-minus{transition: all 0.2s ease; width: 17px; position: absolute; left:0; top:0; height: 100%;font-size: 16px; background: #ebebeb; z-index: 2; text-align: center; display: flex; align-items: center; color:#777;} .count-order-plus{transition: all 0.2s ease; width: 17px; position: absolute; right:0; top:0; height: 100%;font-size: 16px; background: #ebebeb; z-index: 2; text-align: center; display: flex; align-items: center; color:#777;} .count-order-input{transition: all 0.2s ease; width: 100%; text-align: center; height: 100%; color:#777; font-size: 16px; border:1px solid #ebebeb; -webkit-appearance: none;} .count-order-input:focus{outline: none;} .count-order-minus i{width: 100%; font-size: 20px;} .count-order-plus i{width: 100%; font-size: 20px;} .count-order-minus:hover{color:#fff; background: #dadada} .count-order-plus:hover{color:#fff; background: #dadada} .cart-total{margin-top: 30px;} .box-total{width: 50%; float: left;} .box-total.sum{color:#f11716; font-size: 24px; font-family: 'barlow_condensedmedium';} .wrap_main_content{clear: both;} .recently{background: #ebebeb} .recently .txthead_in h2{font-family: 'barlow_condensedregular' !important; font-weight: bold; font-size: 20px; color: #1974bb;} .recently .list_addtocart.border-bottom{border-bottom: 1px solid #dee2e6 !important;} .recently .list_img{border: 1px solid #fff;} .recently .tri_mark{border-bottom: 4px solid #fff;} .recently .tri_mark:after{border-bottom: 20px solid #fff;} .recently .tri_mark.hot_deal:after{content: 'Hot Deal'; position: absolute; bottom: 0; left: 0; width: auto; height: 20px; border-bottom: 20px solid #1974bb; border-right: 20px solid transparent; text-align: center; color: #fff; line-height: 25px; padding: 0px 0px 0px 5px; font-size: 16px;} .recently .tri_mark.new_product:after{content: 'New Product'; position: absolute; bottom: 0; left: 0; width: auto; height: 20px; border-bottom: 20px solid #f11716; border-right: 20px solid transparent; color: #fff; line-height: 25px; padding: 0px 0px 0px 5px; font-size: 16px;} .recently .tri_mark.hot_deal{border-bottom: 4px solid #1974bb; position: relative;} .recently .tri_mark.new_product{border-bottom: 4px solid #f11716;position: relative;} .recently .btn_like{width: 35%; height: 100%; background: #fff url(/theme_megaparts/static/src/css/../images/icon_heart.png) center no-repeat; background-position: 60% 50%; position: absolute; right: 0; transition: all 0.2s ease;} .recently .btn_like:hover{z-index: 1; background: #fff url(/theme_megaparts/static/src/css/../images/icon_heart_hover.png) center no-repeat; width: 100%; background-position: 50% 50%;} .recently .btn_like:active{background: #f11716 url(/theme_megaparts/static/src/css/../images/icon_heart_active.png) center no-repeat;} .recently .btn_view_more{position: absolute; top: -20px; right: 0;} .recently .view_more{width: 105px; height: 23px; background: #1974bb; border: 1px solid #ebebeb; overflow: hidden; transition: all 0.2s ease; display: flex; align-items: center;} .recently .view_more span{color:#fff;} .recently .wrap_slider_main .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: 1; margin: 0 3px;} .recently .wrap_slider_main .swiper-pagination-bullet-active{background: #f11716;} .btn-cart-order{color: #fff; background-color: #1974bb;} .btn-cart-order:hover{color: #fff; background-color: #0d5791;} .btn-cart-order:not(:disabled):not(.disabled).active:focus, .btn-cart-order:not(:disabled):not(.disabled):active:focus, .show>.btn-cart-order.dropdown-toggle:focus{box-shadow:none;} .btn.btn-cart-order{display: inline-block; font-weight: bold; text-align: center; text-transform: uppercase; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; padding: 0; font-size: 18px; line-height: 34px; width: 100%; max-width: 165px; text-align: center; border-radius: 6px; margin-top: 20px; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .wrap_tab_cart_step{} .tab_cart_step{height: 40px; background: #ececec; border-bottom: 1px solid #fff;} .cart_step_content{padding-bottom: 80px;} .head_step h2{line-height: 40px; color:#777; font-size: 18px; text-transform: uppercase; display: flex; align-items: center; font-family: 'barlow_condensedregular';} .head_step h2 span{width: 28px; height: 28px; border-radius: 500px; background: #fff; text-align: center; font-size: 22px; margin-right: 10px; display: inline-block; color:#777; font-family: 'barlow_condensedmedium'; line-height:28px;} .tab_cart_step.active{background: #1974bb;} .head_step.active h2{color:#fff;} .head_step.active h2 span{background: #fff; color:#1974bb;} .txt_payment h2{font-size: 22px; color:#1974bb; font-family: 'barlow_condensedregular';} .txt_payment_detail h2{color:#777777; font-family: 'barlow_condensedregular'; font-size: 18px;} .txt_payment_detail h3{color:#1974bb; font-family: 'barlow_condensedregular'; font-size: 18px;} .cart_step_content{display: none;} #content_step1{display: block;} .txtform.txthead{font-family: 'barlow_condensedregular'; font-size: 18px; color:#777;} .w-sm-25{width: 25%;} .w-sm-50{width: 50%;} .w-sm-75{width: 75%;} .w-sm-100{width: 100%;} .select-w{width: 25%;} .cardit-w{width: 70%;} .cvv-w{width: 30%;} .wrap_form input{width: 100%; border:1px solid #ebebeb; height: 28px; line-height: 28px; font-size: 16px; padding: 0 10px; color:#777; transition: all 0.2s ease; position: relative ;-webkit-appearance: none;} .wrap_form input::placeholder{opacity: 0.85; font-size: 14px;} .wrap_form input:focus{border:1px solid #1974bb; outline: none;} .wrap_form textarea{width: 100%; border:1px solid #ebebeb; height: 100px; font-size: 16px; padding: 10px; color:#777; transition: all 0.2s ease; resize: none; position: relative; -webkit-appearance: none;} .wrap_form textarea::placeholder{opacity: 0.85; font-size: 14px;} .wrap_form textarea:focus{border:1px solid #1974bb; outline: none;} .wrap_form .nice-select{width: 100%; border:1px solid #ebebeb; height: 28px; font-size: 16px; padding: 0 10px; color:#777; transition: all 0.2s ease; position: relative; border-radius: 0;} .wrap_form .nice-select:focus{border:1px solid #1974bb; outline: none;} .wrap_form .nice-select .list{width: 100%; height: 150px; overflow-y: auto; border-radius: 0; margin-top: 0;} .wrap_form .nice-select .option{min-height: 30px; line-height: 30px; font-size: 14px; color: #777; padding: 0 12px;} .wrap_form .txtinput .nice-select span{border: 0; top:0;} .txt_cart_month{font-size: 14px; color: #777777; font-family: 'barlow_condensedregular'; height: 28px; line-height: 28px; margin-right: 10px;} .wrap_form .nice-select .option:hover{background-color: #1974bb; color: #fff !important;} .wrap_form .txtinput{float: left;} .wrap_form .txtinput{position: relative;} .wrap_form .txtinput span{position: absolute; width: 15%; height: 26px; background: #fff; border-right: 1px solid #ebebeb; top:1px; left: 5px; z-index: 1; line-height: 28px; font-size: 14px; color:#777; text-align: center; font-family: 'barlow_condensedregular';} input.input_tel{padding-left: 17%;} .wrap_form .txt_info h2{font-size: 18px; color:#1974bb; font-family: 'barlow_condensedmedium';} .wrap_form .txt_info h3{font-size: 16px; color: #777777; font-family: 'barlow_condensedregular'; line-height: 1.4;} .wrap_form .txt_info2 h2{font-size: 18px; color:#777777; font-family: 'barlow_condensedmedium';} .wrap_form .txt_info2 h3{font-size: 16px; color: #777777; font-family: 'barlow_condensedregular'; line-height: 1.4;} .invioce input{background: #ececec; pointer-events: none;opacity: 0.5} .invioce textarea{background: #ececec; pointer-events: none;opacity: 0.5} .invioce input::placeholder{opacity: 0;} .invioce textarea::placeholder{opacity: 0;} .invioce .txtinput span{opacity: 0;} .invioce.active input{background: transparent; pointer-events: auto;opacity: 1} .invioce.active textarea{background: transparent; pointer-events: auto;opacity: 1} .invioce.active input::placeholder{opacity: 0.85;} .invioce.active textarea::placeholder{opacity: 0.85;} .invioce.active .txtinput span{opacity: 1;} #sign-up input{width: 100%; border:1px solid #ebebeb; height: 34px; font-size: 16px; padding: 0 10px; color:#777; transition: all 0.2s ease; position: relative;} #sign-up input::placeholder{opacity: 0.85; font-size: 14px;} #sign-up input:focus{border:1px solid #1974bb; outline: none;} #sign-up h2{text-align: center; color:#1974bb; font-size: 22px; margin: 20px 0; font-family: 'barlow_condensedmedium';} #sign-up h3{text-align: center; color:#777777; font-size: 16px; margin: 20px 0; font-family: 'barlow_condensedregular'; text-decoration: underline;} .cb_payment{position: relative; padding-left: 25px; color: #777;} .cb_payment input{position: absolute; opacity: 0; z-index: 5; left: 0; width: 100%; height: 100%; cursor: pointer;} .checkmark{position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: transparent; border:1px solid #777777; border-radius: 500px;} .cb_payment:hover input ~ .checkmark{border:1px solid #1974bb;} .cb_payment input:checked ~ .checkmark{border:1px solid #1974bb;} .checkmark:after{content: ""; position: absolute; display: none;} .cb_payment input:checked ~ .checkmark:after{display: block;} .cb_payment .checkmark:after{left: 3px; top: 3px; width: 8px; height: 8px; background: #1974bb; border-radius: 500px;} .visa{height: 28px; width: 100%;} .cvv_info{position: absolute; right: 10px; top:4px;} .account_img_user{background-size: cover; background-position: center; border-radius: 500px; max-width: 50px; margin:0; position: absolute; left: -50px;} .wrap_account{font-family: 'barlow_condensedregular';} .account_name{line-height: 50px;} .account_name h2{font-size: 22px; text-transform: uppercase; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .account_menu ul{list-style-type: none;} .account_menu ul li{font-size: 16px; padding: 5px 0; font-family: 'barlow_condensedmedium'; color:#777;} .account_menu ul li a{transition: all 0.2s ease;} .account_menu ul li a:hover, .account_menu ul li a.current{color:#1974bb;} .acc_txthead{width: 100%; border-bottom: 3px solid #1974bb;} .acc_txthead h2{font-size: 18px; background: #1974bb; display: inline-block; height: 22px; line-height: 22px; color:#fff; padding: 0 10px; position: relative; min-width: 145px} .acc_txthead h2:after{content: ''; position: absolute; right: -22px; top:0; width: 0;height: 0;border-bottom: 22px solid #1974bb; border-right: 22px solid transparent;} .sec_acc_info{padding: 5px;} .txt_acc h2 span{color:#e11c23;} .txt_acc h2{font-size: 16px; color:#777; font-family: 'barlow_condensedmedium', 'Prompt', sans-serif;} .txt_acc h3{position: relative; margin-top: 10px; font-size: 15px; color:#777; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; padding-right: 35px;} .edit_info{position: absolute; right: 0; top: 0;} .newsletters h2{color: #f11716; font-size: 22px; font-family: 'barlow_condensedregular'; text-transform: uppercase;} .btn_account_menu{display: none; width: 100%; height: 28px; background: #ececec url(/theme_megaparts/static/src/css/../images/eye.png) center no-repeat; background-size: contain;} .accinput input{width: 100%; border:1px solid #d7d7d7; height: 28px; font-size: 16px; padding: 0 10px; color:#777; transition: all 0.2s ease; position: relative;} .accinput input::placeholder{opacity: 0.85; font-size: 14px;} .accinput input:focus{border:1px solid #1974bb; outline: none;} .txt_err h2{color:#e11c23; font-family: 'barlow_condensedregular'; font-size: 16px;} .acc_myorder{background: #ececec;} .acc_myorder .order_id{padding: 15px 20px; border-bottom: 1px solid #fff;} .acc_myorder .order_id h2{font-family: 'barlow_condensedregular'; font-size: 16px;} .acc_myorder .order_content{padding: 20px; overflow:hidden; display: flex; align-items: center;} .acc_myorder .order_content .cart_img{max-width: 100px; float: left;} .acc_myorder .order_content .cart_txt{padding-left: 20px; float: left; width:calc(100% - 100px);} .order_content .box-cart{float: left;} .order_content .detail{width: 50%;} .order_content .qty{width: 25%; text-align: center;} .order_content .delivered{width: 25%; text-align: center;} .order_content .addcart{width: 25%; text-align: center;} .order_content .detail h2{color:#777;} .order_content .detail h3{color:#1974bb;} .order_content .qty h2{color:#777;} .order_content .qty span{color:#f11716; font-family: 'barlow_condensedmedium';} .order_content .delivered h2{color:#777;} .order_content .delivered h3{color:#f11716; font-family: 'barlow_condensedmedium';} .order_content .addcart a{background: #1974bb; width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color:#fff; transition: all 0.2s ease;} .order_content .addcart a:hover{color: #fff;background-color: #0d5791;} .order_content .addcart h2{color:#f11716; font-family: 'barlow_condensedregular'; font-size: 18px;} .mega_pag .page-link{border: 0; padding: 0 10px; height: 24px; color:#858a82; font-size: 16px; transition: all 0.2s ease; line-height: 24px;} .mega_pag .page-link:hover{background: #e11c23; color:#fff;} .mega_pag .page-link.btn-prev{background: #ebebeb; margin:0 10px;} .mega_pag .page-link.btn-next{background: #ebebeb; margin:0 10px;} .mega_pag .page-link.btn-prev:hover{background: #e11c23; color:#fff;} .mega_pag .page-link.btn-next:hover{background: #e11c23; color:#fff;} .mega_pag .page-link.btn-prev span, .mega_pag .page-link.btn-next span{display: flex; height: 24px; align-items: center; padding: 0;} .mega_pag .page-link:focus,.mega_pag .page-link:active{outline: 0;box-shadow: none;} .mega_pag .page-item:first-child .page-link, .mega_pag .page-item:last-child .page-link{border-radius: 0;} .product{width: 100%;} .product ul{width: 100%; max-width: 366px; overflow: hidden; border: 1px solid #FFFFFF;} .product .nav-item{font-family: 'barlow_condensedregular', 'Prompt', sans-serif; text-align: center; border: 1px solid #ebebeb; border-bottom: 0; border-top: 0;} .product .tab_product{width: 122px; height: 35px; line-height: 30px; display: block; font-size: 20px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; transition: all 0.15s ease;} .product .tab_product:hover,.product .tab_product.active{background: #1974bb; color:#fff;} .product .nav-item.tab1{width: 122px;} .product .nav-item.tab2{width: 122px;} .product .nav-item.tab3{width: 122px;} .product .nav-item.tab1 span{display: block; transform: skewX(0deg) !important;} .product .nav-item.tab2 span{display: block; transform: skewX(0deg) !important;} .product .nav-item.tab3 span{display: block; transform: skewX(0deg) !important;} .product .nav-item.view_product_tab1{width: 122px;} .product .nav-item.view_product_tab2{width: 122px;} .product .nav-item.view_product_tab1 span{display: block; transform: skewX(0deg) !important;} .product .nav-item.view_product_tab2 span{display: block; transform: skewX(0deg) !important;} .product .view_product_tab_product{width: 122px; height: 35px; line-height: 30px; display: block; font-size: 20px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; transition: all 0.15s ease;} .product .view_product_tab_product:hover,.product .view_product_tab_product.active{background: #1974bb; color:#fff;} .product .list_product{border: 1px solid #ebebeb; height: 145px; text-align: center; display: flex; align-items: center; width: 100%; cursor: pointer;} .product .list_product h2{width: 100%; color: #004080; font-size: 22px; font-family: 'barlow_condensedsemibold', 'Mitr', sans-serif; text-transform: uppercase; position: relative; background-color:#e6e6e6; padding:7px; z-index: 5; transition: all 0.2s ease;} .span-item img{max-width: 90%; margin-left: auto; margin-right: auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .span-item:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .span-item-main img{max-width: 90%; margin-left: auto; margin-right: auto; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; height: 150px; width: 190px;} .span-item-main:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .oe_product_image_carousel_main{border: 1px solid #ececec; height: 160px;} .oe_product_image_carousel_main:hover{border: 2px solid #ececec;} .tri_mark_main{border-bottom: 4px solid #ececec; position: relative; top: -96px;} .tri_mark_main:after{content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; border-bottom: 20px solid #e6e6e6; border-right: 20px solid transparent;} #list_parts_product01{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product01.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product02{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product02.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product03{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product03.jpg) center no-repeat; background-size: auto 125%;} #list_parts_product04{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product04.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product05{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product05.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product06{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product06.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product07{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product07.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product08{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product08.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product09{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product09.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product10{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product10.jpg) center no-repeat; background-size: auto 100%;} #list_parts_product11{background: url(/theme_megaparts/static/src/css/../images/product/list_parts_product11.jpg) center no-repeat; background-size: auto 100%;} .list_product{transition: all 0.2s ease !important; position: relative;} #pills-parts .list_product:after{content: ''; position: absolute; width: 100%; height: 0; top: 0; left: 0; transition: all 0.3s ease-in-out; opacity: 0.85; z-index: -1;} #pills-parts .list_product:hover h2,.list_product.active h2{color: #FFFFFF;opacity: 1; background-color: #004080;} .list_product:after{content: ''; position: absolute; width: 100%; height: 0; top: 0; left: 0; transition: all 0.3s ease-in-out; opacity: 0.85; z-index: -1;} .list_product:hover{background-size: auto 150% !important; background-position: 54% center !important; border: 2px solid #004080;} .list_product:hover h2,.list_product.active h2{color: #FFFFFF; opacity: 1; background-color: #004080;} .list_product:hover:after{height: 100%;} #pills-accessories .list_product:hover{background-size: auto 100% !important; background-position: center !important;} #pills-genuineparts .list_product:hover{background-size: auto 100% !important; background-position: center !important;} #list_accessories_product01{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand1.png) center no-repeat; background-size: auto 100%;} #list_accessories_product02{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand2.png) center no-repeat; background-size: auto 100%;} #list_accessories_product03{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand3.png) center no-repeat; background-size: auto 100%;} #list_accessories_product04{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand4.png) center no-repeat; background-size: auto 100%;} #list_accessories_product01:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand1_active.png) center no-repeat; background-size: auto 100%;} #list_accessories_product02:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand2_active.png) center no-repeat; background-size: auto 100%;} #list_accessories_product03:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand3_active.png) center no-repeat; background-size: auto 100%;} #list_accessories_product04:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand4_active.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product01{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand1.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product02{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand2.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product03{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand3.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product04{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand4.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product01:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand1_active.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product02:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand2_active.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product03:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand3_active.png) center no-repeat; background-size: auto 100%;} #list_genuineparts_product04:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand4_active.png) center no-repeat; background-size: auto 100%;} .tab_head_ecat{height: 30px; background: #e7e7e7; width: 100%;} .tab_head_ecat h2{text-align: center; color:#8c8b8b; font-size: 15px; line-height: 30px; font-family: 'barlow_condensedregular';} .search_product{width: 100%; position: relative;} .search_product input{width: 100%; border: 0; border-bottom: 1px solid #e1e1e1; text-align: center; border-radius: 0; height: 35px; line-height: 35px; center; color:#777777; font-size: 16px; padding-right: 45px;} .search_product input:focus{border-bottom: 1px solid #1974bb; outline: none; transition: all 0.2s ease;} .search_product input:focus::placeholder{opacity: 0;} .search_product input::placeholder{opacity: 0.5;} .btn_search_product{cursor: pointer; width: 19px; height: 19px; position: absolute; top:7px; right: 12px; border: 0; border-radius: 0; background: url(/theme_megaparts/static/src/css/../images/search_gray.png) center no-repeat; background-size: cover;} .btn_search_product:hover{background: url(/theme_megaparts/static/src/css/../images/search_blue.png) center no-repeat; background-size: cover;} .btn_search_product:focus{outline: none;} #list_item_product2,#list_item_product3{display: none; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .product .list_product_search{border: 1px solid #ebebeb; height: 145px; text-align: center; display: flex; align-items: center; width: 100%; cursor: pointer;} .list_product_search:hover{border: 2px solid #004080; background-color: honeydew;} .map{height: 100%; min-height: 500px; background: #ccc; position: relative; width: 96%;} .contact_form{min-height: 500px; background: transparent; max-width: 390px;} .name_locatoin{position: absolute; min-height: 47px; display: flex; align-items: center; width: 100%; background: #ececec; top:0; left:0; z-index: 5;} .name_locatoin h2{width: 100%; color:#777; text-align: center; font-size: 17px; font-family: 'barlow_condensedregular';} .contact_form .txthead_in h2{font-size: 22px;} #map{width: 100%; height: 100%; margin: 0; padding: 0; border: 0;} .contact_form label{color:#1974bb; width: 100%; font-size: 16px;} .contact_form textarea{height: 160px;} .blog{width: 100%;} .pag-slider_blog{width: 100%;} #slider_blog{text-align: center;} #slider_blog .swiper-slide{position: relative; cursor: pointer;} #slider_blog .swiper-slide .caption{opacity: 0; transition: all 0.2s ease; position: absolute; bottom: -100px; left:0; width: 100%; min-height: 70px; background: rgba(241,23,22,0.75) url(/theme_megaparts/static/src/css/../images/topbar_hover_before.png) center; display: flex; align-items: center;} #slider_blog .swiper-slide .caption h2{color: #fff; font-size: 20px; font-family: 'barlow_condensedmedium'; width: 100%; font-style: italic; padding: 0 10px;} #slider_blog .swiper-slide:hover .caption{opacity: 1; bottom: 0px;} #slider_blog .swiper-slide.active .caption{opacity: 1; bottom: 0px;} .blog_content .txthead_in h2{font-size: 22px;} .blog_list{transition: all 0.2s ease;} .blog_list .img_blog_list{background-size: 110% auto; background-position: center; background-color: #ccc; border: 1px solid #ebebeb; border-bottom: 0; transition: all 0.2s ease;} .blog_list .caption{background: transparent; border: 1px solid #ebebeb; border-top: 0; padding: 15px; position: relative;} .blog_list .caption.cap1{min-height: 150px;} .blog_list .caption.cap2{min-height: 170px;} .blog_list .caption h2{font-size: 16px; font-family: 'barlow_condensedregular'; color:#1974bb; padding-bottom: 15px; padding-right: 110px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .blog_list .caption h3{position: absolute; top:15px; right:15px; font-size: 14px; font-family: 'barlow_condensedregular'; color:#aaaaaa;} .blog_list .caption p{font-size: 16px; font-family: 'barlow_condensedregular'; color:#777; height: 50px;} .blog_list .caption h4{position: absolute; bottom:15px; left:15px; font-size: 14px; font-family: 'barlow_condensedregular'; color:#1974bb;} .btn_read_more{position: absolute;bottom: 15px;right: 15px; cursor: pointer;} .blog_list:hover .img_blog_list{background-size:130%;} .pag-slider_blog .swiper-pagination-bullet{margin:17px 5px 0; width: 40px; height: 4px; border-radius: 0} .pag-slider_blog .swiper-pagination-bullet-active{background: #f11716;} .blog_details_head{width: 100%;} .blog_details_head .txthead_in{position: relative;} .blog_details_head .txthead_in h2{font-size: 22px; padding-right: 90px;} .blog_details_head .txthead_in h3{font-size: 14px; color:#aaa; position: absolute; right: 0; top:-10px; font-family: 'barlow_condensedregular';} .blog_details_head .txthead_sub{position: relative;} .blog_details_head .txthead_sub h2{display: inline-block; font-size: 14px; color:#1974bb;} .blog_details_head .txthead_sub .btn-share{position: absolute; right: 0; top:0; margin: 0; max-width: 100px;} .blog_details_head .txthead_sub .btn-share .icon_share{position: relative; top:-3px; right:5px;} .blog_details .details{width: 100%; background: #ccc;} .details .txt h2{font-size: 16px; color:#777; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif; line-height: 1.2;} .details .txt p{font-size: 16px; color:#777; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 1.2; max-width:750px; margin: 0 auto;} .details .txt p a{color:#1974bb; display: contents; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif;} .details .txt.tag p{max-width: 100%;} .details .txt.tag p span{margin:0 12px; display: inline-block;} .recently.blog_thumb .list_img{border: 0;} .recently.blog_thumb .wrap_list_product{cursor: pointer;} .menu_left{max-width: 320px; width: 100%;} .menu_left_content{max-width: 300px; width: 100%;} .menu_left_side{width: 100%; overflow: hidden; margin: auto; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .menu_left_side .item{margin-bottom: 8px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .menu_left_side .item .heading{height: 33px; line-height: 33px; font-size: 16px; cursor: pointer; color: #777; padding-left: 15px; background: #ebebeb url(/theme_megaparts/static/src/css/../images/arrow_menu_side_down.png) no-repeat; background-position: 95% center; box-sizing: border-box; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; transition: all 0.1s ease;} .menu_left_side .item:hover .heading{background-color: #d6d6d6;} .menu_left_side .item.open .heading, .menu_left_side .item:last-child .heading{border: 0;} .menu_left_side .item.open .heading{background: #1974bb url(/theme_megaparts/static/src/css/../images/arrow_menu_side_up.png) no-repeat; background-position: 95% center; color: #fff;} .menu_left_side .item .content{display: none; padding: 7px 12px; background: #fff; font-size: 16px; color:#777; line-height: 1.4; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .menu_left_side .item .content ul{list-style-type: none; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .menu_left_side .item .content a:hover{color:#1974bb; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .product_content .head{width: 100%; border-bottom: 2px solid #ebebeb;} .product_content .label_left{float: left; height: 30px; line-height: 30px; background: #ebebeb url(/theme_megaparts/static/src/css/../images/label_head.jpg) center right no-repeat; padding: 0 24px 0 12px;} .product_content .label_right{font-family: 'Oswald', 'Mitr', sans-serif; font-size: 12px; color:#004080; float: right; height: 30px; position: relative; width: 160px;} .product_content .label_left h2{font-family: 'Oswald', 'Mitr', sans-serif; white-space: nowrap; overflow: hidden; color:#004080; text-overflow: ellipsis; margin-top: 2px; margin-bottom: 6px;} .product_content .box_list{width: 30px; height: 30px; background: url(/theme_megaparts/static/src/css/../images/product/box_list.png) center no-repeat; background-size: cover;} .product_content .box_grid{width: 30px; height: 30px; background: url(/theme_megaparts/static/src/css/../images/product/box_grid.png) center no-repeat; background-size: cover;} .product_content .box_list:hover,.product_content .box_list.active{background: url(/theme_megaparts/static/src/css/../images/product/box_list_hover.png) center no-repeat; backg round-size: cover;} .product_content .box_grid:hover,.product_content .box_grid.active{background: url(/theme_megaparts/static/src/css/../images/product/box_grid_hover.png) center no-repeat; background-size: cover;} .sort{position: absolute; top:0; right: 0;} .sort button{width: 90px; border-radius: 0; height: 30px; line-height: 30px; color:#8a8a8a; background: #ebebeb; padding: 0; margin: 0; right: 0; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .sort .dropdown-item.active, .dropdown-item:active{color: #fff; text-decoration: none; background-color: #1974bb;} .sort .dropdown-menu{padding: 0; right: 0 !important; left: auto !important; border-radius: 0; padding: 0px; margin-top: 0;} .sort .dropdown-item{height: 30px; line-height: 30px; padding: 0 12px;} .btn_back{font-size: 16px; color:#777; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 30px; position: relative;} .btn_back:before{content: ''; position: absolute; height: 15px; width: 7px; background: url(/theme_megaparts/static/src/css/../images/arrow_left.png) center no-repeat; line-height: 30px; height: 30px; position: absolute; left: -13px;} select.sort{width: 90px; padding: 5px 35px 5px 5px; font-size: 16px; color:#8a8a8a; border: 1px solid rgba(0,0,0,0); height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/theme_megaparts/static/src/css/../images/arrow_menu_side_down.png) 87% / 15% no-repeat #ebebeb; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; position: absolute; right: 0; outline: none; display: block;} select.sort::-ms-expand{display: none;} .megaparts_pagination .page-item:first-child .page-link{margin: 0; border:0; border-radius: 0; background:#ebebeb url(/theme_megaparts/static/src/css/../images/arrow_left.png) center no-repeat; margin: 0 10px;} .megaparts_pagination .page-item:last-child .page-link{margin: 0; border:0; border-radius: 0; background:#ebebeb url(/theme_megaparts/static/src/css/../images/arrow_right.png) center no-repeat; margin: 0 10px;} .megaparts_pagination .page-link{color:#858a82; font-size: 16px; border: 0; border-radius: 0; padding: 0; height: 22px; width: 27px; text-align: center; line-height: 22px;} .megaparts_pagination .page-item:first-child .page-link:hover{background-color: #e11c23;} .megaparts_pagination .page-item:last-child .page-link:hover{background-color: #e11c23;} .megaparts_pagination .page-link:hover{color:#fff; background: #e11c23;} .megaparts_pagination .page-item.active .page-link{background: #e11c23;} .megaparts_pagination .page-item .page-link:focus{box-shadow: none;} .thumb_product{width: 90px; height: 92px; float: left; margin-right: 10px; border:1px solid #ebebeb;} .content_product{width: calc(100% - 100px); float: left; height: 92px; border-bottom:1px solid #ebebeb;} .content_product a{display: block;} .type-list{overflow: hidden;} .type-list .tri_mark{border-bottom: 2px solid #ececec;} .type-list .tri_mark:after{content: ''; position: absolute; bottom: 0; left: 0; width: 10px; height: 10px; border-bottom: 10px solid #ececec; border-right: 10px solid transparent;} .type-list .tri_mark.hot_deal{border-bottom: 2px solid #1974bb;} .type-list .tri_mark.new_product{border-bottom: 2px solid #f11716;} .type-list .tri_mark.hot_deal:after{border-bottom: 10px solid #1974bb; border-right: 10px solid transparent; width: 10px; height: 10px; padding: 0;} .type-list .tri_mark.new_product:after{border-bottom:10px solid #f11716; border-right: 10px solid transparent; width: 10px; height: 10px; padding: 0;} .type-list .caption h2{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 1.4; max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .type-list .caption h3{color:#777777; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 1.4; max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .type-list .caption h4.hotdeal{background: #1974bb url(/theme_megaparts/static/src/css/../images/product/label.png) bottom right no-repeat; color:#fff; font-size: 16px; font-family: 'barlow_condensedregular'; display: inline-block; padding: 0 25px 0 7px; line-height: 18px; margin:2px 0;} .type-list .caption h4.newproduct{background: #f11716 url(/theme_megaparts/static/src/css/../images/product/label.png) bottom right no-repeat; color:#fff; font-size: 16px; font-family: 'barlow_condensedregular'; display: inline-block; padding: 0 25px 0 7px; line-height: 18px; margin:2px 0;} .type-list .caption h5{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; line-height: 1.5; max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .type-list .caption h5 span{color:#f11716;} .type-list .txtprice{width: 100%; text-align: right;} .type-list .caption h4.hotdeal.hide{visibility: hidden;} .type-list .caption h4.newproduct.hide{visibility: hidden;} .pd_detail_img{max-width: 300px;} .pd_detail_thumb img{border: 1px solid #f2f2f2;} .img_zoom_product{border: 1px solid #f0f0f0} .label-red{width: 100%; height: 33px; background: #e11c23; font-size: 22px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; color:#fff; text-align: center; padding: 0 15px;} .label-red h2{width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .label-gray{width: 100%; height: 42px; background: #ebebeb; font-size: 22px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; color:#fff; text-align: center; padding: 0 15px;} .label-gray h2{width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .code{width:100%; text-align: center;} .code h2{color:#1974bb; font-size: 16px;} .availability h2{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .availability h2 span{color:#f11716;} .availability h3{color:#777; font-size: 24px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .label-gray h2{color:#1974bb; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .label-gray h2 span{color:#f11716;} .label-gray h3{color:#777; font-size: 24px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .qty_product h2{color:#777; font-size: 16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .qty_product h3{color:#777; font-size: 24px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .btn-add-to-cart{height: 22px; width: 77px; color:#fff; background: #1974bb; text-align: center; line-height: 22px; font-size: 12px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; margin-left:65px; transition: all 0.2s ease;} .btn-add-to-cart:hover{background-color: #0d5791; color: #fff;} .table_head{text-align: center; background: url(/theme_megaparts/static/src/css/../images/table_bg.jpg) center; height: 33px;} .tb-spec{line-height: 33px; font-size:16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; color:#fff;} .tb-about{line-height: 33px; font-size:16px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; color:#8a8a8a;} .nav_search{height: 100%; width: 290px; position: absolute; z-index: 5; top: 0; right: -290px; background-color: #ececec; transition: 0.5s; border-left: 1px solid #e1e1e1;} .nav_search.active{right: 0px;} .nav_search a:hover{color: #f1f1f1;} .nav_search .closebtn{position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;} .topbar_sub, #herobanner, .wrap_main_content, #footer{transition: all .5s ease; position: relative; right: 0} .search_form{width: 100%; height: 37px; position: fixed; z-index: 6000; transition: all .5s ease; top:70px;} .search_form input{width: 100%; height: 37px; line-height: 37px; padding-right: 56px; text-align: center; font-size: 16px; text-transform: uppercase; font-family: 'barlow_condensedmedium'; color:#ffff00; border: 0; border-radius: 0;} .search_form input:focus{outline: 0;} .search_form input::placeholder{text-transform: uppercase; font-family: 'barlow_condensedmedium'; color:#ffff00; opacity: 1;} .search_form input:focus::placeholder{opacity: 0;} .search_form button{width: 56px; height: 37px; background: #ebebeb url(/theme_megaparts/static/src/css/../images/search_gray.png) center no-repeat; background-size: 18px; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; position: absolute;right: 0; top:0; cursor: pointer;} .search_form button:hover{background-color: #e0e0e0} .search_form button:focus{outline: 0; box-shadow: none;} body.active{overflow: hidden;} #main{padding-right: 56px; min-height: 700px; overflow: hidden;} #main.active{padding-right: 290px;} .wrap_content_search{padding: 25px 0; width: 100%;} .btn_nav_search{width: 14px; height: 30px; background: url(/theme_megaparts/static/src/css/../images/btn_nav_search.png) center left no-repeat; background-size: cover; float: left; margin-left: -35px;} .nav_search{padding: 25px 20px 25px 35px;} .nav_search .head h2{line-height: 30px; padding-left: 10px; color:#1974bb; font-size: 18px; text-transform: uppercase; font-family: 'barlow_condensedmedium';} .menu_left_search{margin-top:25px;} .menu_left_search .item .heading{background-color:#fff;} .menu_left_search .item .content{background-color: transparent; line-height: 1.5;} .tab_search{cursor: pointer; width: 56px; height: 100%; position: absolute; left:-56px; top:0; background: #ececec url(/theme_megaparts/static/src/css/../images/advance_filter.png) center no-repeat; border-right: 1px solid #e1e1e1; visibility: visible; opacity: 1; transition: all 0.2s ease;} .tab_search:hover{background-color:#e0e0e0;} .tab_search.active{visibility: hidden; opacity: 0;} .tri_search{width: 100%; height: 60px; background: url(/theme_megaparts/static/src/css/../images/arrow_search.png) center no-repeat;} #list_search_product01{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand1.png) center no-repeat; background-size: auto 100%;} #list_search_product02{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand2.png) center no-repeat; background-size: auto 100%;} #list_search_product03{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand3.png) center no-repeat; background-size: auto 100%;} #list_search_product04{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand4.png) center no-repeat; background-size: auto 100%;} #list_search_product05{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand5.png) center no-repeat; background-size: auto 100%;} #list_search_product06{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand6.png) center no-repeat; background-size: auto 100%;} #list_search_product07{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand7.png) center no-repeat; background-size: auto 100%;} .list_product.item_search:hover:after{height: 100%; z-index: -1} #list_search_product01:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand1_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} #list_search_product02:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand2_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} #list_search_product03:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand3_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} #list_search_product04:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand4_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} #list_search_product05:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand5_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} #list_search_product06:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand6_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} #list_search_product07:hover{background: url(/theme_megaparts/static/src/css/../images/product/logo_brand7_active.png) center no-repeat; background-size: auto 100% !important; background-position: 50% center !important;} @media(max-width: 1199px){#app_download .logo_megapart{width: 180px;}#app_download .txt h2{font-size: 22px;}#app_download .txt2 h3{font-size: 16px;}#app_download .txt{max-width: 25%;}#app_download .txt2{max-width: 25%;}#app_download .txt:after{right: -5%;}#slider_main{max-width: 870px;}#slider_main2{max-width: 870px;}#herobanner_main{max-height: 300px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 300px;}.wrap_banner_ani{transform: scale(0.7);}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail{width: 45%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price{width: 8%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty{width: 35%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty_price{width: 12%;}.box_cart .body{height: calc(85% - 130px);}.box_cart .footer{bottom: 15%;}.product .list_product{height: 125px;}.product .list_product h2{font-size: 24px;}.type-list .caption h2, .type-list .caption h3, .type-list .caption h5{max-width: 300px;}.btn-add-to-cart{margin-left: 15px;}.count{width: 75px;}} @media(max-width: 991px){#app_download .logo_megapart img{display: none;}#app_download .logo_megapart{width: 7%;}#app_download .txt{max-width: 25%;}#app_download .txt2{max-width: 25%;}#app_download .txt h2{font-size: 18px;}#app_download .txt2 h3{font-size: 14px;}#slider_main{max-width: 630px;}#slider_main2{max-width: 630px;}.wrap_swiper_control{width: 30%;}.car{top:60px; left:18%;}.banner1_txt1{top: 10%; left: 5%;}.banner1_txt2{top: 10%; right: 5%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail{width: 85%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price{width: 15%;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty{width: 50%;padding-top: 20px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty_price{width: 50%;padding-top: 20px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price h2{text-align: right;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.qty h2{padding-left: 0;}.cart_item_in{padding-right: 15px;}.select-w{width: 40%;}.order_content .box-cart{float: none;}.order_content .detail{width: 100%;}.order_content .qty{width: 100%; text-align: left; margin-top: 10px;}.order_content .delivered{width: 100%; text-align: left; margin-top: 10px;}.order_content .addcart{width: 100%; text-align: left; margin-top: 10px;}.acc_myorder .order_content{display: block;}.order_content .delivered h2{display: inline-block;}.order_content .delivered h3{display: inline-block;}.acc_myorder .order_id{padding: 10px;}.acc_myorder .order_content{padding: 10px;}.contact_form{max-width: 500px; margin:0 auto;}.map{min-height: 350px;}.product_content{padding-left: 0;}.content_product{height: auto; padding-bottom: 10px; border-bottom: 0;}.type-list{border-bottom: 1px solid #ebebeb;}.pd_detail_img{max-width: 100%;}.btn-add-to-cart{margin-left: 30px;}.map{width: 100%;}} @media(max-width: 767px){#app_download .logo_megapart{width: 2%;}#app_download .link_download_app{margin-left: 0;}#slider_main{max-width: 450px;}#slider_main2{max-width: 450px;}.wrap_swiper_control{width: 40%;}#app_download .txt .s1{display: block; padding-left: 0;}#app_download .txt .s2{display: block; padding-left: 10px;}#app_download .txt .s3{display: block; padding-left: 20px;}#app_download .txt .s4{display: block; padding-left: 30px;}.wrap_banner_ani{transform: scale(0.5);}.car{top:130px; left:5%;}.banner1_txt1{top: 10%; left: 0%;}.banner1_txt2{top: 10%; right: 0%;}.select-w{width: 50%;}.txt_acc h3{margin-top: 7px; font-family: 'barlow_condensedregular', 'Prompt', sans-serif;}.account_img_user{position: static; margin: 0 auto; max-width: 100px;}.account_name{text-align: center;}.account_menu{display: none;}.btn_account_menu{display: block;}.product .list_product{height: 100px;}.product .list_product h2{font-size: 20px;}.breadcrumb-item.active{width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.details .txt{text-align: left !important;}.menu_left{display: none;}.product_content{width: 100%;}} @media(max-width: 575px){.banner_in{position: relative; top: 50px; border-top: 1px solid #e0e0e0;}.btn_view_more{right: 10px;}#slider_main{max-width: 120%; margin-left: -19.5%;}#slider_main2{max-width: 120%; margin-left: -19.5%;}.wrap_swiper_control{width: 70%;}#app_download .txt2{display: none;}#app_download .txt{max-width: 50%;}#app_download .txt:after{display: none;}.banner_app_mb{right: 20px;}#app_download .icon_app{width: 85px;}#herobanner_main{max-height: 185px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 185px;}#herobanner_main .swiper-pagination-bullet{height: 20px; width: 2px;}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 3px 0;}#content{margin:80px 0;}.car{top:130px; left:5%;}.banner1_txt1{top: 20%; left: -30%;}.banner1_txt2{top: 20%; right: -30%;}.cart_item_in{padding-right: 0;}.btn-remove i{display: none;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail{padding: 0 15px 0 23px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers h2{display: inline-block;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers .btn-remove{width: 30px; height: 30px; background: #f11716; border-radius: 4px; top:-5px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.delivers .btn-remove:before{background: url(/theme_megaparts/static/src/css/../images/bin_mb.png) center no-repeat;background-size: cover;top: 7px; left: 9px;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .cart_txt_top{padding-top: 0;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.price h2{line-height: 1.4;}.cart_item_in .wrap_cart_txtdetail .cart_txtdetail .box-cart.detail h2{line-height: 1.4; white-space: normal; overflow: visible;}.wrap_tab_cart_step{margin-top: 50px;}.w-sm-25{width: 100%;}.w-sm-50{width: 100%;}.w-sm-75{width: 100%;}.w-sm-100{width: 100%;}.invioce{display: none;}.product .list_product{height: 75px;}.product .list_product h2{font-size: 15px;}.map{min-height: 240px;}.blog{margin-top: 50px;}.blog_details{margin-top: 50px;}#slider_blog .swiper-slide .caption{opacity: 1; bottom: 0; min-height: 50px;}.pag-slider_blog .swiper-pagination-bullet{width: 35px; margin:17px 3px 0;}.details .txt.tag p span{margin:0 3px;}.product_content .label_left{width: 100%; max-width: 140px;}.btn_back{padding-right: 10px;}.search_form{top:50px;}.nav_search{height: calc(100% - 87px); top:87px;}#main{min-height: 100%; padding-right: 35px;}.wrap_content_search{padding-top: 120px;}.search_form button{width: 35px;}.tab_search{width: 35px; left: -35px;}#main.active{padding-right: 35px;}.search_form input{padding-right: 35px;}} @media(max-width: 414px){#slider_recently{max-width: 150%; margin-left: -34.5%;}} @media(max-width: 375px){#slider_main{max-width: 120%; margin-left: -19%;}#slider_main2{max-width: 120%; margin-left: -19%;}#app_download .txt{max-width: 40%;}#herobanner_main{max-height: 165px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 165px;}} @media(max-width: 320px){#slider_main{max-width: 120%; margin-left: -16.5%;}#slider_main2{max-width: 120%; margin-left: -16.5%;}#app_download .txt h2{font-size: 15px;}#app_download .icon_app{width: 70px;}#app_download .link_download_app a{width: 90px;}#app_download{height: 90px;}#app_download .logo_megapart:after{border-bottom: 90px solid #ececec;}#herobanner_main{max-height: 145px;}.banner_hover1,.banner_hover2,.banner_hover3,.banner_hover4,.banner_hover5,.banner_hover6{height: 145px;}} .col-sm-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} @media (max-width: 1200px){#top_menu-right{margin-right: -1px;}.owl-theme .owl-nav [class*=owl-]{margin: 3px -50px;}.owl-theme .owl-dots, .owl-theme .owl-nav{top: -31px}.col-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 25%;}} @media (max-width: 991px){.col-lg-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.oe_grid{width: 25% !important;}.navbar-nav > li{float: none !important;}} @media (max-width: 767px){.col-sm-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 25%;}.collapse{display: block !important;}.menu_left{display: none;}.product-list{padding: 0px;}.nav_right{margin-top: -34px;}.thumbnail{margin-bottom: 0px;}.logo_main{width: 27%;}.nav_right .user{padding: 0 -3px;}} @media (max-width: 576px){.col-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-sm-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.logo_main{height: 47px !important;}.product_content .head{max-width: 412px;}.owl-theme .owl-nav [class*=owl-]{margin: 3px -100px;}.owl-theme .owl-dots, .owl-theme .owl-nav{top: -15px}.responsive_nav{margin-top: -49px !important;}.res_show{display: block;!important;}.ecatalog{margin-top: 20px;}} @media (min-width: 991px){.oe_grid{width: 25% !important;}} @media (max-width: 1135px){.nav_left li a{padding: 0 13px;}.nav_right .search{padding: 35px 26px; width:54px;}.nav_right .cartoder{padding: 24px 12px;}} @media (max-width: 1365px){.nav_right .cartoder{padding: 25px 12px;}} .topbar_mail{padding-right: 0;} .topbar_mail h2{width: 100%; float: left; padding-right: 15px; position: fixed; z-index: 99; background: #fff; left: 0; border-bottom: 0;} .topbar_business{padding-right: 0;} .topbar_business h2{width: calc(100% - 206px); float: left; padding-right: 15px; position: fixed; z-index: 99; background: #fff; left: 0; border-bottom: 0;} .topbar_mail .btn_csv_file{display: none} .topbar_mail.topbar_business .btn_csv_file{display: block;margin-top: -20px;} .btn_csv_file{width: 206px; background: #ececec; float: left; text-align: center; position: fixed; right: 0; z-index: 99; overflow: hidden;} .btn_csv_file:before{content: ''; position: absolute; width: 20px; height: 20px; background: #f11716; transform: rotate(45deg); bottom:-10px; left:-10px;} .btn_csv_file:after{content: ''; position: absolute; width: 100%; height: 3px; background: #f11716; bottom:0px; left:0px;} .btn_csv_file h3 > *{display: inline-block; vertical-align: middle;} .btn_csv_file h3 a{color:#1c75bc; text-transform: uppercase; line-height: 37px; font-size: 20px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .btn_csv_file h3 a:hover{text-decoration: underline;} .btn_csv_file h3{font-size: 15px; font-weight: bold; color:#777; line-height: 3.7;} .btn_csv_file h3 img{padding:0 10px; line-height: 1; align:right} @media(max-width: 1365px){.btn_csv_file{width: 196px;}.btn_csv_file h3{font-size: 14px;}.topbar_business h2{width: calc(100% - 196px);}} .account_img_user{background-size: cover; background-position: center; border-radius: 500px; max-width: 50px; margin:0; position: absolute; left: -50px;} .account_img_user_business{position: absolute;} .account_img_user_business:before{content: ''; position: absolute; width: 16px; height: 16px; background: url(/theme_megaparts/static/src/css/../images/user_business_icon.png) no-repeat; right:0; bottom:0;} .wrap_account{font-family: 'barlow_condensedregular', 'Mitr', sans-serif;} .account_name{line-height: 50px; height: 50px;} .account_name h2{font-size: 22px; text-transform: uppercase; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .account_name h3{font-size: 16px; line-height: 1; color:#777;} .acc_business h2{line-height: 1; margin-top: 8px;} .account_menu ul{list-style-type: none;} .account_menu ul li{font-size: 16px; padding: 5px 0; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif; color:#777;} .account_menu ul li a{transition: all 0.2s ease;} .account_menu ul li a:hover, .account_menu ul li a.current{color:#1974bb;} .acc_txthead{width: 100%; border-bottom: 3px solid #1974bb; position: relative;} .acc_txthead h2{font-size: 18px; background: #1974bb; display: inline-block; height: 22px; line-height: 22px; color:#fff; padding: 0 10px; position: relative; min-width: 145px} .acc_txthead h2:after{content: ''; position: absolute; top:0; width: 0;height: 0;border-bottom: 22px solid #1974bb; border-right: 22px solid transparent;} .line_acc_head h2:after{content: ''; position: absolute; width: 55px; height: 22px; right: -32px; background: url(/theme_megaparts/static/src/css/../images/line_acc_head.png) center no-repeat; border: 0;} .acc_txthead h3{position: absolute;right: 0; top:0; color: #777;} .acc_txthead .btn_download_csv{position: absolute;right: 0; top:6px; border-left: 4px solid #fff;} .sec_acc_info{padding: 5px;} .txt_acc{position: relative;} .txt_acc h2 span{color:#e11c23;} .txt_acc h2{font-size: 16px; color:#777; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif;} .txt_acc h3{position: relative; margin-top: 10px; font-size: 15px; color:#777; font-family: 'barlow_condensedregular', 'Prompt', sans-serif; padding-right: 35px;} .txt_acc .btn_upload_csv{position: relative; margin-top: 10px; font-size: 15px; color:#777; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; padding-right: 35px;} .edit_info{position: absolute; right: 0; top:0;} .btn_upload_csv >*{display: inline-block; vertical-align: middle;} .btn_upload_csv span{padding-left: 5px;} .newsletters h2{color: #f11716; font-size: 22px; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; text-transform: uppercase;} .btn_account_menu{display: none; width: 100%; height: 28px; background: #ececec url(/theme_megaparts/static/src/css/../images/eye.png) center no-repeat; background-size: contain;} .inputfile{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;} .inputfile + label{width: 100%; max-width: 75%; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden;} .no-js .inputfile + label{display: none;} .inputfile:focus + label, .inputfile.has-focus + label{outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;} .inputfile + label *{float: left; line-height: 30px;} label img{display: inline-block; vertical-align: middle;} label span{color: #777; font-family: 'barlow_condensedregular'; font-size: 16px; font-weight: normal; display: inline-block; vertical-align: middle; padding-left: 5px; width: calc(100% - 10px); text-overflow: ellipsis; white-space: nowrap; overflow: visible;} .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover{color: #555; outline: none;} .inputfile-2:focus + label, .inputfile-2.has-focus + label, .inputfile-2 + label:hover{color: #555; outline: none;} .wrap_add_keyorder{position: relative;} .wrap_add_keyorder_in{display: none;} .submit_keyorder{display: none; position: absolute; right: 10px; top:10px; color:#1974bb; font-family: 'barlow_condensedmedium';} .btn_del_submit_keyorder{margin-left: 25px; position: relative; width: 45px; text-align: center;} .btn_del_submit_keyorder img{opacity: 0.5;} .btn_del_submit_keyorder:before{content: ''; width: 1px; height: 100%; position: absolute; background: #777; left: -5px; opacity: 0.5;} .btn_del_submit_keyorder img:hover{opacity: 1;} .table_add_keyorder{margin: 25px 0 0; color:#777; line-height: 1.3;} .table_add_keyorder .count{width: 75px; top:-7px;} .table_add_keyorder th{padding: 12px 7px !important; border:0 !important; position: relative; vertical-align: middle !important;} .table_add_keyorder td{padding: 40px 7px 0px !important; border:0 !important; position: relative;} .tb_addkey_head{border:1px solid #e1e0e0; background: #f8f7f7; border-right: 0; border-left: 0; padding: 12px 0; overflow: hidden;} .tb_addkey_col{color:#777;} .tb_no{width: 40px;} .tb_product{width: 160px;} .tb_desc{width: 160px;} .tb_qty{width: 90px;} .tb_unit{width: 90px;} .tb_subtotal{width: 90px;} .tb_del{width: 45px; opacity: 0.5;} .table_add_keyorder td:nth-last-child(1):before{content: ''; width: 1px; height: 20px; position: absolute; background: #777; left: -5px; margin-top:-2px; opacity: 0.5;} .table_add_keyorder td:nth-last-child(2):before{content: ''; width: 1px; height: 20px; position: absolute; background: #777; left: 5px; margin-top:-2px; opacity: 0.5;} .table_add_keyorder td:nth-last-child(2),.table_add_keyorder td:nth-last-child(3){color:#1974bb;font-family: 'barlow_condensedmedium';} .btn_update_price{width: 110px; height: 33px; background: #f11716; line-height: 33px; color:#fff; text-align: center; position: absolute; bottom: 10px; left: 0;} .btn_update_price:hover{background: #bf1110; color:#fff;} .btn_save_order{width: 110px; height: 33px; background: #1974bb; line-height: 33px; color:#fff; text-align: center; margin-top:7px;} .btn_save_order:hover{background: #0d5791; color:#fff;} .btn_update_order{width: 110px; height: 33px; background: #1974bb; line-height: 33px; color:#fff; text-align: center; margin-top:7px;} .btn_update_order:hover{background: #0d5791; color:#fff;} .btn_confirm_order{width: 110px; height: 33px; background: #5cb85c; line-height: 33px; color:#fff; text-align: center; margin-top:7px; border-color: #4cae4c;} .btn_confirm_order:hover{color: #fff; background-color: #398439; border-color: #255625;} .btn_place_order{width: 110px; height: 33px; background: #4CAF50; line-height: 33px; color:#fff; text-align: center; margin-top:7px;} .btn_place_order:hover{background: #46a049; color:#fff;} .del_keyorder{opacity: 0.5;} .del_keyorder:hover{opacity: 1;} .add_an_item{border:0;border-bottom: 1px solid transparent; border-radius: 0; cursor: pointer; line-height: 30px; display: inline-block; vertical-align: middle; color: #777; padding-left: 5px; width: 50%} .add_an_item:focus{border-bottom: 1px solid #e4e4e4; outline: none;} .accinput input{width: 100%; border:1px solid #d7d7d7; height: 28px; font-size: 16px; padding: 0 10px; color:#777; transition: all 0.2s ease; position: relative;} .accinput input::placeholder{opacity: 0.85; font-size: 14px;} .accinput input:focus{border:1px solid #1974bb; outline: none;} .txt_err h2{color:#e11c23; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; font-size: 16px;} .acc_myorder{background: #ececec;} .acc_myorder .order_id{padding: 15px 20px; border-bottom: 1px solid #fff;} .acc_myorder .order_id h2{font-family: 'barlow_condensedregular', 'Mitr', sans-serif; font-size: 16px;} .acc_myorder .order_content{padding: 20px; overflow:hidden; display: flex; align-items: center;} .acc_myorder .order_content .cart_img{max-width: 100px; float: left;} .acc_myorder .order_content .cart_txt{padding-left: 20px; float: left; width:calc(100% - 100px);} .order_content .box-cart{float: left;} .order_content .detail{width: 50%;} .order_content .qty{width: 25%; text-align: center;} .order_content .delivered{width: 25%; text-align: center;} .order_content .addcart{width: 25%; text-align: center;} .order_content .detail h2{color:#777;} .order_content .detail h3{color:#1974bb;} .order_content .qty h2{color:#777;} .order_content .qty span{color:#f11716; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif;} .order_content .delivered h2{color:#777;} .order_content .delivered h3{color:#f11716; font-family: 'barlow_condensedmedium', 'Mitr', sans-serif;} .order_content .addcart a{background: #1974bb; width: 70px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color:#fff; transition: all 0.2s ease;} .order_content .addcart a:hover{color: #fff;background-color: #0d5791;} .order_content .addcart h2{color:#f11716; font-family: 'barlow_condensedregular', 'Mitr', sans-serif; font-size: 18px;} .mega_pag .page-link{border: 0; padding: 0 10px; height: 24px; color:#858a82; font-size: 16px; transition: all 0.2s ease; line-height: 24px;} .mega_pag .page-link:hover{background: #e11c23; color:#fff;} .mega_pag .page-link.btn-prev{background: #ebebeb; margin:0 10px;} .mega_pag .page-link.btn-next{background: #ebebeb; margin:0 10px;} .mega_pag .page-link.btn-prev:hover{background: #e11c23; color:#fff;} .mega_pag .page-link.btn-next:hover{background: #e11c23; color:#fff;} .mega_pag .page-link.btn-prev span, .mega_pag .page-link.btn-next span{display: flex; height: 24px; align-items: center; padding: 0;} .mega_pag .page-link:focus,.mega_pag .page-link:active{outline: 0;box-shadow: none;} .mega_pag .page-item:first-child .page-link, .mega_pag .page-item:last-child .page-link{border-radius: 0;} .t_order_head{text-align: center; font-size: 16px; color:#777; overflow: hidden; font-weight: Bold} .col-20{width: 25%; float: left;} .col-33{width: 33.3333333%; float: left;} .t_order_body{width: 100%; overflow: hidden; margin: auto; margin-top: 10px;} .t_order_body .item .heading{height: 45px; line-height: 45px; font-size: 17px; cursor: pointer; color: #777; background: #f0f0f0; box-sizing: border-box; text-align: center; border-bottom: 5px solid #fff;} .t_order_body .item .content{display: none; padding: 5px 0; background: #fff; font-size: 14px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px;} .t_order_body .item .heading img{vertical-align: middle; display: inline-block; position: relative; top: -6px;} .t_order_body .item .heading .col-20{height: 100%;} .t_order_body .item .heading .col-20:nth-child(1){color:#1974bb;} .t_order_body .item .heading .col-20:nth-child(2){color:#777777;} .t_order_body .item .heading .col-20:nth-child(3){color:#1974bb;} .t_order_body .item .heading .col-20:nth-child(5){color:#1974bb;} .t_order_body .item .heading .col-20:nth-child(4).active{color:#f11716; opacity: 1;} .t_order_body .item .heading .col-20:nth-child(5).active{color:#f11716; opacity: 1;} .t_order_body h2{border-bottom: 1px solid #ebebeb; padding-bottom: 10px; font-size: 16px; color:#777;} .t_order_body h2 span{color:#ff0000;} .t_order_thumb{border: 1px solid #ebebeb; width: 72px; float: left;} .t_order_caption{width: calc(100% - 72px) ; float: left; padding-left: 15px;} .t_order_caption h3{font-size: 16px; color:#777; font-family: 'Sarabun', sans-serif;} .t_order_caption h4{font-size: 16px; color:#1974bb; padding-top: 3px;} .t_order_right{float: left; width: 100%; font-size: 16px; color:#777;} .t_order_total{font-size: 16px; text-align: right; color: #777; font-weight: Bold} .t_before_total{color:#404040; font-size: 18px;} .t_total{color:#404040; font-size: 18px;} .type-list .txtprice{text-align: left;} .btn_addtocart{background: #1974bb; width: 70px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; transition: all 0.2s ease;} .btn_addtocart:hover{color: #fff; background-color: #0d5791;} .paging-nav{text-align: right; padding-top: 2px;} .paging-nav a{margin: auto 1px; text-decoration: none; display: inline-block; padding: 1px 7px; color: black; border-radius: 3px; border: 1px solid #ffd614;;} .paging-nav .selected-page{font-weight: bold;} ========================order pagination ==================== ul.divPages li{float: left; border: 1px solid black;} 

/* /theme_megaparts/static/src/css/nice-select.css defined in bundle 'web.assets_frontend' */
select{display: none;} .nice-select{-webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 42px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto;} .nice-select:hover{border-color: #dbdbdb;} .nice-select:active, .nice-select.open, .nice-select:focus{border-color: #999;} .nice-select:after{border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px;} .nice-select.open:after{-webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .nice-select.open .list{opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} .nice-select.disabled{border-color: #ededed; color: #999; pointer-events: none;} .nice-select.disabled:after{border-color: #cccccc;} .nice-select.wide{width: 100%;} .nice-select.wide .list{left: 0 !important; right: 0 !important;} .nice-select.right{float: right;} .nice-select.right .list{left: auto; right: 0;} .nice-select.small{font-size: 12px; height: 36px; line-height: 34px;} .nice-select.small:after{height: 4px; width: 4px;} .nice-select.small .option{line-height: 34px; min-height: 34px;} .nice-select .list{background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9;} .nice-select .list:hover .option:not(:hover){background-color: transparent !important;} .nice-select .option{cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all 0.2s;} .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background-color: #f6f6f6;} .nice-select .option.selected{font-weight: bold;} input[type=checkbox] + label{display: block; margin: 7px 8px -0.8em; cursor: pointer; padding: 0.2em;} input[type=checkbox]{display: none;} input[type=checkbox] + label:after{content: "\2714"; border: 1px solid #ebebeb; display: inline-block; width: 20px; height: 20px; padding-left: 3px; padding-top: 1px; color: rgb(255, 255, 255); transition: 0.2s;} input[type=checkbox] + label:active:after{transform: scale(0);} input[type=checkbox]:checked + label:after{background-color: #3475bb; border-color: #3475bb;} 

/* /theme_megaparts/static/src/css/reset.css defined in bundle 'web.assets_frontend' */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} body{line-height: 1; overflow-x:hidden;} ol, ul{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} a{display: inline-block; color:inherit;} a:hover{text-decoration: none; color: inherit;} ul, menu, dir{display: block; list-style-type: disc; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;} .wrap_row{padding: 0 15px; clear: both;} .pad0{padding: 0;} .mar0{margin: 0;} .pos{position: absolute;} .thumbnail > img, .thumbnail a > img{display: block;max-width: 100%; width:auto; height: auto;margin-left: auto;margin-right: auto;} .t_inline{display: inline-block;} .marB0{margin-bottom: 0 !important;} .marT0{margin-top: 0 !important;} .marR0{margin-right: 0 !important;} .marL0{margin-left: 0 !important;} 

/* /theme_megaparts/static/src/css/swiper.min.css defined in bundle 'web.assets_frontend' */
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform} .swiper-invisible-blank-slide{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform} .swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;background:#007aff} .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform} .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0} .swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff} .swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)} .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff} .swiper-pagination-black .swiper-pagination-bullet-active{background:#000} .swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)} .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000} .swiper-pagination-lock{display:none} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0} .swiper-scrollbar-cursor-drag{cursor:move} .swiper-scrollbar-lock{display:none} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} .swiper-slide-zoomed{cursor:move} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite} .swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube{overflow:visible} .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} .swiper-container-flip{overflow:visible} .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} 

/* /theme_megaparts/static/src/css/jquery.mCustomScrollbar.min.css defined in bundle 'web.assets_frontend' */
.mCustomScrollbar{-ms-touch-action:none;touch-action:none} .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto} .mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr} .mCSB_container{overflow:hidden;width:auto;height:auto} .mCSB_inside>.mCSB_container{margin-right:30px} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0} .mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px} .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0} .mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCSB_outside+.mCSB_scrollTools{right:-26px} .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0} .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px} .mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto} .mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0} .mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px} .mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px} .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer} .mCSB_scrollTools .mCSB_buttonDown{bottom:0} .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px} .mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%} .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0} .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px} .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0} .mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px} .mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px} .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px} .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0} .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0} .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px} .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0} .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0} .mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out} .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"} .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"} .mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"} .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"} .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/theme_megaparts/static/src/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px} .mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"} .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)} .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)} .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0} .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px} .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px} .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)} .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0} .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0} .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px} .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px} .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%} .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px} .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px} .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px} .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0} .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0} .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px} .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px} .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0} .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px} .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"} .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px} .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)} .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px} .mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"} .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px} .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)} .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555} .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto} .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"} .mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px} .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px} .mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0} .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px} .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto} .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px} .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"} .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px} .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0} .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px} .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0} .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0} .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0} .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0} .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)} .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}