/* Theme Name: Hello Elementor Child Theme URI: https://elementor.com/ Description: Hello Elementor Child Theme Author: Gilad Chekroun Boost-Media LTD gilad@boost-media.co.il Author URI: https://boost-media.co.il/ Template: hello-elementor Version: 1.0.0 */ /*=== Header area start ===*/ /* encode-sans-sc-900 - latin */ @font-face { font-display: swap; font-family: 'Encode Sans SC'; font-style: normal; font-weight: 900; src: local('Encode Sans SC'), local('EncodeSansSC'), url('assets/fonts/encode-sans-sc-v8-latin-900.woff2') format('woff2'), url('assets/fonts/encode-sans-sc-v8-latin-900.ttf') format('truetype'); } /* bebas-neue-regular - latin */ @font-face { font-display: swap; font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: local('Bebas Neue'), local('BebasNeue'), url('assets/fonts/bebas-neue-v10-latin-regular.woff2') format('woff2'), url('assets/fonts/bebas-neue-v10-latin-regular.ttf') format('truetype'); } @font-face { font-family: 'Eurostile'; src: local('Eurostile'), local('EurostileRegular'), url('assets/fonts/EurostileRegular.woff2') format('woff2'), url('assets/fonts/EurostileRegular.woff') format('woff'), url('assets/fonts/EurostileRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Encode+Sans+SC:wght@900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); */ body { font-family: 'Eurostile', sans-serif; font-size: 16px; font-weight: 400; background: #131818; color: #fff; } @font-face { font-family: 'Revamped'; src: url('assets/fonts/Revamped.otf'); } @font-face { font-family: 'Eurostile', sans-serif; src: url('assets/fonts/Eurostile.ttf'); } h2, h3 { font-family: 'Bebas Neue', sans-serif; font-weight: 700; } h4, h5 { font-family: 'Revamped'; font-weight: 400; } a:hover { text-decoration: none; } ul { list-style-type: none; padding: 0; margin: 0; } img { max-width: 100%; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } ::selection { color: white; background: #ff7675; } ::-webkit-selection { color: white; background: #ff7675; } ::-moz-selection { color: white; background: #ff7675; } .scrolltotop { width: 40px; height: 40px; border-radius: 20px 20px 0 0; background: rgba(0,0,0,.5); text-align: center; padding-top: 8px; font-size: 22px; color: #ffffff; position: fixed; right: 5px; bottom: 5px; display: none; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .scrolltotop:hover { background: #000; color: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5); } .header-area { position: relative; } .header-area .container { max-width: 1870px; } .limited-item { padding: 14.5px 0; background: #F3931F; } .limited-item h6 { font-weight: 700; font-size: 17px; color: #160E04; display: flex; align-items: center; justify-content: center; margin: 0; } .limited-item h6 a { color: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; font-family: inherit; } .limited-item h6 img { max-width: 100%; margin-left: 12px; } .menu-area { padding: 23px 0; } .menu-item { display: flex; align-items: center; } .menu-item-inner { width: 210px; } .menu-item-inner img { max-width: 100%; } .menu-item-inner2 { width: calc(100% - 210px); } .menu-item-inner2 ul { display: flex; align-items: center; justify-content: space-between; } .menu-item-inner2 ul li span { width: 1px; height: 26px; display: block; background: #F3931F; } .menu-item-inner2 ul li a { font-family: 'Eurostile', sans-serif; font-weight: 700; font-size: 19px; letter-spacing: 1px; color: #FFFFFF; display: block; position: relative; z-index: 999999999999999; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .menu-item-inner2 ul li a i { font-size: 30px; } .menu-item-inner2 ul li a small { font-weight: 700; font-size: 15px; color: #FFFFFF; width: 27px; height: 27px; border-radius: 50%; background: #F3931F; position: absolute; top: -8px; right: -10px; display: flex; align-items: center; justify-content: center; } .menu-item-inner2 ul li a:hover { color: #F3931F; } .menu-item-inner2 > ul > li:nth-of-type(8) a:after, .menu-item-inner2 > ul > li:nth-of-type(9) a:after, .menu-item-inner2 > ul > li:nth-of-type(10) a:after, .menu-item-inner2 > ul > li:nth-of-type(11) a:after { content: ''; position: absolute; bottom: -9px; left: 50%; transform: translateX(-50%); width: 0; height: 1.5px; display: block; background: #F3931F; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .menu-item-inner2 > ul > li > a:hover:after { width: 55%; } .menu-item-inner3 { margin-left: auto; display: none; } .menu-item-inner3 ul { display: flex; } .menu-item-inner3 ul li a { font-size: 25px; color: #FFFFFF; display: block; position: relative; margin-left: 10px; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .menu-item-inner3 ul li a small { font-weight: 700; font-size: 12px; color: #FFFFFF; width: 20px; height: 20px; border-radius: 50%; background: #F3931F; position: absolute; top: -3px; right: -5px; display: flex; align-items: center; justify-content: center; } .menu-item-inner3 ul li a:hover { color: #F3931F; } .menu-item-inner3 ul li { position: relative; } .menu-item-inner3 ul li ul { position: absolute; background: rgba(31, 39, 39, .8); top: 100%; right: 0; padding: 10px; display: none; z-index: 99; } .menu-item-inner3 ul li ul li a { margin: 0 8px; font-size: 22px; } .menu-item-inner3 ul li:hover > ul { display: flex; } .mega-menu { position: absolute; top: calc(100% + 1.5px); left: 0; width: 100%; z-index: 99999999; display: none; overflow: hidden; padding-top: 50px; margin-top: -50px; } .menu-item-inner2 ul li:hover .mega-menu { display: block; } .mega-menu-item { display: flex; flex-wrap: wrap; margin: 0 -3.5px; } .mega-menu-item2 { width: 20%; padding: 0 3.5px; } .frag-item { background-image: url(assets/images/14.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; } .frag-item-inner { background-color: rgba(31, 39, 39, .5); } .frag-item-inner2 { height: 300px; padding: 42px 0; text-align: center; display: flex; flex-direction: column; justify-content: space-between; } .frag-item-inner h4 { font-weight: 400; font-size: 25px; color: #FFFFFF; margin: 0; } .frag-item-inner3 { padding-top: 18px; display: none; } .frag-item-inner .for-button { font-size: 13px; width: 79px; height: 35px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .frag-item-inner2:hover { background-color: rgba(243, 147, 31, .2); } .frag-item-inner2:hover .frag-item-inner { background-color: rgba(31, 39, 39, .6); } .frag-item-inner2:hover h4 { color: #F3931F; } .frag-item-inner2:hover .frag-item-inner3 { display: block; } .frag-item2 { background-image: url(assets/images/15.jpg); } .frag-item3 { background-image: url(assets/images/16.jpg); } .frag-item4 { background-image: url(assets/images/07.jpg); } .frag-item5 { background-image: url(assets/images/13.jpg); } .targer-area { display: flex; flex-wrap: wrap; margin: 0 -5px; } .targer-item { width: 14.285%; padding: 0 5px; } .targer-item-inner { background-image: url(assets/images/41.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .targer-item-inner2 { background-color: rgba(31, 39, 39, .5); } .targer-item-inner3 { height: 300px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 5px; } .targer-item-inner h4 { font-weight: 400; font-size: 25px; color: #FFFFFF; margin: 0; } .targer-item-inner4 { padding-top: 8px; display: none; max-width: 245px; margin: 0 auto; } .targer-item-inner4 p { font-weight: 400; font-size: 19px; color: #FFFFFF; margin: 0 0 15px; line-height: 1.2; } .targer-item-inner4 .for-button { font-size: 13px; width: 79px; height: 35px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .targer-item-inner2:hover .targer-item-inner3 { background-color: rgba(243, 147, 31, .2); } .targer-item-inner2:hover .targer-item-inner4 { display: block; } .targer-item2 { background-image: url(assets/images/42.jpg); } .targer-item3 { background-image: url(assets/images/43.jpg); } .targer-item4 { background-image: url(assets/images/45.jpg); } .targer-item5 { background-image: url(assets/images/46.jpg); } .targer-item6 h4 { font-size: 20px; } .targer-item6 { background-image: url(assets/images/47.jpg); } .targer-item7 { background-image: url(assets/images/44.jpg); } .agent-area { background-image: url(assets/images/106.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 46px 15px 56px; text-align: center; } .agent-item h4 { font-weight: 400; font-size: 30px; color: #FFFFFF; margin: 0 0 12px; } .agent-item h5 { font-weight: 400; font-size: 65px; color: #160E04; padding: 0 33px; background: #F3931F; display: inline-block; margin: 0 0 40px; } .agent-item ul { display: flex; align-items: center; justify-content: center; } .agent-item ul li:nth-of-type(1) a { width: 144px; } .agent-item ul li a span { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-image: url(assets/images/03.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; background-color: transparent; } .agent-item ul li a span:hover { opacity: .8; color: #F3931F; background-image: url(assets/images/03-active.svg); background-color: rgba(243, 147, 31, .2); } .side-menu-area { width: 100%; position: fixed; top: 0; left: -100%; height: 100vh; background: #1f2727; z-index: 99999999999; overflow: scroll; padding: 30px 20px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } .for-side-menu { left: 0; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } .side-menu-item > i { font-size: 22px; color: #fff; width: 35px; height: 35px; background: #160E04; margin-left: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; } .side-menu-item form { margin-top: 30px; position: relative; } .side-menu-item form input { font-weight: 400; font-size: 17px; color: #C8C8C8; width: 100%; height: 55px; display: flex; align-items: center; padding-left: 37px; padding-right: 20px; border: none; background: transparent; border-bottom: 1px solid #636363; } .side-menu-item form i { font-size: 20px; color: #C8C8C8; position: absolute; top: 50%; transform: translateY(-50%); left: 0; cursor: pointer; } .side-menu-item ul li a { font-family: 'Bebas Neue', sans-serif; font-weight: 700; font-size: 26px; color: #FFFFFF; padding: 20px 0; border-bottom: 1px solid #636363; display: block; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .side-menu-item ul li a:hover { color: #F3931F; } .side-menu-item2 ul { display: flex; align-items: center; justify-content: space-between; padding: 40px 0 80px; } .side-menu-item2 ul li a { font-weight: 700; font-size: 17px; color: #FFFFFF; display: flex; align-items: center; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .side-menu-item2 ul li a i { margin-right: 10px; color: #F3931F; } .side-menu-item2 ul li a:hover { color: #F3931F; } .side-menu-item3 ul { display: flex; align-items: center; justify-content: space-between; max-width: 280px; margin: 0 auto; } .side-menu-item3 ul li span { width: 1px; height: 16px; display: block; background: #F3931F; } .side-menu-item3 ul li a { font-size: 22px; color: #fff; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .side-menu-item3 ul li a:hover { color: #F3931F; } .fixed-title { padding: 30px 20px 20px; width: 100%; } .fixed-title > i { font-size: 22px; color: #fff; width: 35px; height: 35px; background: #160E04; margin-left: auto; display: flex; align-items: center; justify-content: center; cursor: pointer; } .fixed-title h2 { font-size: 26px; color: #FFFFFF; margin: 0; text-align: center; position: relative; } .fixed-title h2 i { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } /* .product { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; overflow: scroll; z-index: 9999999999999999; background: #1f2727; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } */ .about { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; overflow: scroll; z-index: 9999999999999999; background: #1f2727; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } .patent { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; overflow: scroll; z-index: 9999999999999999; background: #1f2727; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } .distributor { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; overflow: scroll; z-index: 9999999999999999; background: #1f2727; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } .for-side-menu2 { left: 0; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; } /*=== welcome area start ===*/ .welcome-area { background-image: url(assets/images/62.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 50; } #ibnrvideo { position: absolute; z-index: 10; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; } .welcome-area-inner { /*background-image: url(assets/images/01.jpg);*/ background-repeat: no-repeat; background-size: cover; background-position: center; padding: 243px 0 265px; border-top: 1.5px solid #F3931F; position: relative; z-index: 20; } .welcome-item { position: relative; } .welcome-item p { font-weight: 700; font-size: 22px; color: #FFFFFF; margin: 0 0 18px; line-height:1em; } .welcome-item h2 { font-size: 90px; color: #160E04; margin: 0 0 18px; display: flex; align-items: center; justify-content: center; background: #F3931F; line-height:1em; width: max-content; padding: 0px 0.2em; } .welcome-item h3 { font-size: 90px; color: #fff; margin: 0 0 45px; display: flex; align-items: center; justify-content: center; background: #1F2727; line-height:1em; } .for-button { font-size: 19px; color: #FFFFFF; width: 186px; height: 70px; display: flex; align-items: center; justify-content: center; background-image: url(assets/images/03.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .for-button:hover { opacity: .8; color: #F3931F; background-image: url(assets/images/03-active.svg); background-color: rgba(243, 147, 31, .2); } body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; // hide images content:url(assets/images/03-active.svg); // load images } .welcome-item-inner3 { display: inline-block; position: absolute; transform: rotate(-90deg) translateX(-45%); right: 0; bottom: 0px; } .welcome-item-inner3 a { font-family: 'Eurostile', sans-serif; font-weight: 400; font-size: 19px; color: #FFFFFF; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .welcome-item-inner3 a img { max-width: 100%; transform: rotate(90deg); margin-right: 10px; } .welcome-item-inner3 a:hover { opacity: .8; } .ytframe { position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; } .ytframe iframe { position: absolute; top: 50%; left: 50%; width: 104vw; height: 100%; transform: translate(-50%, -50%); } .ytframe video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .pmain-gallery { margin: 0 0 60px; } .pmain-gallery img { margin: 0 auto; max-height: 500px; max-width: 500px; } .pmain-gallery .slick-track { display: flex !important; } .pmain-gallery .slick-slide { height: inherit !important; display: flex!important; align-items: center!important; justify-content: center; } @media (min-aspect-ratio: 16/9) { .ytframe iframe { /* height = 100 * (9 / 16) = 56.25 */ height: 56.25vw; } } @media (max-aspect-ratio: 16/9) { .ytframe iframe { /* width = 100 / (9 / 16) = 177.777777 */ width: 177.78vh; } } /*=== product area start ===*/ .product-area { background-image: url(assets/images/02.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .product-area-inner { background-image: url(assets/images/05.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 147px 0 130px; border-top: 1.5px solid #F3931F; } .inner-container h6 { font-weight: 700; font-size: 19px; color: #F3931F; text-align: center; margin: 0 0 4px; } .inner-container h4 { font-size: 48px; text-align: center; color: #FFFFFF; margin: 0 0 71px; } .product-area-inner2 { display: flex; flex-wrap: wrap; margin: 0 -15px; } .product-item { width: 58%; padding: 0 15px; } .product-item-inner { background-image: url(assets/images/06.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .product-item-inner2 { padding: 20px; min-height: 488px; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(0, 0, 0, .5); transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .product-item-inner h2 { font-size: 55px; color: #160E04; margin: 0 0 13px; display: inline-block; padding: 0 20px; background: #F3931F; } .product-item-inner h3 { font-size: 55px; color: #160E04; margin: 0 0 23px; display: inline-block; padding: 0 18px; background: #fff; } .product-item-inner5 { opacity: 0; height: 0; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .product-item-inner p { font-weight: 400; font-size: 20px; text-align: center; color: #C8C8C8; max-width: 582px; margin: 0 0 45px; } .product-item-inner .for-button { width: 144px; height: 53px; margin: 0 auto; } .product-item-inner:hover .product-item-inner5 { opacity: 1; height: 100%; } .product-item-inner6 { background-image: url(assets/images/07.jpg); } .product-item-inner6 h2 { padding: 0 18px; } .product-item2 { width: 42%; padding: 0 15px; } .product-item2 .product-item-inner2 { align-items: flex-start; min-height: 315px; } .product-item2-inner { background-image: url(assets/images/08.jpg); } .product-item2-inner3 { display: inline-block; text-align: center; } .product-item2-inner4 { background-image: url(assets/images/09.jpg); } .product-item2-inner5 { background-image: url(assets/images/10.jpg); } .carousel-cell { width: 100%; } /*! Flickity v2.2.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: #2a2d2d; border: none; color: #fff; } .flickity-button:hover { background: #543c19; cursor: pointer; color: #f3931f; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 53px; height: 53px; transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 0px; } .flickity-prev-next-button.next { right: 0px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 25%; top: 25%; width: 45%; height: 45%; } /* ---- page dots ---- */ .flickity-page-dots { width: 100%; margin: 20px 0 0; padding: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 4px; height: 4px; margin: 0 2.8px; background: transparent; border: 0.8px solid #F3931F; border-radius: 50%; cursor: pointer; } .flickity-page-dots .dot.is-selected { background: #F3931F; } .product-area-inner3 .flickity-button { display: none; } .product-item3-inner { background-image: url(assets/images/12.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 320px; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .product-item3-inner h4 { font-weight: 400; font-size: 26px; color: #FFFFFF; margin: 0; } .product-item3-inner2 { padding-top: 14.5px; opacity: 0; height: 0; } .product-item3-inner p { font-weight: 400; font-size: 15px; color: #FFFFFF; max-width: 322px; margin: 0 auto 25px; } .product-item3-inner .for-button { font-size: 12px; width: 101px; height: 40px; margin: 0 auto; } .product-item3-inner:hover .product-item3-inner2 { opacity: 1; height: 100%; } .product-item3-inner3 { background-image: url(assets/images/13.jpg); } .product-item3-inner4 { background-image: url(assets/images/14.jpg); } .product-item3-inner5 { background-image: url(assets/images/15.jpg); } .product-item3-inner6 { background-image: url(assets/images/16.jpg); } /*=== shipping area start ===*/ .shipping-area { padding: 43px 0; background: #F3931F; } .shipping-area-inner { display: flex; justify-content: space-between; } .shipping-item { display: flex; align-items: center; } .shipping-item-inner { margin-right: 18px; } .shipping-item img { max-width: 100%; } .shipping-item h6 { font-weight: 700; font-size: 22px; color: #160E04; margin: 0 0 2px; } .shipping-item p { font-weight: 400; font-size: 22px; color: #160E04; margin: 0; } /*=== holster area start ===*/ .holster-area { padding: 130px 0 137px; } .holster-area .main-carousel { padding: 0 55px; } .holster-area .carousel-cell { width: 33.333%; padding: 0 15px; text-align: center; } .holster-item h4 { font-size: 30px; color: #FFFFFF; margin: 0; min-height: 85px; } .holster-item h5 { font-size: 35px; color: #C0B072; margin: 0 0 19px; display: inline-block; padding: 0 18px 0 13px; background: #353121; } .holster-item h5 i { margin-left: 10px; } .holster-item-inner { height: 220px; } .holster-item-inner img { max-width: 100%; display: block; margin: 0 auto; } .holster-item p { font-weight: 700; font-size: 22px; color: #C8C8C8; margin: 0 0 7px; display: inline; position: relative; } .holster-item p img { max-width: 100%; position: absolute; top: 0; right: -20px; transform: translateX(100%); } .holster-item h6 { font-weight: 700; font-size: 25px; color: #F3931F; margin: 0 0 16px; } .holster-item .for-button { width: 144px; height: 53px; margin: 0 auto; } .holster-item2 h5 { color: #160E04; background: #535353; } .holster-item3 h5 { color: #0E7437; background: #083118; } .holster-area .flickity-page-dots { display: none; } .holster-area .flickity-button { display: block; } /*=== feature area start ===*/ .feature-area { //background-image: url(assets/images/.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 44px 0 28px; border-top: 1.5px solid #F3931F; } .feature-area .inner-container h4 { margin-bottom: 64px; } .feature-area-inner { display: flex; flex-wrap: wrap; margin: 0 -11.5px; } .feature-item { width: 20%; padding: 0 11.5px; margin-bottom: 30px; } .feature-item-inner { background-image: url(assets/images/26.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .feature-item-inner2 { background-color: rgba(31, 39, 39, .5); padding: 20px 10px; min-height: 365px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: relative; z-index: 50; } .feature-item-inner2:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(243, 147, 31, .2); opacity: 0; } .feature-item-inner2:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(31, 39, 39, .5); opacity: 0; } .feature-item-inner2 h5 { font-size: 25px; color: #FFFFFF; margin: 0; z-index: 99999999; } .feature-item-inner3 { padding-top: 13px; height: 0; opacity: 0; z-index: 99999999; } .feature-item-inner2 p { font-weight: 400; font-size: 18px; color: #FFFFFF; margin: 0 0 24px; } .feature-item-inner2 .for-button { font-size: 15px; width: 120px; height: 44px; margin: 0 auto; } .feature-item-inner4 span:nth-of-type(1) { width: 2px; height: 100%; background: #fff; display: block; position: absolute; top: 0; left: 0; } .feature-item-inner4 span:nth-of-type(2) { width: 20px; height: 2px; background: #fff; display: block; position: absolute; top: 0; left: 0; } .feature-item-inner4 span:nth-of-type(3) { width: calc(100% - 38px); height: 2px; background: #fff; display: block; position: absolute; bottom: 0; left: 0; } .feature-item-inner4 span:nth-of-type(4) { width: 2px; height: 100%; background: #F3931F; display: block; position: absolute; top: 0; right: 0; } .feature-item-inner4 span:nth-of-type(5) { width: 20px; height: 2px; background: #F3931F; display: block; position: absolute; bottom: 0; right: 0; } .feature-item-inner4 span { display: none!important; } .feature-item-inner4 span:nth-of-type(6) { width: calc(100% - 38px); height: 2px; background: #F3931F; display: block; position: absolute; top: 0; right: 0; } .feature-item-inner2:hover .feature-item-inner3 { height: 100%; opacity: 1; } .feature-item-inner2:hover h5 { color: #F3931F; } .feature-item-inner2:hover:after, .feature-item-inner2:hover:before { opacity: 1; } .feature-item-inner2:hover span { display: block!important; } .feature-item2 .feature-item-inner { background-image: url(assets/images/27.jpg); } .feature-item3 .feature-item-inner { background-image: url(assets/images/28.jpg); } .feature-item4 .feature-item-inner { background-image: url(assets/images/29.jpg); } .feature-item5 .feature-item-inner { background-image: url(assets/images/30.jpg); } .feature-area .flickity-button { display: none; } .feature-area .carousel-cell { width: 100%; } .feature-area .flickity-page-dots { margin: 27px 0 0; } /*=== customer area start ===*/ .customer-area { padding: 110px 0; border-top: 1.5px solid #F3931F; } .customer-item img { max-width: 100%; display: block; margin: 0 auto; } /*=== visiting area start ===*/ .visiting-area { background-repeat: no-repeat; background-size: cover; background-position: center; } .visiting-area-inner { padding: 113px 0; border-top: 1.5px solid #F3931F; /* background-image: url(assets/images/32.jpg); */ background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; } .visiting-item h6 { font-weight: 700; font-size: 22px; color: #FFFFFF; margin: 0 0 12px; } .visiting-item h2 { font-size: 90px; color: #160E04; padding: 0 55px; display: inline-block; background: #F3931F; margin: 0 0 15px; } .visiting-item h3 { font-size: 90px; color: #fff; padding: 0 32px; display: inline-block; background: #1F2727; margin: 0 0 60px; } .visiting-item a { width: 85px; height: 85px; background-image: url(assets/images/35.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; margin: 0 auto; display: flex; align-items: center; justify-content: center; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .visiting-item a img { max-width: 100%; } /*=== footer area start ===*/ .footer-area { padding: 132px 0 0; border-top: 1.5px solid #F3931F; } .footer-item { padding-right: 75px; } .footer-item img { width: 100%; } .footer-item2 h4 { font-size: 65px; color: #F3931F; margin: 0 0 17px; } .footer-item2 p { font-weight: 400; font-size: 25px; color: #F3931F; max-width: 614px; margin: 0 0 52px; } .footer-item2-inner { display: flex; flex-wrap: wrap; margin: 0 -15px; } .footer-item2-inner div { width: 50%; padding: 0 15px; position: relative; } .footer-item2 input, .footer-item2 textarea, .footer-item2 select { font-weight: 400; font-size: 15px; color: #F3931F; width: 100%; height: 65px; display: flex; align-items: center; padding: 0 19px; background: transparent; border: 1px solid #F3931F; margin-bottom: 27px; } .footer-item2 input.error, .footer-item2 textarea.error { border-color: #f00; } .footer-item2 input::placeholder, .footer-item2 textarea::placeholder{ opacity: 1; color: #F3931F; } .footer-item2 textarea { padding: 20px 19px; height: 110px; resize: none; align-items: flex-start; } .footer-item2 select { background-image: url(assets/images/38.svg); background-repeat: no-repeat; background-size: 15px; background-position: calc(100% - 30px) 50%; appearance: none; /* padding-left: 80px; */ } .footer-item2 img { max-width: 100%; position: absolute; top: 21px; left: 36px; } .checker { position: relative; z-index: 0; width: 100%!important; border: 1px solid #F3931F; height: 64px; padding: 11px 15px 0!important; } .checker .chkbx { opacity: 0; position: absolute; z-index: 0; pointer-events: none; } input[type="checkbox"].chkbx + label.chklabel { position: relative; z-index: 5; padding: 0 0 0 50px; color: #F3931F; font-size: 15px; font-weight: 400; font-family: 'Eurostile', sans-serif, sans-serif; line-height: 40px; text-align: center; cursor: pointer; } input[type="checkbox"].chkbx + label.chklabel::before { content: ''; display: block; position: absolute; z-index: 5; width: 25px; height: 25px; border: 1px solid #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 0; top: 8px; color: #fff; } input[type="checkbox"].chkbx:checked + label.chklabel::before { content: "\f00c"; color: #F3931F; } .footer-item2 div a { font-family: 'Eurostile', sans-serif; font-weight: 700; font-size: 19px; color: #F3931F; width: 100%; height: 65px; display: flex; align-items: center; justify-content: center; border: 1px solid #F3931F; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .footer-item2 div a:hover { opacity: .8; } .footer-item2 div span { width: 41px; height: 41px; display: flex; align-items: center; justify-content: center; position: absolute; top: 12px; left: 37px; border: 1px solid #FFFFFF; cursor: pointer; } .footer-item2 div span:nth-of-type(2) { border: none; background: #160E04; display: none; } .footer-item2 div span:nth-of-type(2) i { color: #F3931F; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .for-bg { background: #F3931F; color: #160E04!important; } .footer-item2 button { font-weight: 700; font-size: 19px; color: #1F2727; width: 100%; height: 65px; display: flex; align-items: center; justify-content: center; border: none; background: #F3931F; margin-top: 37px; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .footer-item2 button:hover { opacity: .8; } .footer-item3 { padding: 22px 15px; background: #F3931F; margin-top: 132px; } .footer-item3 p { font-weight: 400; font-size: 19px; text-align: center; color: #160E04; margin: 0; } /*=== page 2 start ===*/ .vision-area { background-image: url(assets/images/39.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .vision-area-inner { padding: 352px 0 55px; background: rgba(31, 39, 39, .3); border-top: 1.5px solid #F3931F; } .vision-item { max-width: 755px; margin: 0 auto; text-align: center; } .vision-item h2 { font-size: 90px; color: #160E04; display: inline-block; padding: 0 31px; background: #F3931F; margin: 0 0 16px; } .vision-item-inner { margin: 0 -15px; position: relative; } .vision-item-inner:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(31, 39, 39, .3); top: 0; left: 0; } .vision-item-inner img { width: 100%; } .vision-item h3 { font-size: 90px; color: #fff; display: inline-block; padding: 0 31px; background: #1F2727; margin: 0 0 23px; } .vision-item p { font-weight: 700; font-size: 25px; color: #160E04; margin: 30px 0; } .vision-item p span { display: block; margin: 30px 0; } /*=== safety area start ===*/ .safety-area { padding: 30px 0 40px; border-top: 1.5px solid #F3931F; } .safety-area .container { max-width: 1870px; } .safety-area .inner-container h4 { margin-bottom: 30px; } .safety-area .main-carousel { padding: 0 68px; } .safety-area .carousel-cell { width: 25%; padding: 0 15px; } .safety-area .flickity-page-dots { display: none; } .safety-item { background-image: url(assets/images/41.jpg); } .safety-item2 { background-image: url(assets/images/42.jpg); } .safety-item3 { background-image: url(assets/images/43.jpg); } .safety-item4 { background-image: url(assets/images/44.jpg); } .safety-item5 { background-image: url(assets/images/45.jpg); } .safety-item6 { background-image: url(assets/images/46.jpg); } .safety-item7 { background-image: url(assets/images/47.jpg); } .safety-area .feature-item-inner { max-width: 350px; margin: 0 auto; } .safety-area .feature-item-inner2 { min-height: 240px; } .safety-area .feature-item-inner2 h5 { font-size: 24px; } .safety-area .feature-item-inner3 p { font-size: 19px; max-width: 245px; margin: 0 auto 27px; } .safety-area .feature-item-inner2 .for-button { font-size: 13px; width: 79px; height: 35px; margin: 0 auto; } .safety-area .feature-item-inner:hover h5 { color: #fff; } /*=== made area start ===*/ .made-area { background-image: url(assets/images/48.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .made-area-inner { min-height: 50vh; padding: 40px 0; background: rgba(31, 39, 39, .7); border-top: 1.5px solid #F3931F; display: flex; align-items: center; } .made-item h2 { font-size: 70px; color: #FFFFFF; margin: 0 0 0; text-align: center; } .made-item .for-button { margin: 20px auto 0; } .made-item p { font-weight: 700; font-size: 25px; color: #FFFFFF; margin: 0; text-align: center; } /*=== safety area start ===*/ .safety-area2 { padding: 60px 0; border-top: none; } /*=== quick area start ===*/ .quick-area { background-image: url(assets/images/49.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; } .quick-area-inner { padding: 40px 0 40px; background: rgba(31, 39, 39, .7); border-top: 1.5px solid #F3931F; min-height: 50vh; display: flex; align-items: flex-end; } .quick-item { padding-left: 25px; display: inline-block; text-align: center; } .quick-item h2 { font-size: 60px; color: #160E04; display: inline-block; padding: 0 30px; background: #F3931F; margin: 0 0 16px; } .quick-item h3 { font-size: 60px; color: #fff; display: inline-block; padding: 10px 43px 0; background: #1F2727; margin: 0 0 20px; } .quick-item p { font-weight: 700; font-size: 25px; color: #fff; margin: 0; } .quick-item p span { display: block; margin: 30px 0 0; } /*=== global area start ===*/ .global-area { padding-top: 97px; border-top: 1.5px solid #F3931F; } .global-area .inner-container h4 { margin-bottom: 56px; } .global-area-inner { background-image: url(assets/images/50.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; } .global-area-inner2 { padding: 40px 0 0px; background: rgba(31, 39, 39, .8); } .mega-menu .global-area-inner2 { padding: 64px 0 0px; } .global-item { text-align: center; } .global-item h6 { font-weight: 400; font-size: 24px; color: #FFFFFF; margin: 0 0 29px; } .global-item h4 { font-weight: 400; font-size: 65px; color: #FFFFFF; margin: 0 0 74px; } .global-area-inner2 .container { max-width: 1850px; } .global-area-inner3 { display: flex; flex-wrap: wrap; margin: 0 -31px; } .global-item2 { width: 25%; padding: 0 31px; text-align: center; margin-bottom: 30px; } .global-item2 h2 { font-size: 44px; color: #FFFFFF; margin: 0 0 21px; } .global-item2-inner { display: flex; flex-wrap: wrap; margin: 0 -16px; } .global-item2-inner2 { width: 50%; padding: 0 16px; } .global-item2-inner2 img { width: 100%; display: block; border-radius: 50%; } .global-item2-inner3 { background: rgba(31, 39, 39, .75); max-width: 124px; height: 62px; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-top: 1px solid #F3931F; border-bottom: 1px solid #F3931F; } .global-item2-inner3 h3 { font-size: 55px; color: #FFFFFF; margin: 0; } .global-area .main-carousel { padding: 0; } .global-area .carousel-cell { padding: 25px 15px; width: 100%; background: rgba(31, 39, 39, .8); } .global-area .flickity-button { display: none; } .global-item3 { padding: 82px 0; margin-top: 50px; border-top: 1.5px solid #F3931F; text-align: center; overflow: hidden; } .mega-menu .global-item3 { padding: 64px; } .global-item3-inner h6 { font-weight: 400; font-size: 30px; color: #FFFFFF; margin: 0 0 29px; } .global-item3-inner h2 { font-weight: 400; font-size: 65px; color: #FFFFFF; margin: 0 0 37px; } .global-item3-inner2 { display: flex; align-items: center; justify-content: space-between; max-width: 505px; margin: 0 auto; } .global-item3-inner3 { max-width: 215px; } .global-item3-inner3 img { width: 100%; display: block; border-radius: 50%; margin-bottom: 32px; } .global-item3-inner3 h3 { font-size: 55px; color: #FFFFFF; margin: 0; } /*=== choose area start ===*/ .choose-area { padding: 125px 0 150px; border-top: 1.5px solid #F3931F; } .choose-area .container { max-width: 1870px; } .choose-area .inner-container h4 { margin-bottom: 51px; } .choose-area-inner { background: #1F2727; } .choose-area-inner form { display: flex; flex-wrap: wrap; margin: 0 -13px; padding: 40px 44px; } .choose-item { width: 50%; padding: 0 13px; } .choose-item2 { width: 50%; padding: 0 13px; } .choose-area-inner form label { font-weight: 700; font-size: 22px; color: #FFFFFF; display: block; margin: 0 0 16px; } .choose-area-inner form input, .choose-area-inner form select { font-weight: 400; font-size: 19px; color: #C8C8C8; padding: 0 24px; width: 100%; height: 63px; display: flex; align-items: center; border: none; background: #464A4A; } .choose-area-inner form select { appearance: none; background-image: url(assets/images/55.svg); background-repeat: no-repeat; background-size: 17px; background-position: calc(100% - 27px) 50%; } .choose-area-inner form button { font-weight: 700; font-size: 22px; color: #160E04; width: 100%; height: 63px; display: flex; align-items: center; justify-content: center; border: none; background: #F3931F; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .choose-area-inner form button:hover { opacity: .8; } .choose-item2-inner { display: flex; flex-wrap: wrap; margin: 0 -13px; align-items: flex-end; } .choose-item2-inner2 { width: 26%; padding: 0 13px; } .choose-item2-inner3 { width: 51%; padding: 0 13px; } .choose-item2-inner4 { width: 23%; padding: 0 13px; } .choose-area-inner2 { display: flex; flex-wrap: wrap; padding-top: 70px; } .choose-item3 { width: 35%; padding-right: 42px; } .choose-item3-inner { display: flex; align-items: flex-start; padding: 32px 0; border-bottom: 1px solid #363939; } .choose-item3-inner:hover i.fas, .choose-item3-inner.active i.fas { color: #F3931F; } .choose-item3 > div:last-of-type { border-bottom: none; } .choose-item3-inner i { font-size: 30px; color: #00A9B4; width: 67px; } .choose-item3-inner h6 { font-weight: 700; font-size: 25px; color: #FFFFFF; margin: 0 0 11px; } .choose-item3-inner p { font-weight: 400; font-size: 18px; color: #FFFFFF; margin: 0; } .choose-item4 { width: 65%; padding: 19px 18px; background: #1F2727; } .choose-item4 iframe { width: 100%; height: 847px; } /*=== welcome area2 start ===*/ .welcome-area2 { background-image: url(assets/images/56.jpg); } .welcome-area2 .welcome-area-inner { padding: 72px 0 717px; text-align: center; } .welcome-area2 .welcome-item h2, .welcome-area2 .welcome-item h3 { margin-left: auto; margin-right: auto; } .welcome-area2 .welcome-item-inner3 { transform: rotate(-90deg) translateX(-60%); bottom: -100%; } /*=== present area start ===*/ .present-area { background-image: url(assets/images/58.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .present-area-inner { background: rgba(31, 39, 39, .3); border-top: 1.5px solid #F3931F; padding: 60px 0; text-align: center; display: flex; align-items: center; min-height: 100vh; } .present-area-inner .container { max-width: 1870px; } .present-item { display: inline-block; text-align: center; } .present-item h6 { font-weight: 700; font-size: 22px; color: #FFFFFF; margin: 0 0 18px; } .present-item h2 { font-size: 90px; color: #160E04; padding: 0 32px; display: inline-block; background: #F3931F; margin: 0 0 16px; } .present-item h3 { font-size: 90px; color: #fff; padding: 0 35px; display: inline-block; background: #1F2727; margin: 0 0 58px; } .present-item .for-button { margin: 0 auto; } .present-area2 { background-image: url(assets/images/59.jpg); } .present-area3 { background-image: url(assets/images/60.jpg); } .present-area4 { background-image: url(assets/images/61.jpg); } .present-area5 { background-image: url(assets/images/56.jpg); } /*=== page 4 start ===*/ .welcome-area3 .welcome-area-inner { padding: 390px 0 235px; } .welcome-area3 .container { max-width: 1870px; } .welcome-item2 { position: relative; } .welcome-item2-inner { display: inline-block; text-align: center; } .welcome-item2 h6 { font-weight: 700; font-size: 22px; color: #FFFFFF; margin: 0 0 18px; } .welcome-item2 h2 { font-size: 90px; color: #160E04; padding: 0 33px; display: inline-block; background: #F3931F; margin: 0 0 16px; } .welcome-item2 h3 { font-size: 90px; color: #fff; padding: 0 35px; display: inline-block; background: #1F2727; margin: 0; } /*=== present area 6 start ===*/ .present-area6 .present-area-inner { padding: 40px 0 40px; display: flex; align-items: center; justify-content: center; } /*=== action area start ===*/ .action-area { display: flex; } .action-item { width: 50%; background-image: url(assets/images/63.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .action-item-inner { background: rgba(31, 39, 39, .3); padding: 679px 40px 248px; } .action-item-inner h2 { font-size: 90px; color: #160E04; margin: 0; width: 338px; height: 105px; display: flex; align-items: center; justify-content: center; background: #F3931F; } .action-item2 { width: 50%; background-image: url(assets/images/64.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .action-item2-inner { background: rgba(31, 39, 39, .3); padding: 74px 40px 853px; } .action-item2-inner h2 { font-size: 90px; color: #160E04; margin: 0; width: 384px; height: 105px; display: flex; align-items: center; justify-content: center; background: #F3931F; } /*=== customize area start ===*/ .customize-area { padding: 140px 0; } .customize-area .container { max-width: 1590px; } .customize-area-inner { display: flex; flex-wrap: wrap; } .customize-item { width: 57.5%; padding-right: 118px; } .customize-item-inner { max-width: 876px; } .customize-item-inner2 { max-height: 530px; margin: 0 0 60px; } .customize-item-inner2 img { max-width: 100%; display: block; margin: 0 auto; width: auto; max-height: inherit; } .customize-item-inner3 h2 { font-size: 24px; text-align: center; color: #FFFFFF; margin: 0 0 13px; } .customize-item-inner3 h3 { font-size: 40px; text-align: center; color: #F3931F; margin: 0 0 27px; } .customize-item-inner3 .main-carousel { padding: 0 50.5px; } .customize-item-inner3 .carousel-cell { width: 25%; padding: 0 8.5px; } .customize-item-inner4 { background-image: url(assets/images/69.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; max-width: 125px; margin: 0 auto; } .customize-item-inner5 { background-color: rgba(31, 39, 39, .7); height: 150px; display: flex; align-items: center; justify-content: center; } .customize-item-inner5 img { max-width: 100%; max-height: 100%; } .customize-item-inner7 { height: 170px; } .customize-item-inner5 h2 { font-size: 28px; color: #FFFFFF; margin: 0; } .customize-area .flickity-page-dots { display: none; } .customize-area .flickity-prev-next-button { width: 42px; height: 42px; } .customize-item-inner6 { padding-top: 27px; } .customize-item-inner7 { display: flex; justify-content: center; align-items: center; } .customize-item-inner7 img { width: auto; max-width: 100%; max-height: 100%; } .customize-item2 { width: 42.5%; padding-top: 60px; } .customize-item2 h2 { font-size: 24px; text-align: center; color: #FFFFFF; margin: 0 0 8px; } .customize-item2 h3 { font-size: 40px; text-align: center; color: #F3931F; margin: 0 0 20px; } .customize-item2-inner { display: flex; flex-wrap: wrap; margin: 0 -10.5px; padding-bottom: 30px; align-items: center; justify-content: center; } .customize-item2-inner2 { width: 25%; padding: 0 10.5px; } .customize-item2-inner h2 { font-size: 24px; text-align: center; color: #FFFFFF; margin: 0 0 11px; } .customize-item2-inner3 { background-image: url(assets/images/69.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; cursor: pointer; } .customize-item2-inner4 { background-color: rgba(31, 39, 39, .7); height: 170px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } .customize-item2-inner4:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(243, 147, 31, .2); border: 2px solid #F3931F; opacity: 0; } .customize-item2-inner4 img { max-width: 100%; z-index: 999; max-height: 100px; } .customize-item2-inner4 h6 { font-weight: 700; font-size: 16px; color: #FFFFFF; text-align: center; margin: 10px 0 0; z-index: 999; } .customize-item2-inner5 { width: 50%; } .customize-item2-inner6 { display: flex; flex-wrap: wrap; } .customize-item2-inner7 { width: 50%; padding: 0 10.5px; } .customize-item2-inner4.selected:after, .customize-item2-inner4:hover:after { opacity: 1; } .customize-item2-inner4.selected, .customize-item2-inner4:hover h6 { color: #F3931F; cursor: pointer; } .customize-item2-inner8 { padding: 30px 0 30px; border-top: 1.5px solid #F3931F; border-bottom: 1.5px solid #F3931F; } .customize-item2-inner9 { max-width: 330px; margin: 0 auto; display: flex; justify-content: space-between; } .customize-item2-inner10 { max-width: 150px; } .customize-item2-inner10 img { max-width: 100%; } .customize-item2-inner10 .customize-item2-inner4 { height: 170px; } .customize-item2-inner11 { padding-top: 38px; } .customize-item2-inner11 .customize-item2-inner4:hover:after { opacity: 0; } .customize-item2-inner11 .customize-item2-inner4:hover h6 { color: inherit; } .customize-item2-inner11 img { margin-bottom: 8px; } .customize-item2-inner11 .customize-item2-inner4 { height: 170px; } .customize-item2-inner12 .for-button { margin: 12px auto 0; } .checkout-area { padding-top: 146px; } .checkout-area-inner { max-width: 1870px; margin: 0 auto; padding: 0 15px; } .checkout-area-inner .inner-container h4 { margin-bottom: 40px; } .checkout-area .main-carousel { padding: 0 46px; justify-content: center; text-align: center; align-items: center; display: flex; } .customize-item2-inner12 {margin-top: 45px;} .checkout-area .carousel-cell { width: 33.333%; padding: 0px 13px 10px; } .checkout-item { border: 6px solid #F3931F; } .checkout-item-inner { padding: 12px 0 14px; } .checkout-item-inner ul { padding-left: 20px; text-align: left; } .checkout-item-inner ul li { display: inline-block; } .checkout-item-inner ul li a { margin-right: 18px; margin-bottom: 18px; display: block; } .checkout-item-inner ul li img { max-width: 100%; } .checkout-item-inner h2 { font-size: 35px; text-align: center; color: #FFFFFF; margin: 0; } .checkout-item-inner2 { display: flex; } .checkout-item-inner3 { width: calc(100% - 138px); height: 67px; background: #F3931F; display: flex; align-items: center; padding: 0 10px; } .checkout-item-inner3 h3 { font-size: 40px; color: #160E04; margin: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; } .checkout-item-inner3 h3 span { font-size: 35px; color: #F3931F; width: 39px; height: 48px; display: flex; align-items: center; justify-content: center; background: #1F2727; } .checkout-item-inner4 { width: 138px; height: 67px; display: flex; align-items: center; justify-content: center; /*background: #083118;*/ } .checkout-item-inner4 h3 { font-size: 35px; /*color: #0E7437;*/ margin: 0; } .checkout-item-inner5 { display: flex; align-items: center; } .checkout-item-inner6 { width: 40%; height: 100%; display: flex; align-items: center; justify-content: center; } .checkout-item-inner6 img { max-width: 100%; max-height: 268px; } .checkout-item-inner7 { width: 60%; border-left: 6px solid #F3931F; padding: 18px 12px 12px; } .checkout-item-inner8 { display: flex; margin: 0 -10px 22px; } .checkout-item-inner9 { width: 50%; padding: 0 10px; } .checkout-item-inner9 .dropdown-toggle { border: none; background: transparent; width: 100%; height: 59px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 22px; color: #FFFFFF; background-image: url(assets/images/03.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .checkout-item-inner9 .dropdown-toggle:hover { opacity: .8; color: #F3931F; background-image: url(assets/images/03-active.svg); background-color: rgba(243, 147, 31, .2); } .checkout-item-inner9 .dropdown-toggle i { margin-left: 10px; } .checkout-item-inner9 .dropdown-toggle:after { display: none; } .checkout-item-inner9 .dropdown-menu { width: 100%; } .increment-group { width: 100%; height: 59px; display: flex; align-items: center; justify-content: center; background-image: url(assets/images/03.svg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; padding: 0 10px; } .increment-group:hover { opacity: .8; color: #F3931F; background-image: url(assets/images/03-active.svg); background-color: rgba(243, 147, 31, .2); } .control--button { background: transparent; border: none; font-size: 15px; color: #fff; } .increment-group__field { width: 100%; } .increment-group__field input { font-weight: 700; font-size: 35px; text-align: center; color: #FFFFFF; background: transparent; border: none; width: 100%; margin: 0 auto; } .checkout-item-inner10 ul { text-align: center; } .checkout-item-inner10 ul li { display: inline-block; } .checkout-item-inner10 ul li a { display: block; margin: 0 10px 8px; position: relative; } .checkout-item-inner10 ul li a img { max-width: 100%; } .checkout-item-inner10 ul li a i { width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #F3931F; font-size: 12px; color: #fff; position: absolute; top: -5px; right: -2px; } .checkout-item-inner10 h2 { font-size: 28px; text-align: center; color: #FFFFFF; margin: 0 0 6px; } .checkout-item-inner10 p { display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 19px; color: #FF0000; margin: 0 0 7px; text-align: center; } .checkout-item-inner10 p del { margin: 0 10px; } .checkout-item-inner10 > a { font-family: 'Bebas Neue', sans-serif; font-weight: 700; font-size: 35px; color: #F3931F; width: 110px; height: 46px; display: flex; align-items: center; justify-content: center; border: 2px solid #F3931F; margin: 0 auto 15px; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .checkout-item-inner10 a:hover { opacity: .8; } .checkout-item-inner11 .for-button { font-size: 22px; height: 57px; width: 100%; max-width: 145px; margin: 0 auto; } /*.checkout-area .carousel-cell.is-selected .checkout-item-inner { padding: 42px 0 24px; } .checkout-area .carousel-cell.is-selected .checkout-item-inner ul { display: none; } .checkout-area .carousel-cell.is-selected .checkout-item-inner h2 { font-size: 45px; } .checkout-area .carousel-cell.is-selected .checkout-item-inner11 .for-button { font-size: 22px; height: 90px; width: 100%; }*/ /*=== endurance area start ===*/ .endurance-area { padding: 40px 0 10px; } .endurance-area .container { max-width: 1870px; } .endurance-area .row { margin: 0 -13px; } .endurance-area .col-md-6 { padding: 0 13px; } .endurance-area .feature-item-inner { margin-bottom: 30px; } .endurance-item { background-image: url(assets/images/90.jpg); } .endurance-item2 { background-image: url(assets/images/91.png); } .endurance-item3 { background-image: url(assets/images/92.jpg); } .endurance-item4 { background-image: url(assets/images/93.jpg); } .endurance-area .feature-item-inner2 { background-color: rgba(31, 39, 39, 0); min-height: 200px; } .endurance-area .feature-item-inner2 h4 { font-size: 30px; color: #FFFFFF; margin: 0; } .endurance-area .feature-item-inner2:after { display: none; } .endurance-area .feature-item-inner2:before { display: none; } .endurance-area .feature-item-inner4 span { display: block!important; } .endurance-area .feature-item-inner2:hover .feature-item-inner4 span:nth-of-type(1) { background: #F3931F; } .endurance-area .feature-item-inner2:hover .feature-item-inner4 span:nth-of-type(2) { background: #F3931F; } .endurance-area .feature-item-inner2:hover .feature-item-inner4 span:nth-of-type(3) { background: #F3931F; width: calc(100% - 20px); } .endurance-area .feature-item-inner2:hover .feature-item-inner4 span:nth-of-type(6) { width: calc(100% - 20px); } /*=== max area start ===*/ .max-area { padding: 60px 0 70px; border-top: 1.5px solid #F3931F; } .max-area .container { max-width: 1870px; } .max-area .inner-container h4 { margin-bottom: 42px; } .max-area-inner { display: flex; align-items: center; flex-wrap: wrap; } .max-item { width: 42%; overflow: hidden; } .max-item-inner { margin: 0 -25px; display: flex; flex-wrap: wrap; } .max-item-inner2 { width: 50%; padding: 0 25px; margin-bottom: 50px; } .max-item-inner3 { height: 490px; display: flex; align-items: center; justify-content: center; } .max-item-inner3 img { max-width: 100%; } .max-item-inner4 { width: 100%; height: 77px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; } .max-item-inner4 h2 { font-size: 45px; color: #160E04; margin: 0; } .max-item-inner5 { max-width: 680px; margin: 0 auto; } .max-item-inner5 ul { display: flex; align-items: center; margin: 0 -5px; } .max-item-inner5 ul li { display: block; padding: 0 5px; } .max-item-inner5 ul li a img { max-width: 100%; } .max-item-inner5 ul li:nth-of-type(1) { margin-right: auto; } .max-item2 { width: 58%; padding-left: 22px; } .max-item2 img { width: 100%; } /*=== present area7 start ===*/ .present-area { background-image: url(assets/images/102.jpg); } /*=== holster area2 start ===*/ .holster-area2 { border-top: 1.5px solid #F3931F; padding: 143px 0 100px; } .holster-area2 .container { max-width: 1870px; } .holster-area2 .inner-container h4 { margin-bottom: 92px; } .holster-area2 .carousel-cell { width: 25%; padding-bottom: 40px; } .holster-area2 .holster-item h4 { margin-bottom: 20px; } /*=== share area2 start ===*/ .share-area { background-image: url(assets/images/103.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .share-area-inner { border-top: 1.5px solid #F3931F; background-color: rgba(31, 39, 39, .3); padding: 645px 0 158px; text-align: center; } .share-item h2 { font-size: 90px; color: #160E04; padding: 0 36px; display: inline-block; margin: 0 0 16px; background: #F3931F; } .share-item-inner { display: flex; align-items: center; justify-content: center; } .share-item h3 { font-size: 90px; color: #fff; padding: 0 28px; display: inline-block; margin: 0; background: #1F2727; margin-right: 10px; } .share-item a { width: 90px; height: 90px; background-image: url(assets/images/104.jpg); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; display: flex; align-items: center; justify-content: center; margin-left: 10px; transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -moz-transition: 0.2s all ease; } .share-item a img { max-width: 100%; } /*== WordPress Defaults ==*/ .screen-reader-text, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .sticky { display: block; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } img.wp-smiley, img.emoji { display: inline; border: none; box-shadow: none; height: 1em; width: 1em; margin: 0 .07em; vertical-align: -0.1em; background: none; padding: 0;} /*== COMMON BLOCKS ==*/ .sec-page {padding-top: 150px;} #sec-error { min-height: 75vh; display: flex; justify-content: center; align-items: center; text-align: center; padding: 40px 0 40px; color: #fff; } .error-title { font-size: 3em; color: #fff; padding: 0 0 20px; } .error-title strong { font-size: 5em; display: block; color: #F3931F; } .error-text { max-width: 600px; margin: 0 auto; font-size: 18px; } .search-form { max-width: 400px; position: relative; z-index: 5; padding: 0 100px 0 0; margin: 20px auto 0; } .search-form label { display: block; width: 100%; } .search-field { width: 100%; height: 45px; border: none; background: #fff; padding: 5px 20px; } .search-submit { position: absolute; z-index: 6; padding: 0 20px; background: #F3931F; color: #fff; height: 45px; border: none; font-weight: 700; font-size: 20px; right: 0; top: 0; } /*== EDITS ==*/ .global-item2-inner2 img, .global-item3-inner3 img { width: auto; max-height: 70px; margin: 0 auto 15px; } .mega-menu .global-area-inner2 { padding: 20px 0 0; } .global-item2 { margin-bottom: 15px; } .global-item h4 { font-size: 30px; margin: 0 0 15px; } .global-item2 h2 { font-size: 21px; margin: 0 0 15px; letter-spacing: 2px; } .global-item3 { margin-top: 10px; } .mega-menu .global-item3 { padding: 20px 20px; } .global-item h6, .global-item3-inner h6 { margin: 0 0 10px; font-size: 24px; } .global-item2-inner3 { height: 50px; } .global-item2-inner3 h3, .global-item3-inner3 h3 { font-size: 30px; } .global-item3-inner h2 { font-size: 36px; margin: 0; } .pcactions { text-align: center; display: flex; justify-content: center; padding: 20px 0 0; } .pcactions .for-button { line-height: 50px!important; width: 120px!important; height: 50px!important; font-size: 18px; } body.sticky { padding-top: 86px; } .sticky .header-area { position: fixed; z-index: 999999; width: 100%; left: 0; top: -50px; background: #131818; } .btn-acs.disabled:hover { transition: inherit; } .btn-acs.disabled { background: #333; opacity: 0.3; } .btn-acs { display: inline-block; height: 72px; width: auto; max-width: 300px; padding: 0 25px; min-width: 186px; line-height: 70px; font-size: 19px; color: #fff; position: relative; z-index: 0; background: transparent; transition: all .3s ease-in-out; text-align: center; border: 2px solid transparent; } .btn-acs.dauto { display: flex; margin: 0 auto; } .btn-acs.medium { height: 55px; line-height: 52px; min-width: 144px; font-size: 16px; } .btn-acs.small { height: 44px; line-height: 44px; min-width: 120px; font-size: 15px; border-width: 1.5px; padding: 0 15px; } .btn-acs.mini { height: 35px; line-height: 34px; min-width: 80px; font-size: 13px; border-width: 1px; padding: 0 15px; font-family: 'Eurostile', sans-serif, sans-serif; } .btn-acs::before, .btn-acs::after { content: ''; display: block; width: 52%; height: 72px; position: absolute; z-index: 5; top: -2px; background-image: url(assets/images/btnbg-default.svg); background-repeat: no-repeat; background-size: auto 72px; transition: all .3s ease-in-out; } .btn-acs.medium::before, .btn-acs.medium::after { height: 54px; background-size: auto 54px; width: 60%; top: -1px; } .btn-acs.small::before, .btn-acs.small::after { top: -1px; height: 44px; background-size: auto 44px; } .btn-acs.mini::before, .btn-acs.mini::after { top: -1px; height: 35px; background-size: auto 35px; } .btn-acs::before { left: -2px; background-position: left top; } .btn-acs.small::before { left: -1px; } .btn-acs.mini::before { left: -1px; } .btn-acs::after { right: -2px; background-position: right top; } .btn-acs.small::after { right: -1.5px; background-position: right 0px top; } .btn-acs.mini::after { right: -1px; background-position: right 0px top; } .btn-acs:hover { background: rgba(243, 147, 31, .2); border-color: #F3931F; color: #F3931F; } .btn-acs:hover::before, .btn-acs:hover::after { opacity: 0; } .agent-item .btn-acs, .global-item3 .btn-acs { background-color: rgba(31, 39, 39, .7); display: inline-block!important; height: 54px; line-height: 52px; margin: 0 10px; } .agent-item .btn-acs.medium, .global-item3 .btn-acs.medium { min-width: 165px; } .agent-item .btn-acs.medium::before, .global-item3 .btn-acs.medium::before { top: -2px!important; } .agent-item .btn-acs::after, .global-item3 .btn-acs::after { left: auto!important; transform: none!important; bottom: auto!important; height: 54px!important; width: 60%!important; background-size: auto 54px!important; background-position: right top!important; background-color: transparent!important; background-image: url(assets/images/btnbg-default.svg)!important; background-repeat: no-repeat!important; } .agent-item .btn-acs.medium::after, .global-item3 .btn-acs.medium::after { top: -2px!important; } .frag-item-inner3 .btn-acs, .targer-item-inner4 .btn-acs { display: inline-block; } .frag-item-inner3 .btn-acs::after, .targer-item-inner4 .btn-acs::after { bottom: auto!important; transform: none!important; left: auto!important; height: 35px!important; width: 60%!important; background-size: auto 35px!important; background-position: right top!important; background-color: transparent!important; background-image: url(assets/images/btnbg-default.svg)!important; background-repeat: no-repeat!important; } .endurance-area .feature-item-inner2:hover h4 { color: #F3931F; } .sec-features { padding: 40px 0 0; border-top: 1.5px solid #F3931F; } .sec-features .container { max-width: 1870px; } .sec-title { text-align: center; font-size: 19px; color: #F3931F; margin: 0; padding: 0 0 40px; line-height: 1; font-family: 'Eurostile', sans-serif, sans-serif; } .sec-title strong { font-size: 48px; color: #fff; font-family: 'Revamped', sans-serif; letter-spacing: 1px; display: block; padding: 10px 0 0; } .featslider, .featslider2, .featslider3 { padding: 0 0 40px; } .slider-wide3 .slick-track { display: flex !important; } .slider-wide3 .slick-slide { height: inherit !important; } .slider-wide3 .slick-slide .itemwide3 { height: 100%; } .slider-wide3 .slick-slide .itemwide3 iframe { height: 100%; min-height: 60vh; } .featbox { width: 100%; max-width: 350px; margin: 0 auto; background: center / cover no-repeat; position: relative; z-index: 0; border-left: 2px solid #fff; border-right: 2px solid #F3931F; border-top: 2px solid transparent; border-bottom: 2px solid transparent; transition: all .3s ease-in-out; } .featbox:hover, .slick-current .featbox { border-left-color: #F3931F; border-top-color: #F3931F; border-bottom-color: #F3931F; } .featbox::before { content: ''; display: block; width: 20px; height: 2px; background: #fff; position: absolute; z-index: 0; left: -2px; top: -2px; transition: all .3s ease-in-out; } .featbox::after { content: ''; display: block; width: calc(100% - 40px); height: 2px; background: #fff; position: absolute; z-index: 0; left: -2px; bottom: -2px; transition: all .3s ease-in-out; } .featbox:hover::before, .featbox:hover::after, .slick-current .featbox::before, .slick-current .featbox::after { opacity: 0; } .featb-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 240px; padding: 20px; background: rgba(31, 39, 39, 0.5); background-blend-mode: multiply; text-align: center; transition: all .3s ease-in-out; } .featbox:hover .featb-inner, .slick-current .featbox .featb-inner { background: rgba(243, 147, 31, .2);; } .featb-inner::before { content: ''; display: block; width: 20px; height: 2px; background: #F3931F; position: absolute; z-index: 0; right: -2px; bottom: -2px; } .featbox:hover .featb-inner::before, .slick-current .featbox .featb-inner::before { opacity: 0; } .featb-inner::after { content: ''; display: block; width: calc(100% - 40px); height: 2px; background: #F3931F; position: absolute; z-index: 0; right: -2px; top: -2px; } .featbox:hover .featb-inner::after, .slick-current .featbox .featb-inner::after { background: rgba(107, 87, 64, 0.7); width: 100%; height: 100%; right: 0; top: 0; mix-blend-mode: multiply; z-index: -1; } .featbox-title { font-family: 'Revamped', sans-serif; font-size: 24px; font-weight: 400; color: #fff; margin: 0; padding: 0 0 15px; transition: all .3s ease-in-out; } .featbox .hidden { visibility: hidden; opacity: 0; transition: all .3s ease-in-out; max-height: 0px; overflow: hidden; } .featbox:hover .hidden, .slick-current .featbox .hidden { visibility: visible; opacity: 1; max-height: 1000px; } .sec-wideslider { border-top: 1.5px solid #F3931F; } .item-wideslide { width: 100%; min-height: calc(100vh - 400px); padding: 40px 30px; display: flex; justify-content: center; align-items: center; text-align: center; background: center top / 100% auto no-repeat; transition: all 1s ease-in-out; position: relative; z-index: 0; } .item-wideslide .zoom { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .item-wideslide:hover { background-size: 150% auto; } .item-wideslide .zoom img {width: 100%;} .item-wideslide:before { content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; background: rgba(31, 39, 39, 0.6); mix-blend-mode: multiply; } .iwide-txt { position: relative; z-index: 5; font-size: 24px; color: #fff; font-weight: 700; max-width: 600px; } .iwide-title { font-size: 70px; line-height: 1; padding: 0 0 10px; font-family: 'Bebas Neue', sans-serif;3 font-weight: 700; } .slick-arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); margin-top: -20px; width: 50px; height: 50px; background: #2a2d2d; display: flex; align-items: center; justify-content: center; border: none; } .slick-arrow:hover { background: rgba(243, 147, 31, 0.3); } .slick-arrow .slick-icon { width: 25px; height: auto; } .slick-prev { left: 0; } .slick-next { right: 0; } .slider-wide2 .item-wideslide { justify-content: flex-start; } .iwide-title > span { font-size: 60px; color: #160E04; display: inline-block; padding: 10px 30px; background: #F3931F; margin: 0 0 16px; font-weight: 700; } .iwide-title > strong { font-size: 60px; color: #fff; display: inline-block; padding: 10px 43px 0; background: #1F2727; margin: 0 0 20px; } .itemwide3 iframe { width: 100%; } .cartContents {display: flex;} /*== Slick Carousel ==*/ .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; outline: none;} [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; } .slick-dots > li:first-child:last-child { display: none; } /*== WOOCOMMERCE ==*/ .woocommerce-cart table.cart td a { color: #F3931F; } .woocommerce table.cart td.actions .coupon .input-text { min-width: 233px; margin: 0; height: 45px; border: none; padding: 5px 15px; border-radius: 4px 0 0 4px; } .woocommerce table.cart td.actions .coupon .button { border-radius: 0 4px 4px 0; height: 45px; border: none; } .woocommerce table.cart td.actions .coupon .button:hover { color: #fff; background: #F3931F; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: #F3931F; transition: all .3s ease-in-out; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #fff; color: #F3931F; } .woocommerce table.cart td.actions { padding: 20px 0; } .cart-discount a { color: #f00; } .woocommerce table.cart td.actions > .button { background: #F3931F; color: #fff; } .woocommerce-cart .woocommerce { min-height: 60vh; } .woocommerce table.shop_table th { border-bottom: 1px solid rgba(255,255,255,0.3); border-top: none!important; } .woocommerce table.shop_table td { border-bottom: 1px solid rgba(255,255,255,0.3); border-top: none!important; } .woocommerce-cart .cart-collaterals .cart_totals table { margin: 0 0 15px; } .woocommerce .col2-set, .woocommerce-page .col2-set { display: flex; flex-wrap: wrap; width: auto; margin: 0 -20px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { flex: 0 0 50%; max-width: 50%; padding: 0 20px; } .woocommerce form .form-row label { width: 100%; display: block; margin: 0; font-size: 18px; } .woocommerce form .form-row { padding: 0 0 20px; margin: 0; min-height: 70px; } .woocommerce form .form-row .woocommerce-input-wrapper { display: block; width: 100%; padding: 0 0 20px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { background: transparent; border: 1px solid #fff; padding: 5px 15px; border-radius: 6px; width: 100%; min-height: 50px; font-size: 18px; color: #fff; } .woocommerce form .form-row textarea { min-height: 150px; padding: 15px; } .woocommerce form .form-row .select2-selection__rendered { background: transparent!important; border: 1px solid #fff!important; padding: 5px 15px!important; border-radius: 6px; line-height: 38px; font-size: 18px; color: #fff; } .woocommerce form .form-row .select2-container--default .select2-selection--single { background: transparent; border: none; border-radius: 6px; } .woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; width: 30px; } #order_review_heading { display: none; } .woocommerce-checkout #payment { background: transparent; } .woocommerce-checkout #payment ul.payment_methods { padding: 20px 0; } .woocommerce-checkout #payment div.form-row { padding: 20px 0; } .woocommerce #payment #place_order { width: 100%; height: 60px; background: #F3931F; font-size: 24px; margin: 20px 0 0; transition: all .3s ease-in-out; } .woocommerce #payment #place_order:hover { color: #F3931F; background: #fff; } .woocommerce form .form-row .dropdown-wrapper { color: #000; } .woocommerce form .form-row .select2-results__option[aria-selected], .select2-results__option { color: #000; } .checkout_coupon .button { height: 50px; } .woocommerce { padding-bottom: 40px; } .woocommerce-info .showcoupon { color: #F3931F; } .woocommerce-order { font-size: 18px; } .woocommerce ul.order_details { background: #F3931F; padding: 20px; font-size: 18px; } .woocommerce-order .product-name a { color: #F3931F; } .woocommerce-customer-details address { padding: 0!important; line-height: 1.5; } .woocommerce-customer-details address p { margin: 15px 0 0; } .btnsmry { background: #F3931F; color: #fff; border-radius: 0; height: 70px; min-width: 300px; text-align: center; border: none; padding: 5px 20px; display: inline-block; min-width: 400px; line-height: 60px; } .btnsmry:hover { color: #000; } .woocommerce-MyAccount-navigation > ul { max-width: 260px; padding: 0; background: #F3931F; } .woocommerce-MyAccount-navigation > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .woocommerce-MyAccount-navigation > ul > li > a { color: #fff; display: block; padding: 10px 20px; font-family: 'Eurostile', sans-serif, sans-serif; font-weight: 400; font-size: 18px; } .woocommerce-MyAccount-navigation > ul > li.is-active > a { background: #131818; color: #fff!important; } .woocommerce-MyAccount-navigation > ul > li > a:hover { color: #131818; } .woocommerce-MyAccount-content { padding-bottom: 60px; } .woocommerce-MyAccount-content address { padding: 20px; background: rgba(255,255,255,0.05); line-height: 1.5; } .woocommerce table.my_account_orders { font-size: 16px; } .woocommerce table.my_account_orders .button { background: #F3931F; color: #fff; font-size: 18px; border-radius: 0; font-family: 'Eurostile', sans-serif, sans-serif; } .woocommerce table.my_account_orders.shop_table td { padding: 10px 0; } .woocommerce .woocommerce-MyAccount-content form .form-row input.input-text { min-width: 280px; } .woocommerce .woocommerce-MyAccount-content .woocommerce-Button { height: 70px; background: #F3931F; color: #fff; border-radius: 0; width: 100%; max-width: 300px; font-size: 20px; margin-top: 20px; } .wooformwrap { max-width: 400px; margin: 0 auto; } .wooformwrap h2 { text-align: center; font-size: 2.5rem; } .wooformwrap .password-input { display: block; width: 100%; } .wooformwrap .woocommerce-Input, .wooformwrap input[type="text"], .wooformwrap input[type="password"] { width: 100%!important; height: 45px!important; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { top: 0.9em; } .wooformwrap .button { width: 100%!important; height: 50px!important; background: #F3931F!important; color: #fff!important; padding: 5px 20px!important; text-align: center!important; border: none!important; margin: 0!important; transition: all .3s ease-in-out; } .wooformwrap .button:over { background: #fff!important; color: #F3931F!important; } .wooformwrap .woocommerce-LostPassword a { color: #F3931F; font-family: 'Eurostile', sans-serif, sans-serif; font-weight: 400; font-size: 15px; } .woocommerce form.login, .woocommerce form.register { padding-top: 30px; } .woocommerce .wooformwrap form.lost_reset_password .form-row { width: 100%; } .woocommerce-lost-password .entry-header { text-align: center; } .woocommerce-lost-password .wooformwrap { border: 1px solid #fff; padding: 30px 20px 20px; border-radius: 6px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { padding: 0 0 15px; } .woocommerce-form-coupon .button { background: #F3931F!important; color: #ffff!important; } .item-wideslide { position: relative; z-index: 5; } .framev { position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; } .framev iframe { width: 100%; height: 100%; } .holster-item-inner { display: flex; align-items: center; justify-content: center; } .mob-pdt-des { padding:30px; text-align:center; display:none; } .sticky { padding-top: 87px; } .sticky .header-area { position: fixed; width: 100%; top: 0; left: 0; } @media only screen and (max-width: 1870px) { .welcome-area3 .welcome-area-inner { padding: 60px 0 50px; display: flex; align-items: center; justify-content: center; min-height: calc(56.25vw - 70px); } } @media only screen and (max-width: 1570px) { } @media only screen and (max-width: 1379px) { .error-title { font-size: 2.5em; } .error-title strong { font-size: 3.5em; } } @media only screen and (max-width: 599px) { .mob-pdt-des { display:block; } .product-item3-inner h4 { display:none; } .error-title { font-size: 1.5em; } #sec-error { padding: 20px 0 60px; } } .customize-item2-inner .outofstock { overflow: hidden; position: relative; } .customize-item2-inner .outofstock:before { border-left: 2px solid #F3931F; content: ''; position: absolute; left: 50%; height: 131%; transform: rotate(41deg) translateX(-50%); } .customize-item2-inner .outofstock:after { border: 0; width: auto; border-left: 2px solid #F3931F; content: ''; position: absolute; left: auto; top: auto; right: 50%; height: 131%; transform: rotate(-41deg) translateX(50%); opacity: 1; } @media only screen and (max-width: 767px) { .footer-item { display: none; } .welcome-item h3 { font-size: 35px; } }