/* ----------------------------------------- */ /* View slug: my-account-slider - start */ /* ----------------------------------------- */ /*slider*/ .colored .content-text div { color: #35479c !important; text-transform:uppercase; } .colored img.accent-main { display: none; } .carousel { margin-bottom: 0 !important; } .single-slider { background: url()no-repeat; background-size: cover !important; } .slider-title { font-family: khand, sans-serif; color: white; font-weight: 100 !important; font-size: 22px; line-height: 100%; position: relative; display: inline-block; } .slider-sub { font-family: khand, sans-serif; color: white; font-weight: 400 !important; font-size: 50px; line-height: 100%; } .slider-title img { display: inline-block; margin-bottom: 3px; margin-left: 2px; width: 7px; } .single-slider-wrap .content{ display: flex; flex-wrap: wrap; position: relative; } .content-text { padding-left: 20px; justify-content: center; display: flex; flex-direction: column; z-index: 9; } .icon-slider img { width: 1px; padding-right: 10px; height: 100px; } .content { background: url(/photos/kart-1-accent-min.png)no-repeat; background-size: contain; background-position: 12px; } .icon-slider { position: relative; z-index: 9; } .icon-slider-accent { position: absolute; display: block; background: url(/photos/circle-accent-min.png)no-repeat; top: -85px; left: -110px; z-index: 1; background-size: cover; } .icon-slider-accent-inner { width: 280px; height: 280px; display: block; background: url(/photos/circle-accent-inner-min.png)no-repeat; background-size: cover; } .single-slider { background-size: cover !important; background-position: center !important; } @keyframes flickerAnimation { 0% { opacity:1; transform:rotate(0deg)} 50% { opacity:0; transform:rotate(20deg)} 100% { opacity:1; transform:rotate(0deg)} } @-o-keyframes flickerAnimation{ 0% { opacity:1; transform:rotate(0deg)} 50% { opacity:0; transform:rotate(20deg)} 100% { opacity:1; transform:rotate(0deg)} } @-moz-keyframes flickerAnimation{ 0% { opacity:1; transform:rotate(0deg)} 50% { opacity:0; transform:rotate(20deg)} 100% { opacity:1; transform:rotate(0deg)} } @-webkit-keyframes flickerAnimation{ 0% { opacity:1; transform:rotate(0deg)} 50% { opacity:0; transform:rotate(20deg)} 100% { opacity:1; transform:rotate(0deg)} } .animate-flicker { -webkit-animation: flickerAnimation 3s infinite; -moz-animation: flickerAnimation 3s infinite; -o-animation: flickerAnimation 3s infinite; animation: flickerAnimation 3s infinite; } img.accent-main { position: absolute; z-index: 9; width: 100%; top: 60vh; } .single-slider { height: calc(100vh - 150px) !important; min-height: 600px; } .colored .single-slider { height: calc(80vh - 150px) !important; min-height: 300px; } .single-slider-wrap { margin-top: 30vh; } .colored .single-slider-wrap { margin-top: 100px; } .slider-img { width: 100%; height: 550px; background-size: contain !important; background-position: center !important; } .carousel-photo { position: absolute; top: 35vh; z-index: 10; width: 80%; right: -100px; } .carousel ul.slick-dots { position: absolute !important; top: 32vh !important; bottom: unset !important; width:10px; } .carousel ul.slick-dots li { display: block; } .carousel .slick-dots li button:before{ color:white !Important; } @media only screen and (min-width: 1900px) { .carousel-photo { position: absolute; top: 45vh; z-index: 10; width: 80%; right: -100px; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){ img.accent-main { position: absolute; z-index: 9; width: 100%; top: 70vh; } .carousel-photo { top: 55vh; } .product-content { background-size: cover !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){ .quote-section .accent-line-overflow { height: 220px; } .bottom img.seperator-accent { margin-left: -760px; } } @media only screen and (max-width: 1025px) { .colored .single-slider-wrap { margin-top: 180px; } .colored .single-slider { height: calc(80vh - 150px) !important; min-height: 300px; max-height: 500px; } } @media only screen and (max-width: 820px) { .bottom img.seperator-accent { margin-left: -600px; } img.accent-main { position: absolute; z-index: 9; width: 100%; top: unset; bottom: -300px; } .product-box .product-content { background-size: cover !important; } .metric-section-wrap .accent-line-overflow { margin-top: -97px; height: 320px !important; } .carousel-photo { position: absolute; top: unset; z-index: 10; width: 80%; right: 0; bottom: -225px; } .single-slider-wrap { padding-left: 100px !important; } } @media only screen and (max-width: 600px) { img.accent-main { position: absolute; z-index: 9; width: 100%; top: unset; bottom: -100px; } .carousel-photo { bottom: -50px; } .single-slider-wrap { padding-left: 0px !important; } .slider-img { height: 300px; } .content { background-size: 280px; } .single-slider-wrap { padding: 0 10px !important; } .single-slider { height: calc(70vh - 150px) !important; min-height: 500px; } .single-slider-wrap { margin-top: 20vh; } .carousel ul.slick-dots { top: 41vh !important; } } /*end slider*/ img.accent-main-2 { position: absolute; top: -100px; z-index: 2; right: 45%; } img.accent-main-3 { position: absolute; top: 0; } .carousel1.slick-initialized.slick-slider { z-index: 9; color: white !important; } .colored .content-text div { color: #ffffff !important; text-transform: uppercase; } section.l-section.wpb_row.height_auto.my-form { margin-top: -350px; margin-bottom: 100px; } @media (min-aspect-ratio: 8/5) { section.l-section.wpb_row.height_auto.my-form { margin-top: -250px; margin-bottom: 100px; } } .form-title { font-family: khand, sans-serif; color: white; font-weight: 100 !important; font-size: 22px; line-height: 100%; position: relative; display: inline-block; color: #35479c !important; text-transform: uppercase; } @media only screen and (max-width: 600px) { section.l-section.wpb_row.height_auto.my-form { margin-top: 0px; margin-bottom: 100px; } .accent-main-2{ display:none !Important; } .accent-main{ display:block !Important; } .colored .content-text div { color: #35479c !important; text-transform: uppercase; } .colored .single-slider-wrap { margin-top: 100px; } } /* ----------------------------------------- */ /* View slug: my-account-slider - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: footer - start */ /* ----------------------------------------- */ footer .white { padding-bottom: 0px !important; } /* ----------------------------------------- */ /* View slug: footer - end */ /* ----------------------------------------- */