html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
body > * { flex-shrink: 0; }
@font-face {
font-family: Sweden;
src: url('/fonts/swedensans-webfont.woff') format('woff');
}
.type-sweden { font-family: 'Sweden'; }
.type-hind { font-family: 'Hind' !important; }
body {
font-family: 'Hind', 'Helvetica', 'Arial', 'Sans-Serif';
background-color: #fff;
color: #212121;
font-size: 16px;
font-weight: 300;
letter-spacing: 0px;
}
.cover {
position: fixed;
height: 100%;
width: 100%;
top:0;
left: 0;
background: #fff;
z-index:9999;
}
/* TRANSITIONS */
.trans-all-1 {
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.trans-all-3 {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slide {
opacity: 1 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
/* ANIMATION DELAYS */
.anim-delay-1 {
-webkit-animation-delay: .1s !important;
-moz-animation-delay: .1s !important;
-ms-animation-delay: .1s !important;
-o-animation-delay: .1s !important;
animation-delay: .1s !important;
}
.anim-delay-2 {
-webkit-animation-delay: .2s !important;
-moz-animation-delay: .2s !important;
-ms-animation-delay: .2s !important;
-o-animation-delay: .2s !important;
animation-delay: .2s !important;
}
.anim-delay-3 {
-webkit-animation-delay: .3s !important;
-moz-animation-delay: .3s !important;
-ms-animation-delay: .3s !important;
-o-animation-delay: .3s !important;
animation-delay: .3s !important;
}
.anim-delay-4 {
-webkit-animation-delay: .4s !important;
-moz-animation-delay: .4s !important;
-ms-animation-delay: .4s !important;
-o-animation-delay: .4s !important;
animation-delay: .4s !important;
}
.anim-delay-5 {
-webkit-animation-delay: .5s !important;
-moz-animation-delay: .5s !important;
-ms-animation-delay: .5s !important;
-o-animation-delay: .5s !important;
animation-delay: .5s !important;
}
.anim-delay-6 {
-webkit-animation-delay: .6s !important;
-moz-animation-delay: .6s !important;
-ms-animation-delay: .6s !important;
-o-animation-delay: .6s !important;
animation-delay: .6s !important;
}
.anim-delay-7 {
-webkit-animation-delay: .7s !important;
-moz-animation-delay: .7s !important;
-ms-animation-delay: .7s !important;
-o-animation-delay: .7s !important;
animation-delay: .7s !important;
}
.anim-delay-8 {
-webkit-animation-delay: .8s !important;
-moz-animation-delay: .8s !important;
-ms-animation-delay: .8s !important;
-o-animation-delay: .8s !important;
animation-delay: .8s !important;
}
.anim-delay-9 {
-webkit-animation-delay: .9s !important;
-moz-animation-delay: .9s !important;
-ms-animation-delay: .9s !important;
-o-animation-delay: .9s !important;
animation-delay: .9s !important;
}
.anim-delay-10 {
-webkit-animation-delay: 1s !important;
-moz-animation-delay: 1s !important;
-ms-animation-delay: 1s !important;
-o-animation-delay: 1s !important;
animation-delay: 1s !important;
}
.anim-delay-11 {
-webkit-animation-delay: 1.1s !important;
-moz-animation-delay: 1.1s !important;
-ms-animation-delay: 1.1s !important;
-o-animation-delay: 1.1s !important;
animation-delay: 1.1s !important;
}
.anim-delay-12 {
-webkit-animation-delay: 1.2s !important;
-moz-animation-delay: 1.2s !important;
-ms-animation-delay: 1.2s !important;
-o-animation-delay: 1.2s !important;
animation-delay: 1.2s !important;
}
.anim-delay-13 {
-webkit-animation-delay: 1.3s !important;
-moz-animation-delay: 1.3s;
-ms-animation-delay: 1.3s !important;
-o-animation-delay: 1.3s !important;
animation-delay: 1.3s !important;
}
.anim-delay-14 {
-webkit-animation-delay: 1.4s !important;
-moz-animation-delay: 1.4s !important;
-ms-animation-delay: 1.4s !important;
-o-animation-delay: 1.4s !important;
animation-delay: 1.4s !important;
}
.anim-delay-15 {
-webkit-animation-delay: 1.5s !important;
-moz-animation-delay: 1.5s !important;
-ms-animation-delay: 1.5s !important;
-o-animation-delay: 1.5s !important;
animation-delay: 1.5s !important;
}
.anim-delay-16 {
-webkit-animation-delay: 1.6s !important;
-moz-animation-delay: 1.6s !important;
-ms-animation-delay: 1.6s !important;
-o-animation-delay: 1.6s !important;
animation-delay: 1.6s !important;
}
.anim-delay-17 {
-webkit-animation-delay: 1.7s !important;
-moz-animation-delay: 1.7s !important;
-ms-animation-delay: 1.7s !important;
-o-animation-delay: 1.7s !important;
animation-delay: 1.7s !important;
}
.anim-delay-18 {
-webkit-animation-delay: 1.8s !important;
-moz-animation-delay: 1.8s !important;
-ms-animation-delay: 1.8s !important;
-o-animation-delay: 1.8s !important;
animation-delay: 1.8s !important;
}
.anim-delay-19 {
-webkit-animation-delay: 1.9s !important;
-moz-animation-delay: 1.9s !important;
-ms-animation-delay: 1.9s !important;
-o-animation-delay: 1.9s !important;
animation-delay: 1.9s !important;
}
.anim-delay-20 {
-webkit-animation-delay: 2s !important;
-moz-animation-delay: 2s !important;
-ms-animation-delay: 2s !important;
-o-animation-delay: 2s !important;
animation-delay: 2s !important;
}
.anim-delay-21 {
-webkit-animation-delay: 2.1s !important;
-moz-animation-delay: 2.1s !important;
-ms-animation-delay: 2.1s !important;
-o-animation-delay: 2.1s !important;
animation-delay: 2.1s !important;
}
.anim-delay-22 {
-webkit-animation-delay: 2.2s !important;
-moz-animation-delay: 2.2s !important;
-ms-animation-delay: 2.2s !important;
-o-animation-delay: 2.2s !important;
animation-delay: 2.2s !important;
}
.anim-delay-23 {
-webkit-animation-delay: 2.3s !important;
-moz-animation-delay: 2.3s !important;
-ms-animation-delay: 2.3s !important;
-o-animation-delay: 2.3s !important;
animation-delay: 2.3s !important;
}
.anim-delay-24 {
-webkit-animation-delay: 2.4s !important;
-moz-animation-delay: 2.4s !important;
-ms-animation-delay: 2.4s !important;
-o-animation-delay: 2.4s !important;
animation-delay: 2.4s !important;
}
.anim-delay-25 {
-webkit-animation-delay: 2.5s !important;
-moz-animation-delay: 2.5s !important;
-ms-animation-delay: 2.5s !important;
-o-animation-delay: 2.5s !important;
animation-delay: 2.5s !important;
}
.anim-delay-26 {
-webkit-animation-delay: 2.6s !important;
-moz-animation-delay: 2.6s !important;
-ms-animation-delay: 2.6s !important;
-o-animation-delay: 2.6s !important;
animation-delay: 2.6s !important;
}
.anim-delay-27 {
-webkit-animation-delay: 2.7s !important;
-moz-animation-delay: 2.7s !important;
-ms-animation-delay: 2.7s !important;
-o-animation-delay: 2.7s !important;
animation-delay: 2.7s !important;
}
.anim-delay-28 {
-webkit-animation-delay: 2.8s !important;
-moz-animation-delay: 2.8s !important;
-ms-animation-delay: 2.8s !important;
-o-animation-delay: 2.8s !important;
animation-delay: 2.8s !important;
}
.anim-delay-29 {
-webkit-animation-delay: 2.9s !important;
-moz-animation-delay: 2.9s !important;
-ms-animation-delay: 2.9s !important;
-o-animation-delay: 2.9s !important;
animation-delay: 2.9s !important;
}
.anim-delay-30 {
-webkit-animation-delay: 3.0s !important;
-moz-animation-delay: 3.0s !important;
-ms-animation-delay: 3.0s !important;
-o-animation-delay: 3.0s !important;
animation-delay: 3.0s !important;
}
.anim-delay-31 {
-webkit-animation-delay: 3.1s !important;
-moz-animation-delay: 3.1s !important;
-ms-animation-delay: 3.1s !important;
-o-animation-delay: 3.1s !important;
animation-delay: 3.1s !important;
}
.anim-delay-32 {
-webkit-animation-delay: 3.2s !important;
-moz-animation-delay: 3.2s !important;
-ms-animation-delay: 3.2s !important;
-o-animation-delay: 3.2s !important;
animation-delay: 3.2s !important;
}
/* ANIMATIONS */
.anim-zoom-text {
height: 100%;
width: 100%;
opacity: 0;
-webkit-animation: anim-zoom-text 1s;
-moz-animation: anim-zoom-text 1s;
-ms-animation: anim-zoom-text 1s;
-o-animation: anim-zoom-text 1s;
animation: anim-zoom-text 1s;
-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-ms-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);
transform: scale(1.6,1.6);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes anim-zoom-text {
30% { opacity: 0; -webkit-transform: scale(1.3,1.3); }
100% { opacity: 1; -webkit-transform: scale(1,1); -webkit-transition: all 3s ease-in-out 3s; }
}
@-moz-keyframes anim-zoom-text {
30% { opacity: 0; -moz-transform: scale(1.3,1.3); }
100% { opacity: 1; -moz-transform: scale(1,1); -moz-transition: all 3s ease-in-out 3s; }
}
@-ms-keyframes anim-zoom-text {
30% { opacity: 0; -ms-transform: scale(1.3,1.3); }
100% { opacity: 1; -ms-transform: scale(1,1); -ms-transition: all 3s ease-in-out 3s; }
}
@-o-keyframes anim-zoom-text {
30% { opacity: 0; -o-transform: scale(1.3,1.3); }
100% { opacity: 1; -o-transform: scale(1,1); -o-transition: all 3s ease-in-out 3s; }
}
@keyframes anim-zoom-text {
30% { opacity: 0; transform: scale(1.3,1.3); }
100% { opacity: 1; transform: scale(1,1); transition: all 3s ease-in-out 3s; }
}
.anim-slide-up {
opacity: 0;
-webkit-animation: .8s anim-slide-up;
-moz-animation: .8s anim-slide-up;
-ms-animation: .8s anim-slide-up;
-o-animation: .8s anim-slide-up;
animation: .8s anim-slide-up;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes anim-slide-up {
0% { opacity: 0; margin-top: 15%; }
100% { margin-top: 0%; opacity: 1; }
}
@-moz-keyframes anim-slide-up {
0% { opacity: 0; margin-top: 15%; }
100% { margin-top: 0%; opacity: 1; }
}
@-ms-keyframes anim-slide-up {
0% { opacity: 0; margin-top: 15%; }
100% { margin-top: 0%; opacity: 1; }
}
@-o-keyframes anim-slide-up {
0% { opacity: 0; margin-top: 15%; }
100% { margin-top: 0%; opacity: 1; }
}
@keyframes anim-slide-up {
0% { opacity: 0; margin-top: 15%; }
100% { margin-top: 0%; opacity: 1; }
}
.type-10 { font-size: 10px; }
.type-12 { font-size: 12px; }
.type-13 { font-size: 13px; }
.type-14 { font-size: 14px; }
.type-16 { font-size: 16px; }
.type-18 { font-size: 18px }
.type-19 { font-size: 19px; }
.type-20 { font-size: 20px; }
.type-24 { font-size: 24px; }
.type-28 { font-size: 28px; }
.type-34 { font-size: 34px; }
.type-40 { font-size: 40px; }
.type-50 { font-size: 50px; }
.type-115 { font-size: 115px; }
.type-135 { font-size: 135px; }
.type-banner-img-95 {
font-size: 95px;
letter-spacing: 0.13em;
-webkit-text-stroke: 2px #fff;
}
.type-banner-img-80 { font-size: 115px; }
.type-banner-h2 {
font-size: 21px;
font-weight: 500;
}
.type-weight-3 { font-weight: 300; }
.type-weight-4 { font-weight: 400; }
.type-weight-5 { font-weight: 500; }
.type-weight-6 { font-weight: 600; }
.type-weight-7 { font-weight: 700; }
.type-space-07 { letter-spacing: -7px; }
.type-space-0 { letter-spacing: 0px; }
.type-space-1 { letter-spacing: 1px; }
.type-space-2 { letter-spacing: 2px; }
.type-space-4 { letter-spacing: 4px; }
/* NAVBAR LOGO */
.logo-pelican {
width: 194px;
height: 43px;
background-image: url('/media/img/pelican-logo-white.png');
background-size: 194px 43px;
}
.logo-alt-pelican {
width: 194px;
height: 43px;
background-image: url('/media/img/pelican-logo-black.png');
background-size: 194px 43px;
}
.logo-shrink-pelican {
width: 140px;
height: 31px;
background-image: url('/media/img/pelican-logo-black.png');
background-size: 140px 31px;
}
.logo-peli {
width: 130px;
height: 43px;
background-image: url('/media/img/peli-logo-white.png');
background-size: 130px 43px;
}
.logo-alt-peli {
width: 130px;
height: 43px;
background-image: url('/media/img/peli-logo-black.png');
background-size: 130px 43px;
}
.logo-shrink-peli {
width: 94px;
height: 31px;
background-image: url('/media/img/peli-logo-black.png');
background-size: 94px 31px;
}
.banner-button {
color: #fff;
border: 1px solid #fff;
padding-top: 11px;
padding-bottom: 8px;
padding-left: 35px;
padding-right: 35px;
border-radius: 25px;
-webkit-transition: all ease-in-out 0.1s;
-moz-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
-o-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;
}
.banner-button-play {
font-size: 25px;
border: 1px solid #fff;
padding-top: 8px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 10px;
border-radius: 25px;
-webkit-transition: all ease-in-out 0.1s;
-moz-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
-o-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;
}
.banner-button:hover {
color: #fff;
background-color: #00b1ef;
border-color: #00b1ef;
cursor: pointer;
-webkit-transition: all ease-in-out 0.1s;
-moz-transition: all ease-in-out 0.1s;
-ms-transition: all ease-in-out 0.1s;
-o-transition: all ease-in-out 0.1s;
transition: all ease-in-out 0.1s;
}
.banner-img {
width: 100%;
min-height: 375px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-img-900 {
height: 900px;
max-height: 900px;
}
.banner-img-600 {
height: 600px;
max-height: 600px;
}
.banner-img-400 {
height: 400px;
max-height: 300px;
}
/* HOMEPAGE TILES */
.home-tile {
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #fff;
}
.home-tile-pro {
border: 10px solid #fff;
}
.home-tile:hover {
background-size: 107% 107%;
}
.home-tile-lg { padding-top: 50%; }
.home-tile-sm { padding-top: 25%; }
.home-tile-lg-type {
position: absolute;
background: rgba(24, 24, 24, .8);
bottom: 0%;
margin-left: -15px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.home-tile-sm-type {
position: absolute;
background: rgba(24, 24, 24, .8);
bottom: 0%;
margin-left: -15px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.home-tile-sm-type-vid { margin-left: 0px; }
.home-tile-lg-type-vid {
margin-left: 0px;
padding-left: 20px;
}
.home-tile-lg-type p {
color: lightgray;
font-size: 16px;
line-height: 18px;
margin-bottom: 0px;
}
.home-tile-lg-type h2 {
font-family: Sweden;
font-size: 26px;
margin-top: 0px;
margin-bottom: 0px;
}
.home-tile-sm-type p {
color: lightgray;
font-size: 16px;
line-height: 18px;
margin-bottom: 0px;
}
.home-tile-sm-type h2 {
font-family: Sweden;
font-size: 26px;
margin-top: 0px;
margin-bottom: 0px;
}
.overlay {
/* Height & width depends on how you want to reveal the overlay (see JS below) */
height: 100%;
width: 100%;
position: fixed; /* Stay in place */
z-index: -9999; /* Sit on top */
left: 0;
top: 0;
opacity: 0;
background-color: rgb(0,0,0); /* Black fallback color */
background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.7s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
/* Position the content inside the overlay */
.overlay-content {
position: relative;
top: 10%; /* 25% from the top */
width: 100%; /* 100% width */
text-align: center; /* Centered text/links */
margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
/* The navigation links inside the overlay */
/* When you mouse over the navigation links, change their color */
.closebtn a:hover, .overlay a:focus {
color: #f1f1f1 !important;
}
.close-btn a:link, .overlay a:visited {
transition: 0.3s;
}
.close-btn a:hover, .overlay a:focus {
color: #f1f1f1 !important;
transition: 0.3s;
}
/* Position the close button (top right corner) */
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
.overlay-fade-out {
opacity: 0;
transition: 0.7s;
z-index: -9999;
}
.search-screen {
border: 1px solid #505152;
width: 90%;
height: 148px;
margin-left: 5%;
margin-right: 5%;
}
.search-box {
height: 40px;
width: 240px;
background-color: #222;
padding-top: 5px;
padding-left: 5px;
}
.search-box-button {
font-size: 46px;
color: #fff;
background: transparent;
border: 0;
padding-right: 14px;
padding-left: 0px;
padding-top: 51px;
outline: 0;
width: 10%;
float: right;
}
.search-box-input {
color: #fff;
border: 0;
width: 90%;
float: left;
height: 148px;
font-size: 46px;
padding: 40px;
background: transparent;
border: none;
padding-top: 37px;
padding-bottom: 37px;
outline: 0;
}
.search-box-input::-webkit-input-placeholder { color: #fff; /* WebKit, Blink, Edge */ }
.search-box-input:-moz-placeholder { color: #fff; opacity: 1; /* Mozilla Firefox 4 to 18 */ }
.search-box-input::-moz-placeholder { color: #fff; opacity: 1; /* Mozilla Firefox 19+ */ }
.search-box-input:-ms-input-placeholder { color: #fff;/* Internet Explorer 10-11 */ }
.search-box-input::-ms-input-placeholder { color: #fff; /* Microsoft Edge */ }
/* --- LINKS --- */
a {
color: inherit;
outline: none !important;
box-shadow: none;
}
a:link, a:visited, .link a:link, .link a:visited { color: #00b1ef; text-decoration: none; cursor: pointer; }
a:hover, a:active, .link a:hover, .link a:active { color: #5bd4ff; text-decoration: none; }
.link-black > a:link, .link-black > a:visited { color: #212121; text-decoration: none; }
.link-black > a:hover, .link-black > a:active { color: #00b1ef !important; text-decoration: none; }
.link-dark > a:link, .link-dark > a:visited { color: #555; text-decoration: none; }
.link-dark > a:hover, .link-dark > a:active { color: #00b1ef; text-decoration: none; }
.link-white > a:link, .link-white > a:visited { color: #fff; text-decoration: none; }
.link-white > a:hover, .link-white > a:active { color: #00b1ef !important; text-decoration: none; }
.link-gray > a:link, .link-gray > a:visited { color: #b0b0b0; text-decoration: none; }
.link-gray > a:hover, .link-gray > a:active { color: #00b1ef; text-decoration: none; }
.link-white-blank > a:link, .link-white-blank > a:visited, .link-white-blank > a:hover, .link-white-blank > a:active { color: #fff; text-decoration: none; }
.link-black-blank > a:link, .link-black-blank > a:visited, .link-black-blank > a:hover, .link-black-blank > a:active { color: #212121; text-decoration: none; }
.link-blue-blank > a:link, .link-blue-blank > a:visited, .link-blue-blank > a:hover, .link-blue-blank > a:active, .link-blue-blank > a { color: #00b1ef; text-decoration: none; }
.link-dark-blank > a:link, .link-dark-blank > a:visited, .link-dark-blank > a:hover, .link-dark-blank > a:active { color: #555; text-decoration: none; }
.link-blue > a:link, .link-blue > a:visited { color: #fff; text-decoration: none; }
.link-blue > a:hover, .link-blue > a:active, .link-blue > a:focus { color: #00b1ef !important; text-decoration: none; }
/* --- TYPE --- */
.type-white { color: #fff; }
.type-gray { color: #b0b0b0; }
.type-dark { color: #5a5a5a; }
.type-black { color: #212121; }
.type-blue { color: #00b1ef; }
.pointer { cursor: pointer; }
.square { border-radius: 0 !important; }
.overflow-none { overflow: hidden !important; }
.overflow-x-none { overflow-x: hidden !important; }
.overflow-y-none { overflow-y: hidden !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-y-auto { overflow-y: auto !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-scroll { overflow-y: scroll !important; }
/* BUTTONS */
button {
outline: none;
box-shadow: none;
}
.button {
border: 1px;
border-style: solid;
padding: 10px 25px;
border-radius: 15px;
margin-top: 20px;
margin-left: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
outline: none !important;
box-shadow: none;
}
.button-small {
padding-top: 7px;
padding-bottom: 5px;
padding-left: 17px;
padding-right: 17px;
}
.btn-blue {
background-color: #00b1ef;
border-color: #00b1ef;
color: #fff;
}
.btn-blue:hover {
background-color: #73d4f6;
border-color: #73d4f6;
}
.btn-white {
background-color: #fff;
border-color: #00b1ef;
color: #00b1ef;
}
.btn-white:hover {
border-color: #73d4f6;
color: #73d4f6;
}
.btn-black {
background-color: #fff;
border-color: #212121;
color: #212121;
}
.btn-black:hover{
border-color: #73d4f6;
color: #73d4f6;
}
.btn-clear {
background-color: none;
background: transparent;
border-color: #fff;
color: #fff;
}
.btn-clear:hover{
border-color: #00b1ef;
color: #00b1ef;
}
.btn-orange {
background-color: #fd9b36;
color: rgba(255,255,255,0.8);
border: none;
}
.btn-orange:hover {
background-color: #f6c272;
}
.btn-orange-outline {
border: 1px solid #fd9b36;
color: #fd9b36;
background: transparent;
}
.btn-red-outline {
color: #c64647;
border-color: #c64647;
}
.btn-red-outline:hover {
border-color: #d88283;
color:#d88283;
}
.btn-none {
padding: none;
background: none;
border: none;
}
.btn-disabled {
background: white;
border: none;
color: gray;
cursor: default;
}
.button-video {
border: 0px;
background-color: rgba(230,33,23, 0.65);
font-size: 24px;
padding-top: 9px;
padding-bottom: 5px;
padding-left: 23px;
padding-right: 23px;
-webkit-border-radius: 20px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 12px;
}
.button-play-sm {
font-size: 12px;
border: 1px solid #00b1ef;
padding-top: 4px;
padding-bottom: 1px;
padding-left: 8px;
padding-right: 6px;
border-radius: 25px;
}
/* --- PADDING --- */
.pad-5 { padding-top: 5px; }
.pad-10 { padding-top: 10px; }
.pad-15 { padding-top: 15px; }
.pad-20 { padding-top: 20px; }
.pad-25 { padding-top: 25px; }
.pad-30 { padding-top: 30px; }
.pad-40 { padding-top: 40px; }
.pad-60 { padding-top: 60px; }
.pad-80 { padding-top: 80px; }
.pad-bot-5 { padding-bottom: 5px; }
.pad-bot-10 { padding-bottom: 10px; }
.pad-bot-15 { padding-bottom: 15px; }
.pad-bot-20 { padding-bottom: 20px; }
.pad-none { padding: 0px; }
.pad-no-top { padding-top: 0px; }
.pad-sides-0 {
padding-left: 0px;
padding-right: 0px;
}
.pad-sides-15 {
padding-left: 15px;
padding-right: 15px;
}
.pad-sides-30 {
padding-left: 30px;
padding-right: 30px;
}
.pad-sides-45 {
padding-left: 45px;
padding-right: 45px;
}
.pad-sides-60 {
padding-left: 60px;
padding-right: 60px;
}
.pad-sides-90 {
padding-left: 90px;
padding-right: 90px;
}
.pad-15-right { padding-right: 15px; }
.pad-15-left { padding-left: 15px; }
.pad-30-right { padding-right: 30px; }
.pad-30-left { padding-left: 30px; }
.pad-no-left { padding-left: 0px !important; }
.pad-no-right { padding-right: 0px !important; }
.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-40 { padding: 40px; }
.p-60 { padding: 60px; }
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-5 { padding-left: 0px; padding-right: 0px; }
.px-5 { padding-left: 5px; padding-right: 5px; }
.px-10 { padding-left: 10px; padding-right: 10px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-60 { padding-left: 60px; padding-right: 60px; }
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-5 { padding-top: 5px; padding-bottom: 5px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.pt-0 { padding-top: 0px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-40 { padding-top: 40px; }
.pt-60 { padding-top: 60px; }
.pb-0 { padding-bottom: 0px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pl-0 { padding-left: 0px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-40 { padding-left: 40px; }
.pl-60 { padding-left: 60px; }
.pr-0 { padding-right: 0px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-40 { padding-right: 40px; }
.pr-60 { padding-right: 60px; }
/* --- MARGIN --- */
.margin-top-090 {
margin-top: -90px;
}
.m-0 { margin: 0px; }
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-40 { margin: 40px; }
.m-60 { margin: 60px; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-5 { margin-left: 5px; margin-right: 5px; }
.mx-10 { margin-left: 10px; margin-right: 10px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.mx-40 { margin-left: 40px; margin-right: 40px; }
.mx-60 { margin-left: 60px; margin-right: 60px; }
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-5 { margin-top: 5px; margin-bottom: 5px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.ml-0 { margin-left: 0px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-40 { margin-left: 40px; }
.ml-60 { margin-left: 60px; }
.mr-0 { margin-right: 0px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-40 { margin-right: 40px; }
.mr-60 { margin-right: 60px; }
/* --- BORDERS --- */
.border-top {
border-top-style: solid;
border-top-width: 1px;
}
.border-bottom {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.border-left {
border-left-style: solid;
border-left-width: 1px;
}
.border-right {
border-right-style: solid;
border-right-width: 1px;
}
.border-all {
border-style: solid;
border-width: 1px;
}
.border-bottom-double {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.border-lighter { border-color: #f0f0f0; }
.border-light { border-color: #e4e4e4; }
.border-white { border-color: #fff; }
.border-med { border-color: #cecece; }
.border-dark { border-color: #5a5a5a; }
.border-black { border-color: #000; }
.border-blue { border-color: #00b1ef; }
.border-none { border: 0px; }
.border-curved { border-radius: 10px 40px 10px 40px; }
/* --- OPACITY --- */
.opacity-0 { opacity: 0.0; }
.opacity-1 { opacity: 0.1; }
.opacity-2 { opacity: 0.2; }
.opacity-3 { opacity: 0.3; }
.opacity-4 { opacity: 0.4; }
.opacity-5 { opacity: 0.5; }
.opacity-6 { opacity: 0.6; }
.opacity-7 { opacity: 0.7; }
.opacity-8 { opacity: 0.8; }
.opacity-9 { opacity: 0.9; }
.cursor-pointer { cursor: pointer; }
.h-full { height: 100%; }
.w-full { width: 100%; }
.absolute-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
}
/* NAVBAR */
.navbar-default .navbar-nav > li > a:link, .navbar-default .navbar-nav > li > a:visited, .navbar-right > .nav > li > a:link, .navbar-right > .nav > li > a:visited { color: #fff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-right > .nav > li > a:hover, .navbar-right > .nav > li > a:active, .navbar-right > .nav > li > a:focus { background-color: transparent !important; }
.navbar-default .navbar-nav > li { padding-top: 13px; transition: all 0.3s ease; }
.navbar-brand { padding-top: 11px; }
.navbar, .navbar-default, .navbar-toggle {
border: 0;
background: none;
}
.navbar-toggle .icon-bar {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-top:9px;
height: 4px;
border-radius: 2px;
background-color: #fff !important;
}
.navbar-toggle .icon-bar-alt { background-color: #222 !important; }
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar { background-color: #00b1ef !important; }
.navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent !important; }
.navbar-default {
height: 102px;
color: #333;
font-size: 14px;
margin-bottom: 0px;
border-bottom: 1px solid #cecece;
}
.navbar-ul-alt > li > a:link, .navbar-ul-alt > li > a:visited {
color: #222 !important;
}
.navbar-shrink {
background-color:rgb(255,255,255);
background-color:rgba(255,255,255, 0.9);
height: 50px !important;
}
.navbar-ul-shrink > li > a:link, .navbar-ul-shrink > li > a:visited { color: #222 !important; }
.navbar-ul-shrink > li > a:hover, .navbar-ul-shrink > li > a:active { color: #222 !important; }
.navbar-top {
background-color:rgb(220,220,220);
background-color:rgba(220,220,220, 0.4);
height: 27px;
padding-top: 3px;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar-top-shrink {
height: 0px !important;
padding-top: 0px !important;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#navbar-tools { padding-top: 13px; }
.navbar-tools-shrink { padding-top: 3px !important; }
.navbar-tools-shrink > li > a:link, .navbar-tools-shrink > li > a:visited { color: #222 !important; }
.navbar-tools-shrink > li > a:hover, .navbar-tools-shrink > li > a:active { color: #222 !important; }
.navbar-ul-shrink > li { padding-top: 0px !important; }
.navbar-ul-shrink > .right-button-shrink { padding-bottom: 0px !important; }
.navbar-brand-shrink { padding-top: 8px; }
.navbar-shrink .navbar-toggle .icon-bar { background-color: #222 !important; }
.navbar-shrink .navbar-toggle:hover .icon-bar, .navbar-shrink .navbar-toggle:active .icon-bar { background-color: #00b1ef !important; }
.navbar-shrink .icon-bar {
margin-top: -2px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
margin-top: 0;
}
.navbar .dropdown-menu {
display: table;
border-radius: 0px;
padding-bottom: 0px !important;
width: 100%;
font-size:14px;
text-align: center;
line-height: 24px;
left: 0;
right: 0;
background: rgba(24, 24, 24, .9);
padding-top: 20px;
z-index: 9999;
}
.nav-shop {
margin-top: 11px !important;
margin-left: 15px;
}
.nav-search {
font-size: 17px;
margin-top: 3px;
padding-left: 13px;
}
.nav-flag {
margin-top: 12px;
}
.nav-account {
font-size: 17px;
margin-top: 4px;
}
.whitenav { padding-top: 102px; }
.modal-body { padding-top: 0px; }
.modal-content {
background: rgba(24, 24, 24, 0.78);
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
border-radius: 0px !important;
}
/* --- BACKGROUNDS ---------*/
.background-white { background-color: #fff; }
.background-lighter { background-color: #f0f0f0; }
.background-light { background-color: #e4e4e4; }
.background-med-dark { background-color: #414141; }
.background-dark { background-color: #2f2f2f; }
.background-darker { background-color: #222; }
.background-black { background-color: #000; }
.background-none { background-color: none !important; }
.item-row {
margin-left: -15px;
margin-right: -30px;
}
.no-overflow { overflow: hidden; }
/* DISPLAY */
.block { display: block; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; display: -webkit-flex; }
.inline-flex { display: inline-flex; }
/* POSITION */
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; position: -webkit-sticky; }
/* FLEX */
.flex-wrap { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.flex-no-wrap { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; }
.flex-row { flex-direction: row; -webkit-flex-direction: row;}
.flex-row-reverse { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.flex-col { flex-direction: column; -webkit-flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
.items-stretch { align-items: stretch; -webkit-align-items: stretch; }
.items-start { align-items: flex-start; -webkit-align-items: flex-start; }
.items-center { align-items: center; -webkit-align-items: center; }
.items-end { align-items: flex-end; -webkit-align-items: flex-end; }
.items-baseline { align-items: baseline; -webkit-align-items: baseline; }
.content-start { align-content: flex-start; -webkit-align-content: flex-start; }
.content-center { align-content: center; -webkit-align-content: center; }
.content-end { align-content: flex-end; -webkit-align-content: flex-end; }
.content-between { align-content: space-between; -webkit-align-content: space-between; }
.content-around { align-content: space-around; -webkit-align-content: space-around; }
.self-auto { align-self: auto; -webkit-align-self: auto; }
.self-center { align-self: center; -webkit-align-self: center; }
.self-end { align-self: flex-end; -webkit-align-self: flex-end; }
.self-start { align-self: flex-start; -webkit-align-self: flex-start }
.self-stretch { align-self: stretch; -webkit-align-self: stretch; }
.justify-start { justify-content: flex-start; -webkit-justify-content: flex-start; }
.justify-center { justify-content: center; -webkit-justify-content: center; }
.justify-end { justify-content: flex-end; -webkit-justify-content: flex-end; }
.justify-between { justify-content: space-between; -webkit-justify-content: space-between; }
.justify-around { justify-content: space-around; -webkit-justify-content: space-around; }
/* Shadows */
.shadow-1 { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.shadow-2 { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
.shadow-3 { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.shadow-4 { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
.shadow-5 { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.shadow-ig { box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
.product-shadow { filter: drop-shadow(0 3px 0.75rem darkgray); }
.inset-shadow { box-shadow: inset 0px 4px 7px rgba(0,0,11,0.2); }
.img-shadow { box-shadow: 0 10px 20px rgba(0,0,0,0.39), 0 6px 6px rgba(0,0,0,0.63); }
/* Safari Fix */
.col-fix {
margin-left: -.3px;
margin-right: -.3px;
}
/* Table Style */
.table-clean {
border: 1px solid #f5f5f5;
background: white;
}
.table-clean tbody>tr>td, .table-clean tbody>tr>th {
vertical-align: middle;
padding: 20px;
font-size: 14px;
}
.table-clean tr th, .table-clean tr td {
text-align: center;
}
.table-clean tbody>tr>td {
border-bottom: none;
border-top: none;
}
.table-clean tbody>tr>th {
border-top: none;
color: white;
position: sticky;
top: 50px;
z-index: 999;
background: #2f2f2f;
border-bottom: 1px solid #ddd;
font-size: 16px;
font-weight: 500;
}
.table-clean a {
font-weight: 500;
/* color: #333; */
}
.table-clean a:hover {
color: #00b1ef;
}
.table-clean tr:not(:first-child):hover {
background: #f5f6f7;
}
.table-clean tbody>tr>td:first-child, .table-clean tbody>tr>th {
border-left: none;
border-right: none;
}
.table-clean tbody>tr>td:first-child {
background: #f5f5f5;
font-weight: 500;
}
footer {
background-color: #222;
line-height: 24px;
flex-grow: 1;
}
.footer {
background-color: #2f2f2f;
}
.carousel-control.left, .carousel-control.right { background-image: none }
.carousel-indicators li {
width: 11px;
height: 11px;
margin: 3px;
border-radius: 50%;
border: 1px solid #00b1ef;
background: #fff;
cursor: pointer;
}
.carousel-indicators .active {
width: 10px;
height: 10px;
margin: 3px;
border-radius: 50%;
background: #00b1ef;
}
.carousel-indicators {
width: 100%;
left: 30%;
bottom: -25px;
}
.carousel-inner { margin-bottom: 25px; }
.carousel-inner > .item {
-webkit-transition: -webkit-transform .3s ease-in-out !important;
-moz-transition: -moz-transform .3s ease-in-out !important;
-ms-transition: -ms-transform .3s ease-in-out !important;
-o-transition: -o-transform .3s ease-in-out !important;
transition: transform .3s ease-in-out !important;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 0; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 0; }
.carousel-control.left, .carousel-control.right {
color: #212121;
opacity: .7;
text-shadow: none;
}
.carousel-control.left:hover, .carousel-control.right:hover {
color: #00b1ef;
opacity: .7;
text-shadow: none;
}
.color {
width: 65px;
height: 20px;
}
.color-primary {
width: 45px;
height: 20px;
}
.color-secondary {
width: 20px;
height: 20px;
}
.colors {
border: 1px solid #fff;
padding: 2px;
margin: 6px -3px -2px -3px; /*prevents box from causing misalignment*/
}
.color-select {
box-shadow: 0 0 0 1px #444;
}
.color-no-select {
border: none !important;
}
/*
.color-line {
position: relative;
z-index: 1;
top: -23px;
left: 32px;
width: 1px;
height: 67px;
background-color: #a3a4a5;
transform: rotate(65deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(74deg);
}
*/
.modal.modal-wide .modal-dialog {
width: 95%;
max-width: 1599px;
}
.modal-white {
background: #fff;
text-align: left;
padding: 20px 40px;
}
.modal-white a { color: #222; }
/* --- ANSIFL1 TABLE --- */
.ansifl1 {
font-size: 20px;
font-weight: 600;
border: 2px solid black;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
text-align: center;
border-spacing: 0px;
border-collapse: separate;
}
.ansifl1 th {
font-size: 16px;
color: #fff;
background-color: #000;
padding: 10px;
text-align: center;
}
.ansifl1 td {
padding-left: 10px;
padding-right: 10px;
border: 2px solid black;
text-align: center;
}
.ansi-def {
border: 2px solid black;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-spacing: 0px;
border-collapse: separate;
}
.ansi-def th {
background-color: #000;
padding: 10px;
}
.ansi-def td {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
border: 2px solid black;
}
.ansi-icon {
width: 100px;
height: 80px;
}
.product-tile {
border-color: transparent;
}
.product-tile:hover {
background-color: #fff;
z-index: 998;
box-shadow: 0px 0px 20px 2px #f5f5f5;
}
.product-tile .product-tile-extra {
color: #212121;
visibility: hidden;
}
.product-tile:hover .product-tile-extra {
visibility: visible;
}
.product-tile-overlay {
position: absolute;
background-color: rgba(0, 0, 0, .00);
width: 100%;
height: 100%;
margin-top: -15px;
margin-left: -30px;
z-index: 10;
}
.product-sub-tile-overlay {
margin-top: -20px;
margin-left: -15px;
}
.product-tile-overlay:hover { background-color: transparent; background-color: rgba(0, 0, 0, .04); }
.product-tile-img {
width: 100%;
}
.product-tile-img:after {
content: "";
display: block;
padding-top: 100%;
}
.product-tile-img-thumb {
position: absolute;
width: 100%;
height: 100%;
}
/*
.product-tile {
border-color: transparent;
}
.product-tile:hover {
background-color: #fff;
z-index: 998;
box-shadow: 0px 0px 20px 2px #f5f5f5;
background-color: transparent;
background-color: rgba(0, 0, 0, .04);
}
.product-tile .product-tile-extra {
color: #212121;
visibility: hidden;
}
.product-tile:hover .product-tile-extra {
visibility: visible;
}
.product-tile-overlay {
position: absolute;
width: 100%;
height: 90%;
margin-top: -15px;
margin-left: -30px;
pointer-events:none;
}
.product-sub-tile-overlay {
margin-top: -20px;
margin-left: -15px;
}
.product-tile-overlay:hover {
background-color: transparent;
background-color: rgba(0, 0, 0, .04);
background-image: url('/media/img/overlay.png');
}
*/
.product-tile-price { color: #617863; }
.product-tab {
color: #00b1ef;
padding-bottom: 5px;
border-color: #00b1ef;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.product-tab > a:link, .product-tab > a:visited, .product-tab > a:hover, .product-tab > a:active, .product-tab > a { color: #00b1ef; text-decoration: none; }
.thumbswrap { padding-right: 55px; }
.thumbs { margin-top: 42px; }
.video-height { height: 658px; }
.nav-tabs > li > a { background-color: #e3e3e3; }
/* FEATURE CIRCLES */
.feature-circle {
cursor: default;
position: absolute;
color: #fff;
background-color: rgba(0, 177, 239, 0.7);
width: 42px;
height: 42px;
border-radius: 50%;
border: 1px solid #fff;
z-index: 997;
}
.feature-circle-hover {
color: #00b1ef;
background-color: rgba(255, 255, 255, 0.7);
border-color: #00b1ef;
}
.feature-circle p {
text-align: center;
font-size: 17px;
font-weight: 700;
padding-top: 9px;
}
.feature-circle-right { left: 30px; }
#feature-left-1:hover #feature-right-1 { border: 1px solid #000; }
.photo-stream {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.photo-stream:hover {
-webkit-filter: brightness(115%);
-moz-filter: brightness(115%);
-o-filter: brightness(115%);
-ms-filter: brightness(115%);
filter: brightness(115%);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
/* PHOTOSTREAM */
.photo-stream-lg { height: 735px; }
.photo-stream-md { height: 650px; }
.photo-stream-xm { height: 399px; }
.photo-stream-sm { height: 360px; }
.photo-stream-xs { height: 192px; }
.lifestyle-stream {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.lifestyle-stream-lg { height: 589px; }
.lifestyle-stream-md { height: 287px; }
.norow-dealers { height: 220px; }
/* FLEXSLIDER (ITEM PAGE IMAGES & THUMBNAILS) */
.flexslider {
padding-top: 15px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-bottom: 5px !important;
margin-bottom: 0px !important;
}
.flexslider-thumb {
max-height: 115px;
}
.flexslider-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height:100%;
max-width: 100%;
}
.flexslider-img-container {
position: relative;
width: 100%;
padding-bottom: 100%;
margin-bottom:20px;
}
.flexslider-img-wrapper {
position: absolute;
width:100%;
height:100%;
}
flexslider .flex-prev, .flexslider .flex-next {
opacity: 1;
}
.flex-direction-nav {
display: block !important;
opacity: 1 !important;
}
.flex-direction-nav a {
opacity: 0.6 !important;
width: 33px !important;
height: 90px !important;
color: rgba(0,0,0,0) !important;
text-shadow: none !important;
-webkit-transition: none !important;
}
.flex-direction-nav a:active, .flex-direction-nav a:focus {
outline: 0;
border: none;
-moz-outline-style: none;
}
.flex-direction-nav .flex-disabled {
opacity: 0.6 !important;
filter: alpha(opacity=0.6);
cursor: default;
}
.flex-next {
right: -58px !important;
background: url('/media/img/icons/carousel-right-arrow.png');
background-size: 33px 90px;
}
.flex-prev {
left: -58px !important;
background: url('/media/img/icons/carousel-left-arrow.png');
background-size: 33px 90px;
}
.flexslider:hover .flex-direction-nav .flex-prev { left: -58px !important; }
.flexslider:hover .flex-direction-nav .flex-next { right: -58px !important; }
.flex-next:hover, .flex-prev:hover, .flex-disabled:hover { opacity: 1 !important; }
.flex-direction-nav .flex-disabled { opacity: 0.6 !important; }
#slider .flex-direction-nav {
display: none !important;
}
#carousel {
margin: 0 auto;
width: 82%;
}
#slide-up-container {
bottom: 0px;
display: none;
left: 0px;
position: fixed;
width: 100%;
background-color: rgb(51,51,51);
background-color: rgba(51,51,51,0.9);
border: 1px solid #666666;
border-bottom-width: 0px;
padding: 20px 0px 20px 20px;
color: white;
text-align: center;
z-index: 9999;
}
#slide-up-compare {
bottom: 0px;
display: none;
left: 0px;
position: fixed;
width: 100%;
background-color: rgb(51,51,51);
background-color: rgba(51,51,51,0.9);
border: 1px solid #666666;
border-bottom-width: 0px;
padding: 20px 0px 20px 20px;
color: white;
text-align: center;
z-index: 9999;
}
.spin-icon {
height: 50px;
width: 107px;
display: block;
background-size: 107px 100px;
background-repeat: no-repeat;
background-position: left 0px top 0px;
}
.spin-icon:hover {
background-position: left 0 top -50px;
}
.no-outline {
outline: none !important;
box-shadow: none;
}
.inside {
font-size: 12.5rem;
font-weight: 300;
margin-left: 10px;
line-height: 50px;
vertical-align: bottom;
}
.the {
font-size: 7.4rem;
line-height: 11px;
-webkit-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);;
}
.box {
font-weight: 600;
margin-top: -10px;
font-size: 20.3rem;
}
/*-- FORM EDIT --*/
.form-group {
display: block;
margin-bottom: 20px;
}
.form-group textarea {
display: block;
}
/*-- Text/Select Fields --*/
.input-custom {
border: 1px solid lightgray;
border-radius: 3px !important;
background-color: white;
background-color: transparent;
box-shadow: none;
color: #555;
display: block;
font-size: 16px;
outline: none;
padding: 5px 8px;
width: 100%;
}
.input-custom:focus {
border-color: #00B1EF;
box-shadow: none;
}
label.modified {
display: block;
font-size: 14px;
font-weight: 500;
padding-bottom: 3px;
margin: 0px 0px 0px 6px;
}
#cart-api-product-add-to-cart input {
border: 1px solid lightgray;
border-radius: 4px;
}
/*- Bootstrap Dropdown CSS -*/
.dropdown .btn-default {
background-color: white;
background-color: transparent;
border: 1px solid lightgray;
box-shadow: none;
color: #212121;
height: 34px;
width: 100%;
}
.dropdown .caret {
background: url('/media/img/icons/select-down.png') no-repeat 100% 100%;
background-size: 42px 64px;
border-top: none;
float: right;
height: 32px;
margin: -6px -16px -0px 0px;
width: 46px;
}
.dropdown-custom2 .caret {
background: url('/media/img/icons/select-up-down.png') no-repeat 100% 100%;
background-size: 42px 64px;
border-top: none;
float: right;
height: 32px;
margin: -6px -16px -0px 0px;
width: 46px;
}
.dropdown-custom .btn-default:active:focus,.btn-default:hover, .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-default:focus {
background-color: white;
background-color: transparent;
box-shadow: none;
outline: 0;
}
.open>.dropdown-toggle.btn-default:focus{
border-color: #00b1ef;
}
.open>.dropdown-toggle.btn-default:focus .caret {
background-position: 100% 0%;
}
.dropdown-menu > li > a:hover {
color: white;
background: #00b1ef;
}
/*- Select Fields -*/
.select-custom select {
background: url('/media/img/icons/select-up-down.png') no-repeat 100% 100%;
background-size: 42px 64px;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.select-custom select:focus {
background: url('/media/img/icons/select-up-down.png') no-repeat 100% 0%;
background-size: 42px 64px;
border: 1px solid #00B1EF;
}
.select-custom2 select {
background: url('/media/img/icons/select-down.png') no-repeat 100% 100%;
background-size: 42px 64px;
height: 34px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.select-custom2 select:focus {
background: url('/media/img/icons/select-down.png') no-repeat 100% 0%;
background-size: 42px 64px;
border: 1px solid #00B1EF;
}
/*- Checkbox -*/
.checkbox-custom {
cursor: pointer;
display: block;
margin-bottom: 12px;
padding-left: 35px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-0-user-select: none;
user-select: none;
}
.checkbox-custom label {
font-size: 14px;
font-weight: 300;
}
.checkbox-custom input {
cursor: pointer;
opacity: 0;
position: absolute;
}
.checkmark {
background-color: transparent;
position: absolute;
top: 0px;
left: 0px;
height: 24px;
width: 24px;
border: 1px solid lightgray;
border-radius: 4px;
}
.checkbox-custom input:checked ~ .checkmark {
background-color: #00B1EF;
border-color: #00B1EF;
}
.checkmark:after {
content: "";
display: none;
position: absolute;
}
.checkbox-custom input:checked ~ .checkmark:after {
display: block;
}
.checkbox-custom .checkmark:after {
border: solid white;
border-width: 0 2px 2px 0;
height: 15px;
left: 8px;
top: 1px;
width: 7px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/*- Radio Buttons -*/
.radio-item {
display: inline-block;
margin: 0px 10px 0px 0px;
position: relative;
padding: 0 6px;
}
.radio-item input[type='radio'] {
cursor: pointer !important;
display: none;
}
/* - Radio Outer-Inner Circle -*/
.radio-item label:before {
background: rgba(255,255,255);
background: transparent;
border: 1px solid #212121;
border-radius: 50%;
content: " ";
display: inline-block;
height: 24px;
left: -5px;
margin: 0 5px 0 0;
position: relative;
top: 8px;
width: 24px;
}
.radio-item input[type=radio]:checked + label:after {
background: #00B1EF;
border: 1px solid #00B1EF !important;
border-radius: 50%;
content: " ";
display: block;
height: 18px;
left: 4px;
position: absolute;
top: 3px;
width: 18px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.radio-item input[type=radio]:checked + label:before {
border-color: #00B1EF;
}
.radio-item label {
color: #555;
cursor: pointer !important;
margin-top: -8px;
font-size: 14px;
font-weight: normal;
}
/* social media icons */
.social {
border-top: none;
cursor: pointer;
display: inline-block;
height: 32px;
width: 32px;
margin: 15px 15px -10px 0px;
}
.social-sm {
border-top: none;
cursor: pointer;
display: inline-block;
height: 16px;
width: 16px;
}
.social-facebook-circle {
background: url('/media/img/icons/social-facebook.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-twitter-circle {
background: url('/media/img/icons/social-twitter.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-instagram-circle {
background: url('/media/img/icons/social-instagram.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-linkedin-circle {
background: url('/media/img/icons/social-linkedin.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-pinterest-circle {
background: url('/media/img/icons/social-pinterest.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-website-circle {
background: url('/media/img/icons/social-web.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-youtube-circle {
background: url('/media/img/icons/social-youtube.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-email-circle {
background: url('/media/img/icons/social-email.gif') no-repeat 100% 0%;
background-size: 32px 64px;
}
.social-blog-sm {
background: url('/media/img/icons/social-blog-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-facebook-sm {
background: url('/media/img/icons/social-facebook-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-instagram-sm {
background: url('/media/img/icons/social-instagram-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-linkedin-sm {
background: url('/media/img/icons/social-linkedin-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-pinterest-sm {
background: url('/media/img/icons/social-pinterest-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-twitter-sm {
background: url('/media/img/icons/social-twitter-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-youtube-sm {
background: url('/media/img/icons/social-youtube-sm.gif') no-repeat 100% 0%;
background-size: 16px 32px;
}
.social-facebook-circle:hover, .social-twitter-circle:hover, .social-instagram-circle:hover, .social-linkedin-circle:hover, .social-pinterest-circle:hover, .social-website-circle:hover, .social-youtube-circle:hover, .social-email-circle:hover, .social-blog-sm:hover, .social-facebook-sm:hover, .social-instagram-sm:hover, .social-linkedin-sm:hover, .social-pinterest-sm:hover, .social-twitter-sm:hover, .social-youtube-sm:hover {
background-position: 100% 100%;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.panel-contact {
background: #f9fafb;
border-color: #f9f9f9;
border-radius: 0px;
border-width: 1px 1px 0px 1px;
box-shadow: 0px 5px 0px 0px #bcc8d5;
margin-bottom: 20px;
min-height: 150px;
position: relative;
text-align: left;
width: 100%;
}
.panel-contact-info {
position: absolute;
padding: 10px;
bottom: 0px;
}
.panel-contact p {
margin-bottom: 5px;
}
.panel-contact h5 {
margin-top: 0px;
font-size: 20px;
}
.dealer-map { opacity: .5; }
small {
color: inherit !important;
font-weight: inherit !important;
}
.sitemap-list {
list-style: none;
padding-left: 0px;
margin-bottom: 20px;
}
.sitemap-list li {
margin-bottom: 10px;
font-weight: 400;
}
/*-- SUBNAV --*/
#subnav {
cursor: pointer;
}
#subnav-menu {
overflow: hidden;
max-height: 0px;
transition: all .2s linear;
background: white;
}
#subnav-menu ul {
text-align: center;
padding-left: 0px;
width: 100%;
list-style: none;
}
#subnav-menu ul li {
width: 100%;
border-bottom: 1px solid #e4e4e4;
}
#subnav-menu ul li:hover {
background: #00b1ef;
}
#subnav-menu ul li a {
color: #333;
display: block;
padding: 10px 0px;
}
#subnav-menu ul li:hover a {
color: white !important;
}
.subnav-product-tab {
padding-bottom: 10px;
margin-bottom: 0px;
}
.subnav-option-show {
max-height: 300px !important;
}
.sub-nav-arrow {
font-size: 18px;
background: url('/media/img/icons/shop-arrow.png') no-repeat 100% 0%;
background-size: 25px 28px;
background-repeat: no-repeat;
display: inline-block;
height: 16px;
line-height: 16px;
}
.sub-nav-arrow:hover {
background: url('/media/img/icons/shop-arrow.png') no-repeat 100% 100%;
background-size: 25px 28px;
background-repeat: no-repeat;
display: inline-block;
}
.sub-nav-arrow:hover a { color: #00b1ef; }
.sub-nav-arrow a {
color: #212121;
text-decoration: none;
}
.sub-nav-arrow span { padding-right: 40px; }
.report-problem {
background-color: #cfffaf;
width: 150px;
padding-top: 5px;
padding-bottom: 5px;
}
.option {
max-height: 0px;
overflow-y: hidden;
z-index: 999;
width: 100%;
position: absolute;
margin-top: 42px;
}
.option-show {
max-height: 1000px;
-webkit-transition: max-height 1s ease-out;
-moz-transition: max-height 1s ease-out;
-ms-transition: max-height 1s ease-out;
-o-transition: max-height 1s ease-out;
transition: max-height 1s ease-out;
}
.type-red { color: red !important; }
.custom-alert { background-color: #ffcccb !important; }
.blue {
color: #00b1ef !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.display-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.close-x {
color: #00b1ef;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.close-x:hover {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.klaviyo_styling {
max-width: 100% !important;
}
.footer-form input {
font-family: 'Hind' !important;
font-size: 14px !important;
height: 37px !important;
color: white !important;
background-color: #2f2f2f !important;
border: 1px solid #b0b0b0 !important;
border-right: 0px !important;
border-radius: 0px !important;
display: inline-block !important;
width: 100% !important;
}
.footer-form input::-webkit-input-placeholder { font-size: 14px !important; color: gray !important; }
.footer-form input::-ms-input-placeholder { font-size: 14px !important; color: gray !important; }
.footer-form input::-moz-placeholder { font-size: 14px !important; color: gray !important; }
.footer-form input::-o-placeholder { font-size: 14px !important; color: gray !important; }
.footer-form input::placeholder { font-size: 14px !important; color: gray !important; }
.footer-form button {
font-family: 'Hind' !important;
background-color: #555 !important;
border: 1px solid #b0b0b0 !important;
border-radius: 0px !important;
font-size: 13px !important;
font-weight: 300 !important;
padding: 11px 18px !important;
height: auto !important;
}
.footer-form button:hover {
background-color: #777 !important;
}
.banner-form input {
font-family: 'Hind' !important;
padding: 15px 20px !important;
border: none !important;
border-radius: 25px 0px 0px 25px !important;
background: rgba(255,255,255,0.9) !important;
height: auto !important;
outline: none !important;
box-shadow: none;
}
.banner-form button {
font-family: 'Hind' !important;
font-weight: 400 !important;
padding: 15px 20px !important;
background-color: rgb(0, 177, 239) !important;
background-color: rgba(0, 177, 239, 0.9) !important;
border: none;
border-radius: 0px 25px 25px 0px !important;
color: white;
float: right;
height: auto !important;
line-height: 20px !important;
margin-left: -1px !important;
outline: none;
}
.banner-form button:hover {
background-color: rgb(91, 212, 255) !important;
background-color: rgba(91, 212, 255, 0.9) !important;
}
.page-form input {
font-family: 'Hind' !important;
padding: 15px 20px !important;
border: 1px solid #00b1ef !important;
border-radius: 25px 0px 0px 25px !important;
background: #ffffff !important;
height: auto !important;
outline: none !important;
box-shadow: none;
}
.page-form button {
font-family: 'Hind' !important;
font-weight: 400 !important;
padding: 15px 20px !important;
background-color: #00b1ef !important;
border: 1px solid #00b1ef !important;
border-radius: 0px 25px 25px 0px !important;
color: white;
float: right;
height: auto !important;
line-height: 20px !important;
margin-left: -1px !important;
outline: none;
}
.page-form button:hover {
background-color: #73d4f6 !important;
border-color: #73d4f6 !important;
}
.product-form { width: 60%; }
.product-form input {
font-family: 'Hind' !important;
font-size: 14px !important;
height: auto !important;
background-color: #ffffff !important;
border: 1px solid #b0b0b0 !important;
border-right: 0px !important;
border-radius: 0px !important;
line-height: 20px !important;
margin-left: 0px !important;
padding: 8px 18px !important;
}
.product-form input::-webkit-input-placeholder { font-size: 14px !important; }
.product-form input::-ms-input-placeholder { font-size: 14px !important; }
.product-form input::-moz-placeholder { font-size: 14px !important; }
.product-form input::-o-placeholder { font-size: 14px !important; }
.product-form input::placeholder { font-size: 14px !important; }
.product-form button {
font-family: 'Hind' !important;
font-size: 13px !important;
font-weight: 400 !important;
background-color: #00b1ef !important;
border: 1px solid #00b1ef !important;
border-radius: 0px !important;
height: auto !important;
line-height: 20px !important;
padding: 8px 18px !important;
}
.product-form button:hover {
background-color: #5bd4ff !important;
border-color: #5bd4ff !important;
}
.product-form span {
font-size: 14px !important;
font-weight: 300 !important;
color: #212121 !important;
}
.white-form input {
background-color: #fff !important;
border: 1px solid #b0b0b0 !important;
border-right: 0px !important;
border-radius: 0px !important;
margin-left: -4px !important;
}
.blog-card {
background-color: white;
border: 1px solid #dcdcdc;
border-bottom: 2px solid #dcdcdc;
min-height: 350px;
transition: all .2s linear;
overflow: hidden;
}
.blog-card:before {
display: none;
padding-left: 10px;
content: "\201C";
font-size: 60px;
font-family: Georgia, serif;
position: absolute;
left: 15px;
top: 35px;
color: #edf1f4;
text-shadow: 1px 1px 2px gray;
}
.blog-card h2 {
margin-top: 40px;
font-size: 20px;
font-weight: 700;
padding: 0px 30px;
}
.blog-img {
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto;
height: 300px;
background-position: 50% 50%;
transition: all .2s linear;
}
.blog-text {
color: #5a5a5a;
text-align: left;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
padding: 10px 30px 0px 30px;
height: 80px;
}
.blog-text a {
text-decoration: none;
pointer-events: none;
color: gray;
}
.blog-card .button {
margin-top: 30px;
}
.blog-date {
margin-top: 30px;
border-top: 1px solid #dcdcdc;
padding: 15px 0px;
background-color: #fcfcfc;
text-align: center;
transition: all .2s linear;
}
.blog-post h2 {
font-weight: 700;
}
.blog-post p, .blog-post ul li {
line-height: 28px;
}
/* Hover */
.blog-card:hover {
box-shadow: 0 3px 6px rgba(0,0,0,0.19);
background: #edf1f4;
/* transform: translateY(-5px); */
}
.blog-card:hover .btn-white {
background-color: #00b1ef;
border-color: #00b1ef;
color: white;
}
.blog-card:hover .btn-white:hover {
background-color: #73d4f6;
border-color: #73d4f6;
color: white;
}
.blog-card:hover:before {
top: 35px;
left: 20px;
display: none;
z-index: 999;
}
.blog-card:hover .blog-date{
border-top: 1px solid transparent;
background: none;
}
.blog-card:hover .blog-img {
box-shadow: none;
transform: scale(1.05);
}
/* Blog Card - Large */
.blog-card-lg {
padding: 0px 15px;
}
.blog-card-lg:hover {
transform: none;
background: #edf1f4;
}
.blog-card-lg:hover:before {
display: none;
}
.blog-card-lg:hover .blog-img-lg {
transform: scale(1.05);
}
.blog-card-lg h2 {
font-size: 22px;
padding: 0px 30px;
}
.blog-card-lg .blog-text {
-webkit-line-clamp: 4;
height: 105px;
}
.blog-card-lg:before {
display: none;
}
.blog-img-lg {
background-size: cover;
margin: 0 auto;
height: 100%;
min-height: 450px;
background-position: 50% 50%;
max-width: 100%;
box-shadow: none;
transition: all .2s linear;
}
.blog-date-lg {
background: none;
border-top: 1px solid transparent;
text-align: left;
padding-left: 30px;
padding-right: 30px;
}
.blog-nav-img {
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto;
height: 100px;
/* max-width: 200px; */
background-position: 50% 50%;
box-shadow: 0 3px 6px rgba(0,0,0,0.19);
transition: all .2s linear;
margin-bottom: 10px;
}
.team-card:hover {
-webkit-transform: scale(1.03);
transform: scale(1.03);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.team-card a:hover {
color: none;
}
.team-card-img {
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto;
height: 350px;
background-position: 50% 50%;
transition: all .2s linear;
}
.team-card-bio {
padding: 20px;
}
.team-card-name {
color: #212121;
font-weight: 700;
font-size: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
.team-card-location {
font-weight: 500;
font-size: 14px;
color: #5a5a5a;
margin-bottom: 20px;
}
.team-card-title {
font-size: 10px;
color: #beccd7;
display: inline-block;
font-weight: 700;
padding: 5px 15px;
border-radius: 25px;
border: 2px solid #beccd7;
margin-right: 10px;
text-transform: uppercase;
}
.collection {
position: relative;
text-align: center;
}
.collection img {
filter: contrast(0.9) brightness(0.75);
transition: all .2s linear;
outline: 1px solid #fff;
outline-offset: -5px;
}
.collection:hover img {
filter: contrast(1) brightness(0.85);
}
.collection span {
margin: 0 auto;
position: absolute;
color: white;
font-weight: 500;
font-size: 2.2rem;
letter-spacing: 5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
transition: all .2s linear;
}
.round-feature-img {
width: 300px;
border-radius: 50%;
}
.promo {
position: absolute;
top: 0px;
left: 0px;
padding: 6px 0px 3px 0px;
font-size: 14px;
text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
letter-spacing: 1px;
font-weight: 700;
z-index: 15;
}
.promo-sale {
color: #e42f30;
border-left: 3px solid #e42f30;
}
.promo-new {
color: #00b1ef;
border-left: 3px solid #00b1ef;
}
/*-- Video Pages --*/
.video-tile {
max-width: 100%;
height: 300px;
background-color: white;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
z-index: 999;
transition: all 0.1s linear;
border: 2px solid white;
background-size: auto 100%;
}
.video-tile:hover {
background-size: auto 110%;
}
.video-name {
color: rgba(255,255,255,0.9);
font-size: 20px;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0px;
padding: 0px;
text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
text-align: center;
width: 85%;
}
.play-video {
font-size: 80px;
transition: all 0.1s linear;
display: none;
opacity: 0.8;
}
.play-video:hover {
opacity: 1;
}
.play-video:active {
font-size: 70px;
opacity: 1;
}
.parallax {
position: relative;
height: 375px;
overflow: hidden;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.product-card {
border: 1px solid #fff;
border-bottom: 2px solid #dcdcdc;
background: white;
padding: 20px;
height: 100%;
transition: all 0.2s linear;
}
.product-card:hover {
filter: contrast(1.1);
transform: translateY(-3px);
box-shadow: 0 2px 3px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.filter-link {
width: 100%;
display: block;
cursor: pointer;
}
.fade-out:after {
content : "";
position : absolute;
z-index : 1;
bottom : 0;
left : 0;
pointer-events : none;
background-image : linear-gradient(to bottom,rgba(255,255,255, 0),rgba(255,255,255, 1) 90%);
width : 100%;
height : 2em;
}
.spec-list li { margin-bottom: 5px; }
.list-space-5 li:last-child, .list-space-10 li:last-child { margin-bottom: 0px; }
.list-space-5 li { margin-bottom: 5px; }
.list-space-10 li { margin-bottom: 10px; }
.list-square { list-style-type: square; }
.filter-btn { transition: all 0.1s linear;
}
/*-- Slider Controls --*/
.tns-controls {
outline: none;
text-align: right;
margin-top: -8px;
}
.tns-controls > button {
border: none;
background: none;
margin: 5px 0px;
font-size: 24px;
transition: all 0.1s ease-in-out;
}
.tns-controls > button:hover {
filter: brightness(1.1);
}
.tns-controls > button:active {
filter: brightness(1.05);
}
.tns-item {
margin-left: 0 !important;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: 0 !important;
}
.tns-nav > [aria-controls] {
width: 11px;
height: 11px;
padding: 0;
margin: 15px 5px 10px 5px;
border-radius: 50%;
background: #b2e7fa;
border: 0;
transition: all .1s ease;
}
.tns-nav > [aria-controls]:hover {
background: #7fd8f7;
}
.tns-nav > .tns-nav-active {
background: #00b1ef;
}
.tns-nav {
text-align: center;
}
#molle-features .feature-circle {
left: 10px;
}
#molle-features h3 {
margin-left: 60px;
}
.ymal-slider {
max-height: 394px;
}
.ymal-card {
height: 100%;
background: white;
/* border: 1px solid #dcdcdc; */
/* border-bottom-width: 2px; */
z-index: 999;
}
.ymal-card:hover {
background-color: rgba(0, 0, 0, .04);
z-index: 998;
box-shadow: 0px 0px 20px 2px #f5f5f5;
}
.ymal-card:hover img {
filter: contrast(0.93);
}
#ymal-slider-container .tns-controls {
position: absolute;
margin-top: -40px;
}
#ymal-slider-container .tns-control-left {
left: 0px;
}
#ymal-slider-container .tns-control-right {
left: 0px;
}
.ymal-custom-controls li {
display: block;
position: absolute;
top: 50%;
height: 60px;
line-height: 60px;
margin-top: -30px;
padding: 0 15px;
cursor: pointer;
transition: background 0.3s;
z-index: 999;
}
.ymal-custom-controls .prev {
left: -5px;
outline: none;
}
.ymal-custom-controls .next {
right: -5px;
outline: none;
}
/*-- Press Release --*/
.release-content p {
line-height: 1.8em;
margin-top: 20px;
}
.release-content p:first-child::first-letter {
font-size: 36px;
float: left;
color: #333;
}
.release-image {
max-height: 600px;
}
/*-- Shop Guide --*/
.shop-guide-product-img {
transition: all .1s linear;
}
.shop-guide-title {
width: 100%;
position: absolute;
margin: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
font-size: 42px;
letter-spacing: 2px;
color: rgba(255,255,255,1);
vertical-align: center;
text-align: center;
font-weight: 700;
z-index: 999;
text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
transition: all .2s ease-in-out;
}
.shop-guide-bg {
background-size: cover;
min-height: 500px;
outline: 10px solid rgba(255,255,255,0.2);
outline-offset: -10px;
background-position: 50% 50%;
}
/*-- Misc Discover --*/
#light-lift tr td {
padding: 10px 20px;
vertical-align: middle;
}
#light-lift tr {
cursor: pointer;
}
.light-row { background: #d3d1d2; }
.dark-row { background: #b0aeaf; }
.light-row-orange { background: #f6ddce; }
.dark-row-orange { background: #efc1aa; }
.bg-hero-plus {
background-color: #f8f8f8;
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e0e0e0' fill-opacity='0.8'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.bg-dots {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23aeaeae' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
.cargo-shadow {
filter: drop-shadow(0 3px 0.35rem darkgray);
}
.cargo-select-darken {
border-bottom: 3px solid rgba(0,0,0,0.0);
}
.cargo-select-blue {
cursor: pointer;
margin-top: 0px;
background: rgba(0,0,0,0.4);
border-bottom: 3px solid #00b1ef;
color: white;
}
.cargo-right-arrow {
color: #f6c272;
opacity: 0;
z-index: 999;
animation: cargo-vanish-right 3s infinite;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes cargo-vanish-right {
20% { opacity: 1; font-size: 40px; transform: translateX(0px); }
60% { opacity: 1; font-size: 40px; transform: translateX(0px); }
90% { opacity: 0; font-size: 60px; transform: translateX(60px);}
}
@-moz-keyframes cargo-vanish-right {
20% { opacity: 1; font-size: 40px; transform: translateX(0px); }
60% { opacity: 1; font-size: 40px; transform: translateX(0px); }
90% { opacity: 0; font-size: 60px; transform: translateX(60px);}
}
@-ms-keyframes cargo-vanish-right {
20% { opacity: 1; font-size: 40px; transform: translateX(0px); }
60% { opacity: 1; font-size: 40px; transform: translateX(0px); }
90% { opacity: 0; font-size: 60px; transform: translateX(60px);}
}
@-o-keyframes cargo-vanish-right {
20% { opacity: 1; font-size: 40px; transform: translateX(0px); }
60% { opacity: 1; font-size: 40px; transform: translateX(0px); }
90% { opacity: 0; font-size: 60px; transform: translateX(60px);}
}
@keyframes cargo-vanish-right {
20% { opacity: 1; font-size: 40px; transform: translateX(0px); }
60% { opacity: 1; font-size: 40px; transform: translateX(0px); }
90% { opacity: 0; font-size: 60px; transform: translateX(60px);}
}
#cargo-video-banner {
height: 800px;
}
/* Shop Page */
.shop-product {
background: white;
padding: 20px;
transition: all 0.3s ease;
}
.shop-product img {
padding: 5px;
transition: all 0.3s ease;
}
.shop-product:hover {
background: rgba(0, 0, 0, .04);
box-shadow: 0px 0px 20px 2px #f5f5f5;
}
.shop-product:hover img {
filter: contrast(0.93);
}
.shop-category-img {
transition: all 0.3s ease;
}
.shop-category-img:hover {
transform: scale(1.04);
}
.slider-controls {
position: absolute;
width: 100%;
top: 42%;
left: 50%;
transform: translate(-50%, -42%);
z-index: 1000;
margin: 0 auto;
list-style: none; margin: 0; padding: 0;
}
.slider-controls li {
display: inline-block;
position: absolute;
color: #00b1ef;
cursor: pointer;
}
.slider-controls .prev {
left: 25px;
}
.slider-controls .next {
right: 25px;
}
.sign-up-bg {
background-position: 70% 65%;
}
.shop-tile {
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.shop-tile:hover {
background-size: 107% 107%;
}
.shop-tile-sm {
padding-top: 28%;
}
.shop-tile-lg {
padding-top: 56%;
}
.shop-tile-sm-type {
position: absolute;
bottom: 30px;
margin-left: -15px;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.slider-controls {
position: absolute;
width: 100%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
margin: 0 auto;
list-style: none; margin: 0; padding: 0;
opacity: 0;
transition: all 0.3s ease;
outline: none !important;
}
.slider-row:hover .slider-controls {
opacity: 1;
}
.slider-controls li {
display: inline-block;
position: absolute;
color: #00b1ef;
cursor: pointer;
}
.slider-controls:active {
background: #f5f5f5;
}
.slider-controls .prev {
left: -20px;
outline: 0;
}
.slider-controls .next {
right: -20px;
outline: 0;
}
#tns1-iw {
margin-left: 0px !important;
overflow-y: auto;
overflow-x: hidden;
}
#shop-categories #tns2-iw {
margin-left: 0px !important;
}
#tns1-mw {
margin-left: 0px !important;
overflow-y: auto;
overflow-x: hidden;
}
#shop-cases #tns4-iw {
margin-left: 0px;
}
.guide-category-title {
width: 100%;
position: absolute;
margin: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
font-size: 42px;
letter-spacing: 2px;
color: rgba(255,255,255,1);
vertical-align: center;
text-align: center;
font-weight: 700;
z-index: 999;
text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
}
.guide-category-img {
background-size: cover;
min-height: 500px;
outline: 10px solid rgba(255,255,255,0.2);
outline-offset: -10px;
background-position: 50% 50%;
}
/*-- Hover Classes --*/
.hover-scale:hover {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
z-index: 999;
}
.hover-brighten:hover {
filter: brightness(1.2);
-webkit-filter: brightness(1.2);
-moz-filter: brightness(1.2);
-ms-filter: brightness(1.2);
-o-filter: brightness(1.2);
}
.hover-bg-lighter:hover { background: #f0f0f0; }
.hover-bg-light:hover { background: #e4e4e4; }
.hover-glow:hover {
border-bottom-color: #73d4f6;
box-shadow: 0 10px 15px -3px rgba(115, 212, 246, 0.15), 0 4px 6px -2px rgba(115, 212, 246, 0.05);
}
.product-swap {
position: relative;
margin: 0 auto;
text-align: center;
}
.product-main {
top: 0;
left: 0;
transition: all .2s ease-in;
}
.product-second {
opacity: 0;
position: absolute;
z-index: 10;
margin: auto;
top: 0;
left: 0;
right: 0;
text-align: center;
transition: all .2s ease-out;
}
.product-swap:hover .product-main { opacity: 0; }
.product-swap:hover .product-second { opacity: 1; }
.pointer-events-none { pointer-events: none; }
.outline-light {
outline: 1px solid #e4e4e4;
}
.outline-lighter {
outline: 1px solid #f0f0f0;
}
.outline-dark {
outline: 1px solid #5a5a5a;
}
.outline-blue {
outline: 1px solid #00b1ef;
}
.step {
display:inline-block;
padding: 10px 20px 10px 10px;
margin-bottom: 0px;
transition: all 0.2s linear;
}
.step-current {
background: #00b1ef;
color: white;
}
.step-bg {
background: #333;
color: white;
}
.inactive-select {
pointer-events: none;
}
.cargo-case:hover {
opacity: 1;
filter: contrast(0.93);
background-color: rgba(0,0,0,0.04);
box-shadow: 0px 0px 10px 2px #f5f5f5;
}
#make-select li, #model-select li, #year-select li, #bed-select li {
text-align: center;
padding: 10px;
cursor: pointer;
z-index: 1000;
}
#make-select li:hover, #model-select li:hover, #year-select li:hover, #bed-select li:hover {
background: whitesmoke;
}
.step-card {
transition: all 0.3s linear;
border-bottom: 2px solid white;
}
.step-card:hover {
border-bottom-color: #73d4f6;
box-shadow: 0 10px 15px -3px rgba(115, 212, 246, 0.15), 0 4px 6px -2px rgba(115, 212, 246, 0.05);
}
#mount-tabs > li > a {
/* background: none; */
}
#mount-tabs .link-dark > a:link, .link-dark > a:visited {
/* color: gray; */
}
#mount-tabs>li.active>a {
font-weight: 500;
color: #00b1ef;
}
.btn-down {
position: relative;
cursor: pointer;
padding: 20px;
background: #fd9b36;
color: white;
border: 4px solid white;
border-radius: 50%;
top: 50px;
margin-top: -50px;
z-index: 999;
}
.btn-lime {
background: #b9db68;
border-color: #b9db68;
color: white;
}
.btn-lime-outline {
border-color: #b9db68;
color: #b9db68;
}
.btn-teal {
background: #5F9EA0;
border-color: #5F9EA0;
color: white;
}
.btn-teal-outline {
border-color: #5F9EA0;
color: #5F9EA0;
}
.timer-square {
padding: 18px;
border: 5px solid gainsboro;
background: #333;
color: #fff;
border-radius: 5px;
display: inline-block;
font-family: 'Lucida Console', sans-serif;
}
.coupon-code {
padding: 0px 10px;
border: 1px dashed darkgray;
cursor: pointer;
margin-left: 10px;
}
.coupon-code:hover {
cursor: pointer;
border-color: #00b1ef;
color: #00b1ef;
}
.coupon-copied {
background: yellowgreen;
color: white;
font-size: 12px;
font-weight: 500;
padding: 5px 10px 7px 10px;
border-radius: 15px;
margin-left: 5px;
top: -4px;
}
.coupon-section:hover .glyphicon-scissors {
color: #00b1ef;
}
.glyphicon-scissors {
position: absolute;
font-size: 14px;
margin-left: -20px;
margin-top: 23px;
}
.btn-clear-full {
background: 0;
border-color: #00b1ef;
margin: 0px;
width: 100%;
border-radius: 0px;
}
.btn-clear-full:hover {
background: #00b1ef;
border-color: #00b1ef;
color: white;
}
.mm-cases-tile {
border: 1px solid #e4e4e4;
}
.mm-cases-tile:nth-child(1) {
border-left: 0px;
border-top: 0px;
}
.mm-cases-tile:nth-child(2) {
border-left: 0px;
border-top: 0px;
}
.mm-cases-tile:nth-child(3) {
border-right: 0px;
border-left: 0px;
border-top: 0px;
}
.mm-cases-tile:nth-child(4) {
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
}
.mm-cases-tile:nth-child(5) {
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
}
@media only screen and (max-width: 1599px) { /* lg */
.pad-sides-lg-10 {
padding-left: 15px;
padding-right: 15px;
}
.pad-sides-lg-30 {
padding-left: 30px;
padding-right: 30px;
}
.pad-sides-lg-45 {
padding-left: 45px;
padding-right: 45px;
}
.pad-lg-10-right { padding-right: 10px; }
.margin-top-lg-0 { margin-top: 0px; }
.thumbswrap { padding-right: 38px; }
.home-tile-lg-type { bottom: 0%; }
.home-tile-sm-type { bottom: 0%; }
.photo-stream-lg { height: 655px; }
.photo-stream-md { height: 500px; }
.photo-stream-xm { height: 399px; }
.photo-stream-sm { height: 320px; }
.photo-stream-xs { height: 192px; }
.lifestyle-stream-lg { height: 439px; }
.lifestyle-stream-md { height: 212px; }
.flex-row-lg { flex-direction: row; -webkit-flex-direction: row;}
.flex-row-reverse-lg { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.flex-col-lg { flex-direction: column; -webkit-flex-direction: column; }
.flex-col-reverse-lg { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
.text-lg-left { text-align: left; }
.text-lg-right { text-align: right; }
.text-lg-center { text-align: center; }
.float-lg-left { float: left !important; }
.float-lg-right { float: right !important; }
.float-lg-none { float : none !important; }
.product-form { width: 80%; }
#cargo-video-banner { height: 600px; }
}
@media only screen and (min-width: 1200px) { /* sm */
.col-lg-5th {
width: 20%;
}
}
@media only screen and (max-width: 1199px) { /* md */
/* padding */
.pad-md-10 { padding-top: 10px; }
.pad-sides-md-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.type-md-40 { font-size: 40px; }
.type-md-14 { font-size: 14px !important; }
.type-md-16 { font-size: 15px !important; }
.type-banner-img-95 { font-size: 85px; }
.thumbswrap { padding-right: 29px; }
.ansifl1 {
font-size: 13px;
font-weight: 400;
}
.ansifl1 th {
font-size: 12px;
font-weight: 300;
padding: 5px;
}
.ansifl1 td {
padding: 2px;
}
.video-height { height: 545px; }
.photo-stream-lg { height: 455px; }
.photo-stream-xm { height: 335px; }
.photo-stream-sm { height: 220px; }
.photo-stream-xs { height: 160px; }
.lifestyle-stream-lg { height: 365px; }
.lifestyle-stream-md { height: 175px; }
.flex-row-md { flex-direction: row; -webkit-flex-direction: row;}
.flex-row-reverse-md { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.flex-col-md { flex-direction: column; -webkit-flex-direction: column; }
.flex-col-reverse-md { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
.no-pull-md { float: none !important; clear: both; }
.margin-top-md-015 { margin-top: -15px; }
.inside { font-size: 10.7rem; }
.the { font-size: 6.3rem; }
.box { font-size: 17.6rem; }
.border-top-md {
border-top-style: solid;
border-top-width: 1px;
}
.text-md-left { text-align: left; }
.text-md-right { text-align: right; }
.text-md-center { text-align: center; }
.float-md-left { float: left !important; }
.float-md-right { float: right !important; }
.float-md-none { float : none !important; }
.product-form { width: 100%; }
.shop-guide-bg { min-height: 250px; max-height: 250px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); outline: 5px solid rgba(255,255,255,0.2); outline-offset: -5px; }
.guide-category-img { min-height: 250px; max-height: 250px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); outline: 5px solid rgba(255,255,255,0.2); outline-offset: -5px; }
}
@media only screen and (max-width: 1115px) {
.home-tile-lg-type { bottom: 0%; }
.home-tile-sm-type { bottom: 0%; }
}
@media only screen and (max-width: 991px) { /* sm */
.navbar-brand { padding-left: 0px; }
.nav { margin-top: 11px; }
.navbar-default-alt { height: 76px; }
.navbar > .container {
max-width: 100%;
padding: 0;
font-size: 14px;
max-height: auto;
overflow: hidden;
}
.collapsing, .in {
text-align: right;
border: 0;
clear: both;
float: right;
background-color: rgba(24, 24, 24, .9);
margin-top: 11px;
padding-left: 0px;
width: 120%;
max-height: 9999px !important;
}
.navbar-mobile-shrink {
margin-top: -3px;
}
.nav-search {
font-size: 17px;
padding-top: 0px !important;
padding-bottom: 0px;
float: right;
margin-top: 2px;
padding-right: 15px;
}
.nav-shop {
margin-top: 1px !important;
padding-bottom: 10px;
padding-left: 15px !important;
padding-right: 20px;
float: right;
}
.nav-flag {
padding-top: 0px !important;
padding-bottom: 3px;
float: right;
margin-top: 0px;
}
.nav-account {
padding-top: 0px !important;
padding-bottom: 3px;
float: right;
margin-top: 0px;
}
.nav-search a span, .nav-account a span { color: #fff; }
.type-sm-35 { font-size: 35px; }
.type-sm-100 { font-size: 100px; }
.type-space-sm-06 { letter-spacing: -6px; }
.type-banner-img-95 {
font-size: 70px;
}
.type-sm-center { text-align: center; }
.line-height-sm-40 { line-height: 40px !important; }
.pad-sm-5 { padding-top: 5px; }
.pad-sm-10 { padding-top: 10px; }
.pad-sm-15 { padding-top: 15px; }
.pad-bot-sm-15 { padding-bottom: 15px; }
.pad-sides-sm-0 { padding-left: 0px; padding-right: 0px; }
.pad-sides-sm-15 { padding-left: 15px; padding-right: 15px; }
.margin-top-sm-025 { margin-top: -25px; }
.margin-top-sm-035 { margin-top: -35px; }
.overflow-none-sm { overflow: hidden !important; }
.border-top-sm {
border-top-style: solid;
border-top-width: 1px;
}
.border-bot-sm {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.border-none-sm { border: 0px; }
.border-sm-left-0 { border-left: 0px; }
.border-sm-right-0 { border-right: 0px; }
.border-sm-sides-0 { border-left: 0px; border-right: 0px; }
.display-none-sm { display: none; }
.border-bot-sm {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.thumbswrap { padding-right: 34px; }
.thumbs { margin-top: 51px; }
.modal.modal-wide .modal-dialog { width: 100%; }
.modal { margin-top: 0px; width: 100%; }
.product-tab {
padding-bottom: 0px;
border: 0px;
}
.home-tile-lg-type { bottom: 0% }
.home-tile-sm-type { bottom: 0% }
.video-height { height: 422px; }
.photo-stream-lg { height: 355px; }
.photo-stream-xm { height: 255px; }
.photo-stream-sm { height: 170px; }
.photo-stream-xs { height: 120px; }
.lifestyle-stream-lg { height: 281px; }
.lifestyle-stream-md { height: 133px; }
.home-tile-lg { padding-top: 100%; }
.home-tile-sm { padding-top: 50%; }
.no-pull-sm { float: none !important; clear: both; }
.inside { font-size: 9.2rem; }
.the { font-size: 5.4rem; }
.box { font-size: 15rem; }
.width-auto-sm { width: auto !important; max-width: 100% !important; }
.flex-row-sm { flex-direction: row; -webkit-flex-direction: row;}
.flex-row-reverse-sm { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.flex-col-sm { flex-direction: column; -webkit-flex-direction: column; }
.flex-col-reverse-sm { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
/* ECOM */
.mini-cart-container { width: 40px !important; }
.mini-cart-heading { float: right !important; }
.report-problem { margin-top: 12px; }
.tooltip { display: none !important; }
.no-flex-sm { display: block !important; }
.text-sm-left { text-align: left; }
.text-sm-right { text-align: right; }
.text-sm-center { text-align: center; }
.float-sm-left { float: left !important; }
.float-sm-right { float: right !important; }
.float-sm-none { float : none !important; }
.product-form { width: 60%; }
#cargo-video-banner { height: 450px; }
}
@media only screen and (max-width: 767px) { /* xs */
.type-xs-12 { font-size: 12px !important; }
.type-xs-14 { font-size: 14px !important; }
.type-xs-16 { font-size: 16px !important; }
.type-xs-18 { font-size: 18px !important; }
.type-xs-20 { font-size: 20px !important; }
.type-xs-22 { font-size: 22px !important; }
.type-xs-24 { font-size: 24px; }
.type-xs-26 { font-size: 26px; }
.type-xs-70 { font-size: 70px; }
.type-space-xs-03 { letter-spacing: -3px; }
.type-banner-img-95 { font-size: 60px; }
.type-banner-h2 { font-size: 17px; }
.type-xs-center { text-align: center; }
.type-weight-xs-4 { font-weight: 400; }
.line-height-xs-33 { line-height: 27px !important; }
/* padding */
.pad-xs-0 { padding-top: 0px !important; }
.pad-xs-10 { padding-top: 10px; }
.pad-xs-15 { padding-top: 15px; }
.pad-xs-30 { padding-top: 30px; }
.pad-sides-xs-0 { padding-left: 0px; padding-right: 0px; }
.pad-left-xs-0 { padding-left: 0px !important; }
.pad-sides-xs-5 { padding-left: 5px; padding-right: 5px; }
.pad-sides-xs-15 { padding-left: 15px; padding-right: 15px; }
.margin-xs-0 { margin: 0px !important; }
.margin-bot-xs-0 { margin-bottom: 0px !important; }
.no-anim-xs { animation: none; }
.no-flex-xs { display: block !important; }
.border-xs-sides-0 { border-left: 0px; border-right: 0px; }
.border-xs-0 { border: 0px; }
.border-xs-bot-0 { border-bottom: 0px; }
.border-top-xs {
border-top-style: solid;
border-top-width: 1px;
}
.border-bot-xs {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.display-none-xs { display: none !important; }
.navbar-default { height: 77px; }
.navbar-default-alt { height: 50px; }
.logo-pelican {
width: 140px;
height: 31px;
background-size: 140px 31px;
}
.logo-peli {
width: 94px;
height: 31px;
background-size: 94px 31px;
}
#navbar-tools { padding-top: 3px !important; }
.navbar-brand { padding-top: 8px; }
.navbar-collapse { margin-top: -3px;}
.navbar .icon-bar { margin-top: -2px; }
.whitenav { padding-top: 77px; }
.search-screen { height: 98px; }
.search-box {
height: 10px;
background-color: #222;
padding-top: 5px;
padding-left: 0px;
}
.search-box-button {
font-size: 22px;
padding-top: 34px;
padding-right: 15px;
width: auto;
}
.search-box-input {
height: 98px;
font-size: 22px;
padding: 20px;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 0px;
width: 85%;
}
.home-tile-sm { padding-top: 100%; }
#modal_thumbs_wrap {
overflow-x: auto;
overflow-y: hidden !important;
width: auto;
white-space: nowrap;
}
.modal_thumbs {
display: inline-block;
}
.home-tile-video { padding-top: 99.99%; }
.home-tile-lg-type, .home-tile-sm-type { bottom: 0%; }
.home-tile-lg-type p, .home-tile-sm-type p {
font-size: 16px;
}
.home-tile-lg-type h2, .home-tile-sm-type h2 {
font-family: Sweden;
font-size: 26px;
}
.video-height { height: 315px; }
.photo-stream-lg { height: auto; background-image: none !important; }
.photo-stream-xm { height: auto; background-image: none !important; }
.photo-stream-sm { height: auto; background-image: none !important; }
.photo-stream-xs { height: auto; background-image: none !important; }
.lifestyle-stream-lg { height: auto; background-image: none !important; }
.lifestyle-stream-md { height: auto; background-image: none !important; }
.flex-row-xs { flex-direction: row; -webkit-flex-direction: row;}
.flex-row-reverse-xs { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; }
.flex-col-xs { flex-direction: column; -webkit-flex-direction: column; }
.flex-col-reverse-xs { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
.display-xs-block { display: block !important; }
.flexslider {
padding-top: 5px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.no-pull-xs { float: none !important; clear: both; }
.inside {
font-size: 5.9rem;
margin-left: 5px;
line-height: 35px;
}
.the {
font-size: 3.2rem;
line-height: 0px;
}
.box { font-size: 9.5rem; }
.product-tile-overlay { margin-left: -15px; }
.nav-shop {
margin-left: 0px;
}
.option {
position: static;
margin-top: 0px;
}
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.float-xs-left { float: left !important; }
.float-xs-right { float: right !important; }
.float-xs-none { float : none !important; }
.product-form { width: 100%; }
.round-feature-img { width: 250px; }
.video-tile { height: 200px; }
.video-name {
font-size: 16px;
text-align: center;
}
.p-xs-0 { padding: 0px; }
.parallax { background-attachment: scroll; }
.pointer-events-none-xs { pointer-events: none; }
#light-lift { font-size: 16px; }
.shop-tile-sm {
padding-top: 56%;
}
.shop-tile-lg {
padding-top: 112%;
}
.pr-xs-0 {
padding-right: 0px;
}
.sale-text { font-size: 18px; }
.mx-xs-10 { margin-left: 10px; margin-right: 10px; }
.shop-card { padding: 0px; }
.shop-card:hover { outline: none; box-shadow: none; }
.timer-square {
padding: 10px;
}
.px-xs-20 { padding-left: 20px; padding-right: 20px; }
.mm-cases-tile {
border: 0px;
}
}
@media only screen and (max-width: 640px) {
.home-tile-lg-type, .home-tile-sm-type { bottom: 0%; }
}
@media only screen and (max-width: 600px) {
.type-banner-img-95 {
font-size: 50px;
}
.blog-card:before { display: block; }
.blog-card h2 { padding-left: 20px; padding-right: 20px; }
.blog-text { height: auto; padding-left: 20px; padding-right: 20px; }
.guide-category-img { min-height: 250px; max-height: 250px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); outline: 5px solid rgba(255,255,255,0.2); outline-offset: -5px; }
.guide-category-title { font-size: 28px; }
}
@media only screen and (max-width: 540px) { /* xxs */
.type-xxs-12 { font-size: 12px; }
.type-xxs-38 { font-size: 38px; }
.type-space-xxs-02 { letter-spacing: -2px; }
.home-tile-lg-type, .home-tile-sm-type { bottom: 0%; }
.shop-guide-bg { min-height: 150px; max-height: 150px; box-shadow: 0 3px 6px rgba(0,0,0,0.3); outline: 5px solid rgba(255,255,255,0.2); outline-offset: -5px; }
.shop-guide-title { font-size: 28px; }
.sign-up-bg {
background-position: 70% 100%;
}
}
@media only screen and (max-width: 480px) {
.type-banner-img-95 {
font-size: 40px;
-webkit-text-stroke: 1px #fff;
}
.home-tile-lg-type, .home-tile-sm-type { bottom: 0%; }
.video-height { height: 245px; }
}
@media only screen and (max-width: 413px) {
.ansifl1 {
font-size: 12px;
font-weight: 400;
}
.ansifl1 th {
font-size: 11px;
font-weight: 300;
padding: 4px;
}
.ansifl1 td {
padding: 2px;
}
}
@media only screen and (max-width: 355px) {
.logo-pelican, .logo-alt-pelican {
width: 158px;
height: 35px;
background-size: 158px 35px;
}
@media only screen and (max-width: 380px) {
.video-height { height: 200px; }
.sign-up-bg {
background-position: 70% 100%;
}
.shop-tile-sm {
padding-top: 30%;
}
.shop-tile-lg {
padding-top: 40%;
}
.pr-xs-0 {
padding-right: 0px;
}
}
@media only screen and (max-width: 320px) {
}