/* Theme Name: Abi Jackson Theme URI: http://mystagingdomain.com/ Author: AI Author URI: http://mystagingdomain.com/UnderProgress/Jacob-woo/ Description: Abi Jackson Theme is a WordPress theme especially for designers. Theme's homepage is fully customizable through admin area to meet your requirements. Homepage includes an attractive video and a contact us section. Abi Jackson Theme is a Responsive, Multi-Purpose, HTML5 / CSS3 Theme for (desktops, tablets, smartphones). Version: 1.1.2 Tags: one-column, two-columns, three-columns, right-sidebar, custom-logo, flexible-header, custom-menu, footer-widgets, blog, threaded-comments, translation-ready License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: abijacksontheme */ @font-face { font-family:'MinionPro'; src:url('fonts/MinionPro-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/MinionPro-Medium.otf') format('opentype'), url('fonts/MinionPro-Medium.woff') format('woff'), url('fonts/MinionPro-Medium.ttf') format('truetype'), url('fonts/MinionPro-Medium.svg#MinionPro-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family:'MinionPro'; src:url('fonts/MinionPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/MinionPro-Bold.otf') format('opentype'), url('fonts/MinionPro-Bold.woff') format('woff'), url('fonts/MinionPro-Bold.ttf') format('truetype'), url('fonts/MinionPro-Bold.svg#MinionPro-Bold') format('svg'); font-weight: 700; font-style: normal; } *{ margin:0px; padding:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } :before, :after{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .clear{ clear:both; } .clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } img{ border:0; max-width:100%; height:auto; vertical-align:middle; } a{ text-decoration:none; transition:all ease 0.4s; } .aligncenter{ text-align:center; } :active, :focus{ outline:0; outline-style:none; outline-width:0; } h1, h2, h3, h4, h5, h6{ font-weight:normal; } html, body{ text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; font-weight:400; } body{ -webkit-animation-duration: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.1s; } @-webkit-keyframes fontfix { from{ opacity: 1; } to{ opacity: 1; } } @media screen and (max-device-width: 767px) and (orientation: landscape) { body { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; } } @media screen and (max-device-width: 767px) and (orientation: portrait) { body{ -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; } } body{ font-family:'MinionPro'; font-weight:500; color:#000; font-size:28px; } .enclose{ max-width:1230px; padding:0 15px; margin:auto; } /**Animations**/ .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); } } /**Mean Menu**/ a.meanmenu-reveal { display: none; } .mean-container{ position:relative; padding-left:20px; } .mean-container .mean-bar { position: relative; z-index:200; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; cursor: pointer; color: #000; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; transition:none; } .mean-container a.meanmenu-reveal span { display: block; background: #000; height: 3px; margin-top: 3px; } .mean-container .mean-nav { width: 290px; background: #000; position:absolute; top:100%; right:0; } .mean-container .mean-nav ul { padding: 0; margin: 0; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; } .mean-container .mean-nav ul li a { display: block; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-top: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255,255,255,0.1); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255,255,255,0.1); border: none !important; border-left: 1px solid rgba(255,255,255,0.4) !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0,0,0,0.9); } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mean-remove { display: none !important; } /* Slider */ .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; } /*************/ /**Header**/ #header{ padding:55px 70px 65px; } #header .h-box{ display:flex; justify-content:space-between; align-items:flex-end; } #header .menu-navigation-container .nav li{ float:left; list-style:none; margin-left:25px; } #header .menu-navigation-container .nav li a{ display:block; color:#000; } /**********/ /**Footer**/ #footer{ background:#000; padding:100px 260px 120px; color:#fff; } #footer .f-box{ display:flex; justify-content:space-between; align-items:flex-end; } #footer .f-box .f-logo{ display:inline-block; } #footer .f-box .tagline{ margin-top:20px; opacity:0.8; font-size:20px; line-height:1; width:420px; } #footer .f-box .social a{ display:inline-block; margin:0 7px; vertical-align:bottom; } #footer .f-box .social a img{ display:block; } #footer .f-box .mc4wp-form-fields p{ text-align:right; margin-bottom:20px; line-height:1; } #footer .f-box .mc4wp-form-fields .signup{ position:relative; } #footer .f-box .mc4wp-form-fields .signup input[type=email]{ display:block; width:420px; padding:12px 130px 12px 12px; line-height:20px; font-size:16px; font-family:'MinionPro'; font-weight:500; color:#000; border:0; background:#fff; height:44px; border-radius:0; } #footer .f-box .mc4wp-form-fields .signup input[type=submit]{ width:120px; text-align:center; color:#fff; background:#505050; height:44px; position:absolute; right:0; top:0; border:0; padding:12px; line-height:20px; font-size:20px; font-family:'MinionPro'; font-weight:500; appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; } /**********/ .hero-video{ background:#8a8a8a; position:relative; /*padding-bottom:56.25%; /* 16:9 */ height: calc(100vh - 356px); overflow:hidden; } .hero-video video{ position: absolute; top: 0; left: 0; width: 100%; } .typeline1, .typeline2, .typeline4{ overflow:hidden; } .typeline1 .t-animation{ width:50%; float:right; font-weight:700; font-size:150px; line-height:1.2; } .typeline2 .t-animation{ font-weight:700; font-size:150px; line-height:1.2; padding:50px 50px 50px 140px; } .typeline4 .t-animation{ font-weight:700; font-size:150px; line-height:1.2; text-align:center; } #counter-box .wpsm_counter_b_row .wpsm_counterbox .wpsm_number{ font-family:'MinionPro'; font-weight:700; line-height:1; margin:0; } #counter-box .wpsm_counter_b_row .wpsm_counterbox .wpsm_count-title{ font-family:'MinionPro'; font-weight:500; line-height:1; letter-spacing:inherit; } .get-in-touch{ padding:130px; } .get-in-touch h4{ font-size:74px; font-weight:500; text-align:center; margin-bottom:70px; } .get-in-touch .clearfix{ margin:0 -15px; padding-bottom:50px; } .get-in-touch .i50{ width:50%; padding:0 15px; float:left; } .get-in-touch .wpcf7-form-control-wrap{ display:block; } .get-in-touch .input input{ width:100%; padding-bottom:15px; border:0; border-bottom:3px solid #e1e1e1; color:#000; font-size:28px; line-height:1; font-family:'MinionPro'; font-weight:500; border-radius:0; } .get-in-touch .submit{ text-align:center; margin-top:50px; position:relative; } .get-in-touch .submit input{ width:180px; background:#000; color:#fff; font-size:28px; padding:15px; border:0; line-height:1; font-family:'MinionPro'; font-weight:500; appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; } .get-in-touch div.wpcf7 .ajax-loader{ position:absolute; top:50%; margin-top:-8px; } .general-txt{ padding-bottom:130px; padding-top:40px; } .general-txt p{ text-align:center; font-size:30px; font-weight:500; } .section-box{ display:flex; align-items:center; padding-bottom:155px; /*padding-top:50px;*/ } .section-box.rev{ flex-direction:row-reverse; } .section-box .image{ width:64%; } .section-box .image img{ width:100%; height:auto; } .section-box .link{ padding:0 50px; } .section-box .link a{ display:inline-block; width:310px; border-bottom:1px solid #000; color:#000; font-size:74px; font-weight:500; position:relative; } .section-box .link a:before{ width:10px; height:18px; position:absolute; content:''; background-image:url(images/right-arrow.png); background-repeat:no-repeat; right:0; top:100%; margin-top:-9px; } .section-box.rev .link a{ text-align:right; } .section-box.rev .link a:before{ left:0; transform:rotate(-180deg); } .error-404{ text-align:center; padding:50px 0; } .error-404 h1{ font-size:120px; } /**Woocommerce**/ .woocommerce #primary{ padding-left:60px; padding-right:60px; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ margin:0; padding:0; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .woocommerce ul.products li{ text-align:center; } .woocommerce ul.products li.product .price{ color:#000; } .woocommerce ul.products li a.woocommerce-LoopProduct-link{ display:block; text-align:center; } .woocommerce ul.products li.product .button{ margin:0 auto; font-size:14px; color:#fff; background:#000; text-transform:uppercase; line-height:20px; padding:15px; } #primary .woocommerce{ font-size:16px; } .shop_table a{ color:#000; } .woocommerce-page table.cart td.actions .coupon .input-text{ width:130px; } .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce form.checkout_coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border:1px solid #000; padding:10px; line-height:18px; font-size:16px; color:#000; font-family:'MinionPro'; font-weight:500; } .woocommerce form .form-row textarea{ height:200px; resize:vertical; } .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ border:0; padding:10px; line-height:20px; font-family:'MinionPro'; font-weight:500; font-size:14px; text-transform:uppercase; height:40px; background:#000; color:#fff; } .cart-collaterals .wc-proceed-to-checkout a.checkout-button{ background:#000; } .woocommerce-message, .woocommerce-info{ border-top-color:#000; font-size:16px; } .woocommerce-info a, .woocommerce-message a{ color:#000; } .woocommerce .woocommerce-message a.button{ color:#fff; background:#000; } li.wpmenucartli a.wpmenucart-contents span{ opacity:0; transition:all ease 0.5s; } .select2-container--default .select2-selection--single{ border-color:#000; border-radius:0; font-size:14px; } .select2-container--default .select2-dropdown{ border-color:#000; } .select2-container--default .select2-results{ font-size:14px; } .woocommerce-order .woocommerce-notice{ border-top:2px solid #000; padding:20px 10px; margin-bottom:30px; background:#efefef; } .woocommerce ul.order_details li{ margin-bottom:20px; } .woocommerce .return-to-shop{ padding-bottom:50px; } .fixed-scroll{ position:relative; } .fixed-scroll .fixed-box{ height:calc(100vh - 100px); position:static; left:60px; top:50px; width:calc(50% - 15px); float:left; } .fixed-scroll .fixed-box .img{ background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:calc(100vh - 160px); display:block; } .fixed-scroll .fixed-box .item .item-box{ position:relative; overflow:hidden; } .fixed-scroll .fixed-box .item .item-box .break{ position:absolute; bottom:-50px; left:0; width:100%; background:#000; color:#fff; font-size:30px; line-height:1; padding:10px; text-align:center; transition:all ease 0.3s; } .fixed-scroll .fixed-box .item .item-box:hover .break{ bottom:0; } .fixed-scroll .fixed-box .info{ font-size:16px; text-align:center; padding-top:15px; } .fixed-scroll .fixed-box.fix{ position:fixed; width:calc(50% - 75px); } .fixed-scroll .scroll-box{ width:calc(50% - 15px); min-height:1500px; float:right; margin-bottom:75px; } .modals-div{ margin-left:-30px; } .modals-div .button-group{ text-align:right; padding-bottom:10px; } .modals-div .button-group button{ border:0; padding:0; background:none; display:inline-block; vertical-align:top; margin-left:10px; color:#787777; font-size:20px; font-family:'MinionPro'; font-weight:500; cursor:pointer; margin-bottom:10px; } .modals-div .button-group button.is-checked{ color:#000; } .fixed-scroll .scroll-box .modal-item{ width:50%; float:left; padding-left:30px; padding-top:30px; } .fixed-scroll .scroll-box .modal-item:nth-child(1){ padding-top:0; } .fixed-scroll .scroll-box .modal-item:nth-child(2){ padding-top:0; } .fixed-scroll .scroll-box .modal-item .item-box{ position:relative; overflow:hidden; } .fixed-scroll .scroll-box .modal-item .item-box .break{ position:absolute; bottom:-50px; left:0; width:100%; background:#000; color:#fff; font-size:30px; line-height:1; padding:10px; text-align:center; transition:all ease 0.3s; } .fixed-scroll .scroll-box .modal-item .item-box:hover .break{ bottom:0; } .fixed-scroll .scroll-box .modal-item .modal-img{ height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block; } .fixed-scroll .scroll-box .modal-item:nth-child(2) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(3) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(6) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(7) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(10) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(11) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(14) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(15) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(18) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(19) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(22) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(23) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(26) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(27) .modal-img{ height:370px; margin-top:40px; } .fixed-scroll .scroll-box .modal-item .info{ font-size:16px; text-align:center; padding-top:15px; } .fixed-scroll .scroll-box .modal-item:nth-child(2) .info, .fixed-scroll .scroll-box .modal-item:nth-child(3) .info, .fixed-scroll .scroll-box .modal-item:nth-child(6) .info, .fixed-scroll .scroll-box .modal-item:nth-child(7) .info, .fixed-scroll .scroll-box .modal-item:nth-child(10) .info, .fixed-scroll .scroll-box .modal-item:nth-child(11) .info, .fixed-scroll .scroll-box .modal-item:nth-child(14) .info, .fixed-scroll .scroll-box .modal-item:nth-child(15) .info, .fixed-scroll .scroll-box .modal-item:nth-child(18) .info, .fixed-scroll .scroll-box .modal-item:nth-child(19) .info, .fixed-scroll .scroll-box .modal-item:nth-child(22) .info, .fixed-scroll .scroll-box .modal-item:nth-child(23) .info, .fixed-scroll .scroll-box .modal-item:nth-child(26) .info, .fixed-scroll .scroll-box .modal-item:nth-child(27) .info{ padding-bottom:40px; } .shop-banner{ height:600px; display:flex; align-items:center; padding:50px; background-image:url(images/shop-banner.jpg); background-repeat:no-repeat; background-position:center center; font-size:30px; color:#fff; justify-content:center; } .shop-banner p{ width:100%; text-align:center; } .shop-banner p a{ color:#fff; } .shop-titles{ text-align:center; padding:65px 0; } .shop-titles p{ font-size:30px; } .shop-titles h2{ font-size:120px; font-weight:700; } .shop-slider{ height:1020px; } .shop-slider .slick-arrow{ position:absolute; top:100px; border:0; z-index:100; width:33%; height:700px; background:none; text-indent:-9999px; } .shop-slider .slick-arrow.slick-prev{ cursor:url(images/left-arrow.png), auto; left:0; } .shop-slider .slick-arrow.slick-next{ cursor:url(images/right-arrow.png), auto; right:0; } .shop-slider .item{ padding:0 10px; } .shop-slider .item.slick-active{ padding:100px 10px 0; } .shop-slider .item.slick-active.slick-center{ padding:0 10px; } .shop-slider .item .item-box{ position:relative; overflow:hidden; } .shop-slider .item .modal-img{ height:700px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; } .shop-slider .item .item-box .break{ position:absolute; bottom:-50px; left:0; width:100%; background:#000; color:#fff; font-size:30px; line-height:1; padding:10px; text-align:center; transition:all ease 0.3s; cursor:pointer; } .shop-slider .item.slick-active.slick-center:hover .item-box .break{ bottom:0; } .shop-slider .item.slick-active .modal-img{ height:700px; opacity:0.6; display:block; } .shop-slider .item.slick-active.slick-center .modal-img{ height:900px; opacity:1; transition:all ease 0.3s; } .shop-slider .item .info{ font-size:16px; text-align:center; padding-top:35px; visibility:hidden; transition:all ease 0.3s; } .shop-slider .item.slick-current .info{ visibility:visible; } .shop-related{ padding:30px 240px 150px; } .shop-related .related-heading{ margin-bottom:55px; margin-left:10px; display:none; } .shop-related .related-heading p{ display:inline-block; padding-bottom:20px; border-bottom:2px solid #000; font-size:30px; line-height:1; } .shop-related .related-slider .item{ padding:0 10px; } .shop-related .related-slider .rel-img{ padding-top:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block; } .shop-related .related-slider .info{ font-size:16px; text-align:center; padding-top:35px; } .fixed-scroll .scroll-box .modal-item .info p, .shop-slider .item .info p, .shop-related .related-slider .info p, .woocommerce .single-product-cont ul.products li h2{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .about-top{ text-align:center; font-size:31px; line-height:1.2; padding:130px 0px 100px; } .about-top h2{ font-size:42px; line-height:42px; margin-bottom:10px; } .left-img-cont{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size:31px; line-height:1.2; margin-bottom:155px; } .lft-img{ width:64%; } .lft-img img{ width:100%; } .rht-cont{ width:36%; } .rht-cont > div{ max-width:600px; width:100%; padding-left:50px; padding-right:50px; position:relative; top:-16px; } .left-img-cont h2{ line-height:1.2; font-size:80px; font-weight:500; position:relative; margin-bottom:43px; padding-bottom:35px; } .left-img-cont h2:before{ content:''; height:2px; max-width:308px; width:100%; position:absolute; left:0px; bottom:0px; background:#000; } .left-img-cont a{ color:#696969; } .row-rev{ -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .row-rev .rht-cont{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:flex-end; -webkit-justify-content:flex-end; -ms-flex-pack:flex-end; justify-content:flex-end; text-align:right; } .left-img-cont.row-rev h2:before{ right:0px; left:inherit; } .about-counter{ padding:30px 0px 165px; } #anim3.t-animation{ padding-top:0px; padding-bottom:0px; } .story-page{ font-size:31px; font-weight:500; line-height:1.2; padding:145px 0px 105px; } .story-page .enclose{ max-width:1100px; } .story-page h2{ font-size:80px; line-height:1.2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; font-weight:500; position:relative; margin-bottom:80px; padding-bottom:20px; margin-top:-15px; } .story-page h2:before{ content:''; position:absolute; bottom:0px; height:2px; width:355px; background:#000; right:-50px; } .story-page p{ margin-bottom:40px; } .story-top-cont{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .story-top-cont > div{ width:50%; } .story-top-cont > div:first-child{ padding-right:70px; } .work-link{ padding-top:20px; } .work-link a{ background:url(images/work-bg-img.png); background-repeat:no-repeat; background-size:cover; height:206px; width:206px; line-height:1.2; text-align:center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin:auto; font-size:30px; color:#000; } .product-banner{ height:583px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; position:relative; text-align:center; font-size:31px; } .product-banner:before{ height:100%; content:''; position:absolute; width:100%; background:rgba(255,255,255,0.7); left:0px; top:0px; } .product-banner .enclose{ position:relative; z-index:1; } .product-banner h1{ font-size:80px; font-weight:500; line-height:80px; margin-bottom:10px; margin-top:40px; } .single-product #header{ position:absolute; width:100%; z-index:111; } .single-product .woocommerce-breadcrumb{ display:none; } .single-product-cont{ margin-top:75px; font-size:19px; } .single-product-cont .product_title{ font-size:43px; line-height:43px; font-weight:500; margin-bottom:34px; } .single-product-cont .woocommerce-product-details__short-description p{ margin-bottom:20px; } .single-product-cont .product_meta{ border-top:2px solid #f3f3f3; border-bottom:2px solid #f3f3f3; padding:33px 0px 30px; } .single-product-cont .product_meta span{ display:block; font-size:19px; color:#a4a4a4; } .single-product-cont .product_meta strong{ font-weight:500; color:#000; width:120px; display:inline-block; } .single-product-cont .product_meta a{ color:#a4a4a4; font-size:17px; } .single-product-cont .cart{ margin:33px 0px 30px; } .single-product-cont .cart .button{ background:#303133 !important; color:#fff; border:1px solid #151618; border-radius:3px; height:50px; width:163px; font-size:14px; text-transform:uppercase; font-family:'MinionPro'; font-weight:700; } .single-product-cont .quantity .qty{ height:50px; text-align:center; width:95px; border:2px solid #f1f1f1; color:#777; border-radius:3px; font-family:'MinionPro'; font-weight:700; margin-right:15px; } .single-product-cont .quantity input[type=number] { -moz-appearance: textfield; } .single-product-cont .onsale{ display:none; } .single-product-cont p.price{ color:#000 !important; } .share_icons{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items: center; align-items: center; padding-top:20px; } .share_icons strong{ font-weight:500; padding-right:70px; } .share_icons .at-resp-share-element .at-share-btn .at-label{ display:none; } .share_icons .at-resp-share-element .at-share-btn{ background:transparent !important; } .share_icons svg.at-icon{ fill:#000; } .post-nav{ background:#f7f7f7; font-size:19px; border-top:1px solid #eaeaea; padding:30px 0px; border-bottom:1px solid #606163; } .post-nav ul{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .post-nav a{ color:#000; display:inline-block } .post-nav li{ width:33.33%; list-style-type:none; position:relative; } .post-nav li.prev_post img{ position:relative; top:-2px; padding-right:5px; } .post-nav li.next_post{ text-align:right; } .post-nav li.next_post img{ position:relative; top:-2px; padding-left:5px; } .post-nav li.bck-shop-link{ text-align:center; } .woocommerce .single-product-cont #primary{ padding:0px; } .single-product-cont .related.products{ clear:both; padding-top:50px; } .single-product-cont .related.products h2{ text-align:center; margin-bottom:40px; font-size:19px; font-weight:500; } .woocommerce .single-product-cont .products ul.slick-slider, .woocommerce .single-product-cont ul.slick-slider.products{ margin:10px 0px 37px -20px; } .woocommerce .single-product-cont ul.products li.product, .woocommerce-page .single-product-cont ul.products li.product{ margin:0px 0px 0px 20px; text-align:center; } .woocommerce .single-product-cont ul.products li a, .woocommerce .single-product-cont ul.products li .price{ color:#000; font-size:17px; } .woocommerce .single-product-cont ul.products li h2{ padding:0px; font-size:17px !important; } .woocommerce .single-product-cont ul.products li .add_to_cart_button{ display:none; } .single-product-cont .slick-dots{ position: relative; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .single-product-cont .slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px; padding: 0; cursor: pointer; } .single-product-cont .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; } .single-product-cont .slick-dots li button:hover, .single-product-cont .slick-dots li button:focus{ outline: none; } .single-product-cont .slick-dots li button:hover:before, .single-product-cont .slick-dots li button:focus:before{ opacity: 1; font-size:46px; top:0px; } .single-product-cont .slick-dots li button:before{ font-family: 'slick'; line-height: 20px; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; color: #c5c6c7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:38px; } .single-product-cont .slick-dots li.slick-active button:before{ font-size:46px; color: #c5c6c7; top:0px; } .woocommerce .single-product-cont ul.products li.product, .woocommerce-page .single-product-cont ul.products li.product{ clear:inherit !important; } .share_icons .at-svc-google_plusone_share svg{ height:25px !important; width:25px !important; } .share_icons .at-svc-google_plusone_share span.at-icon-wrapper{ height:25px !important; width:25px !important; } .single-product-cont .woocommerce-tabs .tabs.wc-tabs{ display:none; } .single-product-cont .woocommerce-tabs #tab-description{ display:none !important; } .single-product-cont .woocommerce-tabs #tab-additional_information{ display:block !important; margin:0px; } .single-product-cont .woocommerce-tabs{ border-bottom:2px solid #f3f3f3; padding-bottom:18px; } .single-product-cont .woocommerce-tabs h2{ font-size:19px; font-weight:500; margin:10px 0px 8px; } .woocommerce .single-product-cont table.shop_attributes{ border:0px; border-collapse: collapse; max-width:240px; margin-bottom:0px; } .woocommerce .single-product-cont table.shop_attributes th{ width:120px; padding:0px; border:0px; border-collapse: collapse; font-size:17px; line-height:10px; text-align:left; } .woocommerce .single-product-cont table.shop_attributes td{ font-style:normal; border:0px; border-collapse: collapse; font-size:17px; color:#a4a4a4; line-height:10px; width:120px; text-align:right; } .woocommerce .single-product-cont table.shop_attributes tr:nth-child(2n) td, .woocommerce .single-product-cont table.shop_attributes tr:nth-child(2n) th{ background:transparent; } /***************/ @media screen and (max-width: 1660px){ /****/ body{ font-size:24px; } .typeline1 .t-animation, .typeline2 .t-animation, .typeline4 .t-animation{ font-size:110px; } .hero-video{ height: calc(100vh - 308px); } .general-txt p{ font-size:26px; } .section-box .link a{ width:250px; font-size:60px; } .get-in-touch h4{ font-size:60px; } .get-in-touch .input input{ font-size:24px; } .get-in-touch .submit input{ font-size:24px; } #footer{ padding:100px 130px 120px; } .shop-titles p{ font-size:26px; } .shop-titles h2{ font-size:80px; } .fixed-scroll .scroll-box .modal-item .modal-img{ height:350px; } .fixed-scroll .scroll-box .modal-item:nth-child(2) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(3) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(6) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(7) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(10) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(11) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(14) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(15) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(18) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(19) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(22) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(23) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(26) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(27) .modal-img{ height:270px; } .fixed-scroll .scroll-box .modal-item .item-box .break, .fixed-scroll .fixed-box .item .item-box .break, .shop-slider .item .item-box .break{ font-size:26px; } .shop-related{ padding:30px 0 150px; } .shop-slider .slick-arrow{ height:400px; } .shop-slider .item .modal-img{ height:400px; } .shop-slider .item.slick-active .modal-img{ height:400px; } .shop-slider .item.slick-active.slick-center .modal-img{ height:600px; } .shop-slider{ height:720px; } .left-img-cont{ font-size:22px; } .left-img-cont h2{ font-size:46px; line-height:56px; margin-bottom:25px; padding-bottom:25px; } .rht-cont > div{ top:-10px; padding-left:40px; padding-right:40px; } .product-banner{ height:419px; } .product-banner h1{ font-size:55px; line-height:55px; } /****/ } @media screen and (max-width: 1230px){ /****/ body{ font-size:20px; } .typeline1 .t-animation, .typeline2 .t-animation, .typeline4 .t-animation{ font-size:80px; } .hero-video{ height: calc(100vh - 272px); } .general-txt p{ font-size:22px; } .section-box .link a{ width:190px; font-size:46px; } .get-in-touch h4{ font-size:46px; } .get-in-touch .input input{ font-size:20px; } .get-in-touch .submit input{ font-size:20px; } #footer{ padding:50px 50px 60px; } #footer .f-box .tagline{ width:auto; } .shop-titles p{ font-size:22px; } .shop-titles h2{ font-size:50px; } .fixed-scroll .scroll-box .modal-item .item-box .break, .fixed-scroll .fixed-box .item .item-box .break, .shop-slider .item .item-box .break{ font-size:22px; } .shop-titles{ padding:30px 0; } .fixed-scroll .scroll-box .modal-item .modal-img{ height:250px; } .fixed-scroll .scroll-box .modal-item:nth-child(2) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(3) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(6) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(7) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(10) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(11) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(14) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(15) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(18) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(19) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(22) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(23) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(26) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(27) .modal-img{ height:170px; } .shop-banner{ height:350px; font-size:22px; } .shop-slider .item .modal-img{ height:250px; } .shop-slider .slick-arrow{ height:250px; } .shop-slider .item.slick-active .modal-img{ height:250px; } .shop-slider .item.slick-active.slick-center .modal-img{ height:450px; } .shop-slider{ height:570px; } .shop-related .related-heading p{ font-size:24px; } .fixed-scroll .scroll-box{ min-height:1200px; } .rht-cont > div{ padding-left:30px; padding-right:30px; } .left-img-cont h2{ font-size:38px; line-height:45px; margin-bottom:20px; padding-bottom:20px; } .about-counter{ padding:0px; } .left-img-cont{ font-size:19px; margin-bottom:80px; } .about-top{ font-size:24px; padding:50px 0px 60px; } .story-page{ font-size:26px; padding:40px 0px 60px; } .single-product-cont .product_title{ font-size:32px; line-height:32px; margin-bottom:15px; } .single-product-cont{ font-size:18px; } .single-product-cont .woocommerce-product-details__short-description p{ margin-bottom:10px; } .single-product-cont .product_meta{ padding:15px 0px; } .product-banner{ height:320px; } .product-banner h1{ font-size:40px; line-height:40px; margin-bottom:0px; margin-top:80px; } .single-product-cont .related.products{ padding-top:20px; } /****/ } @media screen and (max-width: 993px){ /****/ body{ font-size:18px; } #header{ padding:40px 40px 45px; } .typeline2 .t-animation{ padding:40px; } .typeline1 .t-animation, .typeline2 .t-animation, .typeline4 .t-animation{ font-size:60px; } .hero-video{ height: calc(100vh - 213px); } .general-txt p{ font-size:20px; } .section-box .link a{ width:190px; font-size:46px; } .get-in-touch h4{ font-size:46px; } .get-in-touch .input input{ font-size:18px; } .get-in-touch .submit input{ font-size:18px; } #footer{ padding:40px 40px 50px; } .general-txt{ padding-top:0; padding-bottom:50px; } .section-box{ padding-top:0; padding-bottom:50px; } .get-in-touch{ padding:0 25px 50px 25px; } #footer .f-box .mc4wp-form-fields .signup input[type=email]{ width:290px; } #counter-box .wpsm_counter_b_row .wpsm_counterbox .wpsm_number{ font-size:46px; } #counter-box .wpsm_col-sm-6{ width:33.33%; } #counter-box .wpsm_counter_b_row .wpsm_counterbox .wpsm_count-title{ font-size:20px; } .hero-video{ /*min-height:300px;*/ } .typeline1 .t-animation{ width:auto; padding-right:40px; } .woocommerce #primary{ padding-left:40px; padding-right:40px; } .shop-slider .item .info, .shop-related .related-slider .info{ font-size:16px; } .fixed-scroll .scroll-box .modal-item .item-box .break, .fixed-scroll .fixed-box .item .item-box .break, .shop-slider .item .item-box .break{ font-size:16px; } .lft-img{ width:55%; } .rht-cont{ width:45%; } .rht-cont > div{ padding-left:25px; padding-right:25px; } .left-img-cont h2 { font-size: 30px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px; } .left-img-cont{ font-size:18px; } .about-top h2{ font-size:38px; line-height:38px; } .about-top{ font-size:20px; } .story-top-cont > div:first-child{ padding-right:30px; } .story-page h2{ font-size:55px; line-height:55px; padding-right:10px; margin-bottom:25px; } .story-page h2:before { right:0px; width:220px; } .story-page{ font-size:23px; } .work-link{ padding-top:0px; } .share_icons strong{ padding-right:35px; } .single-product-cont .product_title{ font-size:28px; line-height:28px; } .woocommerce .single-product-cont ul.products li h2{ font-size:16px !important; } .woocommerce .single-product-cont ul.products li a, .woocommerce .single-product-cont ul.products li .price{ font-size:16px; } .single-product-cont .related.products{ padding-top:0px; } /****/ } @media screen and (max-width: 767px){ /****/ nav.menu-navigation-container{ display:none; } #footer .f-box{ display:block; text-align:center; } #footer .f-box .social{ margin:30px 0; } #footer .f-box .mc4wp-form-fields p{ text-align:center; } .get-in-touch .clearfix{ padding-bottom:0; } .get-in-touch .i50{ width:100%; margin-bottom:20px; } #counter-box .wpsm_col-sm-6{ width:100%; } .section-box .link{ padding:0 20px; } .section-box .link a{ font-size:22px; padding-bottom:5px; width:90px; } .get-in-touch h4{ font-size:22px; } .typeline1 .t-animation, .typeline2 .t-animation, .typeline4 .t-animation{ font-size:36px; } .hero-video{ height: calc(100vh - 164px); } #header{ padding:30px 15px 35px 20px; } #footer .f-box .mc4wp-form-fields .signup input[type=email]{ width:100%; } .fixed-scroll .scroll-box .modal-item:nth-child(2){ padding-top:30px; } .fixed-scroll .scroll-box .modal-item{ width:100%; } .fixed-scroll .scroll-box .modal-item .modal-img{ height:270px; } .fixed-scroll .scroll-box .modal-item:nth-child(2) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(3) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(6) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(7) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(10) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(11) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(14) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(15) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(18) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(19) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(22) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(23) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(26) .modal-img, .fixed-scroll .scroll-box .modal-item:nth-child(27) .modal-img{ height:270px; margin-top:0; } .fixed-scroll .scroll-box .modal-item:nth-child(2) .info, .fixed-scroll .scroll-box .modal-item:nth-child(3) .info, .fixed-scroll .scroll-box .modal-item:nth-child(6) .info, .fixed-scroll .scroll-box .modal-item:nth-child(7) .info, .fixed-scroll .scroll-box .modal-item:nth-child(10) .info, .fixed-scroll .scroll-box .modal-item:nth-child(11) .info, .fixed-scroll .scroll-box .modal-item:nth-child(14) .info, .fixed-scroll .scroll-box .modal-item:nth-child(15) .info, .fixed-scroll .scroll-box .modal-item:nth-child(18) .info, .fixed-scroll .scroll-box .modal-item:nth-child(19) .info, .fixed-scroll .scroll-box .modal-item:nth-child(22) .info, .fixed-scroll .scroll-box .modal-item:nth-child(23) .info, .fixed-scroll .scroll-box .modal-item:nth-child(26) .info, .fixed-scroll .scroll-box .modal-item:nth-child(27) .info{ padding-bottom:0; } .shop-slider .slick-arrow{ top:0; } .shop-slider .item .modal-img{ height:250px; } .shop-slider .item.slick-active{ padding-top:0; } .shop-slider .item.slick-active .modal-img{ height:250px; } .shop-slider .item.slick-active.slick-center .modal-img{ height:250px; } .shop-slider{ height:auto; } .shop-related{ padding:30px 0; } .woocommerce #primary{ padding-left:20px; padding-right:20px; } .shop-slider .item .info{ visibility:visible; } .shop-titles h2{ font-size:36px; } .rht-cont > div { padding-left: 20px; padding-right: 20px; top:0px; } .left-img-cont h2{ font-size:26px; line-height:26px; } .left-img-cont{ font-size:16px; } .left-img-cont{ margin-bottom:50px; } .story-page{ font-size:19px; } .story-page p{ margin-bottom:20px; } .woocommerce .single-product-cont ul.products li h2{ font-size:15px !important; } .woocommerce .single-product-cont ul.products li a, .woocommerce .single-product-cont ul.products li .price{ font-size:15px; } .post-nav{ padding:20px 0px; } .single-product-cont .product_title{ font-size:22px; line-height:22px; } .product-banner{ font-size:24px; } .product-banner h1{ font-size:34px; line-height:34px; } .product-banner{ height:250px; } .single-product-cont{ margin-top:45px; } /****/ } @media only screen and (max-width: 1366px) and (orientation: Portrait) { .hero-video{ height: 0; padding-bottom:56.25%; /* 16:9 */ } } @media screen and (max-width: 666px){ /****/ .hero-video{ height: 0; padding-bottom:56.25%; /* 16:9 */ } .left-img-cont{ display:block; } .lft-img{ width:100%; } .rht-cont{ width:100%; } .rht-cont > div{ padding:20px; } .left-img-cont{ margin-bottom:20px; } .row-rev .rht-cont{ display:block; text-align:left; } .left-img-cont.row-rev h2::before { right:inherit; left:0px; } .about-top{ font-size:17px; padding:30px 0px 40px; } .about-top h2{ font-size:30px; line-height:30px; } .story-page{ font-size:18px; } .story-top-cont{ display:block; } .story-top-cont > div{ width:100%; } .story-page h2{ display:inline-block; } .story-top-cont img{ display:block; margin:auto; } /****/ } @media screen and (max-width: 540px){ /****/ .fixed-scroll .fixed-box{ position:static !important; margin-top:0 !important; width:100% !important; height:500px; } .fixed-scroll .fixed-box .img{ height:400px; } .fixed-scroll .scroll-box{ width:100%; } .shop-slider .item.slick-active .modal-img{ opacity:1; } .shop-slider .item:hover .item-box .break{ bottom:0; } .fixed-scroll .scroll-box .modal-item{ width:50% !important; } .fixed-scroll .scroll-box .modal-item:nth-child(1){ padding-top:0px; } .fixed-scroll .scroll-box .modal-item:nth-child(2){ padding-top:0px; } .post-nav{ font-size:14px; padding:15px 0px; } .post-nav li.prev_post img{ top:-1px; } .post-nav li.next_post img{ top:-1px; } .share_icons{ display:block; } .share_icons strong{ padding-right:0px; } .product-banner{ font-size:20px; } .product-banner h1{ font-size:30px; line-height:30px; margin-top:65px; } .single-product-cont{ margin-top:35px; } .woocommerce .single-product-cont .products ul.slick-slider, .woocommerce .single-product-cont ul.slick-slider.products{ margin:10px 0px 10px 0px; } .woocommerce .single-product-cont ul.products li.product, .woocommerce-page .single-product-cont ul.products li.product{ margin:0 10px; } .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:14px; } .woocommerce ul.products li.product .button{ padding:8px 12px; font-size:12px; } /****/ }