html {
scroll-behavior: smooth; }
:root {
--theme-color-1: #081227;
--theme-color-2: #33b4f7;
--theme-color-3: #fc7086;
--main-bg-color: #f8f9fa;
--title-color: #2a2a2a;
--sub-title-color: #484747;
--para-color: #67696f; }
body,
html {
margin: 0;
padding: 0;
color: var(--para-color); }
* {
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.wrapper-full {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.wrapper {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.wrapper {
max-width: 540px; } }
@media (min-width: 768px) {
.wrapper {
max-width: 720px; } }
@media (min-width: 992px) {
.wrapper {
max-width: 960px; } }
@media (min-width: 1200px) {
.wrapper {
max-width: 1140px; } }
.img-responsive {
max-width: 100%;
display: block;
border-radius: 5px; }
.img-fluid {
width: 100%; }
.d-grid {
display: grid; }
.d-flex {
display: flex;
display: -webkit-flex;
flex-wrap: wrap; }
.text-center {
text-align: center; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
button,
input,
select {
-webkit-appearance: none;
outline: none; }
button,
.btn,
select {
cursor: pointer; }
a,
button {
text-decoration: none;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease; }
iframe {
border: none; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
margin: 0;
padding: 0; }
body a:hover,
body button:hover {
opacity: .75; }
h1,
h2,
h3,
h4,
h5,
h6,
a {
color: var(--title-color); }
p {
color: var(--para-color);
font-weight: normal;
font-size: 16px;
line-height: 24px; }
.button-eff {
background: var(--theme-color-3);
padding: 14px;
color: #fff;
font-size: 16px;
border-radius: 0px;
display: inline-block;
text-align: center;
font-weight: 600;
/* line-height: 24px; */
text-transform: uppercase;
border: none;
margin-top: 20px;
width: 180px; }
.button-eff-2,
.button-eff:hover {
background: var(--theme-color-2); }
.button-eff-3 {
background: var(--title-color); }
.button-eff:hover {
opacity: 1; }
.button-eff-2:hover {
background: var(--theme-color-3);
opacity: 1; }
h3.title-main {
font-size: 35px;
line-height: 40px;
color: var(--title-color);
text-align: center;
margin-bottom: 1.6em;
font-weight: 600;
position: relative;
text-transform: capitalize; }
h3.title-main:before,
h3.title-main:after {
content: "";
background: #333;
width: 60px;
height: 2px;
position: absolute;
right: 0;
margin: 0 auto; }
h3.title-main:before {
left: -20px;
bottom: -8px; }
h3.title-main:after {
left: 20px;
bottom: -15px; }
.sec-padding {
padding: 80px 0; }
.pagination {
margin-top: 6em;
text-align: center; }
.pagination ul li {
display: inline-block; }
.pagination a {
display: inline-block;
color: var(--title-color);
width: 40px;
height: 40px;
text-align: center;
line-height: 40px; }
.pagination a span {
margin: 0;
line-height: 40px; }
.pagination a.active,
.pagination a:hover {
background-color: var(--theme-color-3);
color: #fff;
opacity: 1; }
a.not-allowed {
cursor: not-allowed;
color: #c3c2c2; }
.pagination .not-allowed:hover {
opacity: 1;
background: transparent;
color: #c3c2c2; }
a.logo-2 {
color: #fff;
font-size: 32px;
font-weight: 600;
line-height: 30px;
position: relative;
margin-bottom: 40px;
display: inline-block; }
a.logo-3 {
color: --title-color; }
a.logo-2 img {
position: absolute;
left: -31px;
top: -17px; }
.clear {
clear: both; }
@media screen and (max-width: 991px) {
.sec-padding {
padding: 60px 0; } }
@media screen and (max-width: 800px) {
h3.title-main {
font-size: 32px;
line-height: 35px;
margin-bottom: 40px; } }
@media screen and (max-width: 480px) {
.sec-padding {
padding: 40px 0; }
a.logo-2 {
margin-bottom: 20px; } }
@media screen and (max-width: 415px) {
h3.title-main {
font-size: 30px;
line-height: 32px; }
.button-eff {
font-size: 14px; } }
@media screen and (max-width: 375px) {
.brk-btn {
font-size: 13px; } }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont3e6e.eot?v=4.7.0");
src: url("../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont3e6e.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571429em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714286em; }
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
-webkit-filter: none;
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
.fa-glass:before {
content: "\f000"; }
.fa-music:before {
content: "\f001"; }
.fa-search:before {
content: "\f002"; }
.fa-envelope-o:before {
content: "\f003"; }
.fa-heart:before {
content: "\f004"; }
.fa-star:before {
content: "\f005"; }
.fa-star-o:before {
content: "\f006"; }
.fa-user:before {
content: "\f007"; }
.fa-film:before {
content: "\f008"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-check:before {
content: "\f00c"; }
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-power-off:before {
content: "\f011"; }
.fa-signal:before {
content: "\f012"; }
.fa-gear:before, .fa-cog:before {
content: "\f013"; }
.fa-trash-o:before {
content: "\f014"; }
.fa-home:before {
content: "\f015"; }
.fa-file-o:before {
content: "\f016"; }
.fa-clock-o:before {
content: "\f017"; }
.fa-road:before {
content: "\f018"; }
.fa-download:before {
content: "\f019"; }
.fa-arrow-circle-o-down:before {
content: "\f01a"; }
.fa-arrow-circle-o-up:before {
content: "\f01b"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-play-circle-o:before {
content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e"; }
.fa-refresh:before {
content: "\f021"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-lock:before {
content: "\f023"; }
.fa-flag:before {
content: "\f024"; }
.fa-headphones:before {
content: "\f025"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-book:before {
content: "\f02d"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-print:before {
content: "\f02f"; }
.fa-camera:before {
content: "\f030"; }
.fa-font:before {
content: "\f031"; }
.fa-bold:before {
content: "\f032"; }
.fa-italic:before {
content: "\f033"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-right:before {
content: "\f038"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-list:before {
content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"; }
.fa-indent:before {
content: "\f03c"; }
.fa-video-camera:before {
content: "\f03d"; }
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e"; }
.fa-pencil:before {
content: "\f040"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-adjust:before {
content: "\f042"; }
.fa-tint:before {
content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"; }
.fa-share-square-o:before {
content: "\f045"; }
.fa-check-square-o:before {
content: "\f046"; }
.fa-arrows:before {
content: "\f047"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-backward:before {
content: "\f04a"; }
.fa-play:before {
content: "\f04b"; }
.fa-pause:before {
content: "\f04c"; }
.fa-stop:before {
content: "\f04d"; }
.fa-forward:before {
content: "\f04e"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-eject:before {
content: "\f052"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-times-circle-o:before {
content: "\f05c"; }
.fa-check-circle-o:before {
content: "\f05d"; }
.fa-ban:before {
content: "\f05e"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-mail-forward:before, .fa-share:before {
content: "\f064"; }
.fa-expand:before {
content: "\f065"; }
.fa-compress:before {
content: "\f066"; }
.fa-plus:before {
content: "\f067"; }
.fa-minus:before {
content: "\f068"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-gift:before {
content: "\f06b"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-fire:before {
content: "\f06d"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071"; }
.fa-plane:before {
content: "\f072"; }
.fa-calendar:before {
content: "\f073"; }
.fa-random:before {
content: "\f074"; }
.fa-comment:before {
content: "\f075"; }
.fa-magnet:before {
content: "\f076"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-retweet:before {
content: "\f079"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-arrows-v:before {
content: "\f07d"; }
.fa-arrows-h:before {
content: "\f07e"; }
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-key:before {
content: "\f084"; }
.fa-gears:before, .fa-cogs:before {
content: "\f085"; }
.fa-comments:before {
content: "\f086"; }
.fa-thumbs-o-up:before {
content: "\f087"; }
.fa-thumbs-o-down:before {
content: "\f088"; }
.fa-star-half:before {
content: "\f089"; }
.fa-heart-o:before {
content: "\f08a"; }
.fa-sign-out:before {
content: "\f08b"; }
.fa-linkedin-square:before {
content: "\f08c"; }
.fa-thumb-tack:before {
content: "\f08d"; }
.fa-external-link:before {
content: "\f08e"; }
.fa-sign-in:before {
content: "\f090"; }
.fa-trophy:before {
content: "\f091"; }
.fa-github-square:before {
content: "\f092"; }
.fa-upload:before {
content: "\f093"; }
.fa-lemon-o:before {
content: "\f094"; }
.fa-phone:before {
content: "\f095"; }
.fa-square-o:before {
content: "\f096"; }
.fa-bookmark-o:before {
content: "\f097"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-twitter:before {
content: "\f099"; }
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"; }
.fa-github:before {
content: "\f09b"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-feed:before, .fa-rss:before {
content: "\f09e"; }
.fa-hdd-o:before {
content: "\f0a0"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-hand-o-right:before {
content: "\f0a4"; }
.fa-hand-o-left:before {
content: "\f0a5"; }
.fa-hand-o-up:before {
content: "\f0a6"; }
.fa-hand-o-down:before {
content: "\f0a7"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-group:before, .fa-users:before {
content: "\f0c0"; }
.fa-chain:before, .fa-link:before {
content: "\f0c1"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7"; }
.fa-square:before {
content: "\f0c8"; }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-table:before {
content: "\f0ce"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-plus:before {
content: "\f0d5"; }
.fa-money:before {
content: "\f0d6"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-columns:before {
content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-linkedin:before {
content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before {
content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"; }
.fa-comment-o:before {
content: "\f0e5"; }
.fa-comments-o:before {
content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before {
content: "\f0e7"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea"; }
.fa-lightbulb-o:before {
content: "\f0eb"; }
.fa-exchange:before {
content: "\f0ec"; }
.fa-cloud-download:before {
content: "\f0ed"; }
.fa-cloud-upload:before {
content: "\f0ee"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-bell-o:before {
content: "\f0a2"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cutlery:before {
content: "\f0f5"; }
.fa-file-text-o:before {
content: "\f0f6"; }
.fa-building-o:before {
content: "\f0f7"; }
.fa-hospital-o:before {
content: "\f0f8"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-desktop:before {
content: "\f108"; }
.fa-laptop:before {
content: "\f109"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"; }
.fa-circle-o:before {
content: "\f10c"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-spinner:before {
content: "\f110"; }
.fa-circle:before {
content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-folder-o:before {
content: "\f114"; }
.fa-folder-open-o:before {
content: "\f115"; }
.fa-smile-o:before {
content: "\f118"; }
.fa-frown-o:before {
content: "\f119"; }
.fa-meh-o:before {
content: "\f11a"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-keyboard-o:before {
content: "\f11c"; }
.fa-flag-o:before {
content: "\f11d"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-terminal:before {
content: "\f120"; }
.fa-code:before {
content: "\f121"; }
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-crop:before {
content: "\f125"; }
.fa-code-fork:before {
content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127"; }
.fa-question:before {
content: "\f128"; }
.fa-info:before {
content: "\f129"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-shield:before {
content: "\f132"; }
.fa-calendar-o:before {
content: "\f133"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-rocket:before {
content: "\f135"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-html5:before {
content: "\f13b"; }
.fa-css3:before {
content: "\f13c"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-ticket:before {
content: "\f145"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-minus-square-o:before {
content: "\f147"; }
.fa-level-up:before {
content: "\f148"; }
.fa-level-down:before {
content: "\f149"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-pencil-square:before {
content: "\f14b"; }
.fa-external-link-square:before {
content: "\f14c"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-compass:before {
content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152"; }
.fa-euro:before, .fa-eur:before {
content: "\f153"; }
.fa-gbp:before {
content: "\f154"; }
.fa-dollar:before, .fa-usd:before {
content: "\f155"; }
.fa-rupee:before, .fa-inr:before {
content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158"; }
.fa-won:before, .fa-krw:before {
content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-text:before {
content: "\f15c"; }
.fa-sort-alpha-asc:before {
content: "\f15d"; }
.fa-sort-alpha-desc:before {
content: "\f15e"; }
.fa-sort-amount-asc:before {
content: "\f160"; }
.fa-sort-amount-desc:before {
content: "\f161"; }
.fa-sort-numeric-asc:before {
content: "\f162"; }
.fa-sort-numeric-desc:before {
content: "\f163"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-youtube-square:before {
content: "\f166"; }
.fa-youtube:before {
content: "\f167"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-youtube-play:before {
content: "\f16a"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-adn:before {
content: "\f170"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitbucket-square:before {
content: "\f172"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-long-arrow-down:before {
content: "\f175"; }
.fa-long-arrow-up:before {
content: "\f176"; }
.fa-long-arrow-left:before {
content: "\f177"; }
.fa-long-arrow-right:before {
content: "\f178"; }
.fa-apple:before {
content: "\f179"; }
.fa-windows:before {
content: "\f17a"; }
.fa-android:before {
content: "\f17b"; }
.fa-linux:before {
content: "\f17c"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-skype:before {
content: "\f17e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-trello:before {
content: "\f181"; }
.fa-female:before {
content: "\f182"; }
.fa-male:before {
content: "\f183"; }
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"; }
.fa-sun-o:before {
content: "\f185"; }
.fa-moon-o:before {
content: "\f186"; }
.fa-archive:before {
content: "\f187"; }
.fa-bug:before {
content: "\f188"; }
.fa-vk:before {
content: "\f189"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-renren:before {
content: "\f18b"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-arrow-circle-o-right:before {
content: "\f18e"; }
.fa-arrow-circle-o-left:before {
content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191"; }
.fa-dot-circle-o:before {
content: "\f192"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before {
content: "\f195"; }
.fa-plus-square-o:before {
content: "\f196"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-slack:before {
content: "\f198"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-openid:before {
content: "\f19b"; }
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c"; }
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-google:before {
content: "\f1a0"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-language:before {
content: "\f1ab"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-building:before {
content: "\f1ad"; }
.fa-child:before {
content: "\f1ae"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-spoon:before {
content: "\f1b1"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-automobile:before, .fa-car:before {
content: "\f1b9"; }
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-database:before {
content: "\f1c0"; }
.fa-file-pdf-o:before {
content: "\f1c1"; }
.fa-file-word-o:before {
content: "\f1c2"; }
.fa-file-excel-o:before {
content: "\f1c3"; }
.fa-file-powerpoint-o:before {
content: "\f1c4"; }
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5"; }
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6"; }
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7"; }
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"; }
.fa-file-code-o:before {
content: "\f1c9"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd"; }
.fa-circle-o-notch:before {
content: "\f1ce"; }
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content: "\f1d0"; }
.fa-ge:before, .fa-empire:before {
content: "\f1d1"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-git:before {
content: "\f1d3"; }
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content: "\f1d4"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"; }
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8"; }
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9"; }
.fa-history:before {
content: "\f1da"; }
.fa-circle-thin:before {
content: "\f1db"; }
.fa-header:before {
content: "\f1dc"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-sliders:before {
content: "\f1de"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-newspaper-o:before {
content: "\f1ea"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bell-slash-o:before {
content: "\f1f7"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-at:before {
content: "\f1fa"; }
.fa-eyedropper:before {
content: "\f1fb"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-area-chart:before {
content: "\f1fe"; }
.fa-pie-chart:before {
content: "\f200"; }
.fa-line-chart:before {
content: "\f201"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-bus:before {
content: "\f207"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-angellist:before {
content: "\f209"; }
.fa-cc:before {
content: "\f20a"; }
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b"; }
.fa-meanpath:before {
content: "\f20c"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-diamond:before {
content: "\f219"; }
.fa-ship:before {
content: "\f21a"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-venus:before {
content: "\f221"; }
.fa-mars:before {
content: "\f222"; }
.fa-mercury:before {
content: "\f223"; }
.fa-intersex:before, .fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-facebook-official:before {
content: "\f230"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-server:before {
content: "\f233"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-times:before {
content: "\f235"; }
.fa-hotel:before, .fa-bed:before {
content: "\f236"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-train:before {
content: "\f238"; }
.fa-subway:before {
content: "\f239"; }
.fa-medium:before {
content: "\f23a"; }
.fa-yc:before, .fa-y-combinator:before {
content: "\f23b"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
content: "\f240"; }
.fa-battery-3:before, .fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battery-2:before, .fa-battery-half:before {
content: "\f242"; }
.fa-battery-1:before, .fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-0:before, .fa-battery-empty:before {
content: "\f244"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-sticky-note-o:before {
content: "\f24a"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-clone:before {
content: "\f24d"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-hourglass-o:before {
content: "\f250"; }
.fa-hourglass-1:before, .fa-hourglass-start:before {
content: "\f251"; }
.fa-hourglass-2:before, .fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-3:before, .fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content: "\f255"; }
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content: "\f256"; }
.fa-hand-scissors-o:before {
content: "\f257"; }
.fa-hand-lizard-o:before {
content: "\f258"; }
.fa-hand-spock-o:before {
content: "\f259"; }
.fa-hand-pointer-o:before {
content: "\f25a"; }
.fa-hand-peace-o:before {
content: "\f25b"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-registered:before {
content: "\f25d"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-safari:before {
content: "\f267"; }
.fa-chrome:before {
content: "\f268"; }
.fa-firefox:before {
content: "\f269"; }
.fa-opera:before {
content: "\f26a"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-tv:before, .fa-television:before {
content: "\f26c"; }
.fa-contao:before {
content: "\f26d"; }
.fa-500px:before {
content: "\f26e"; }
.fa-amazon:before {
content: "\f270"; }
.fa-calendar-plus-o:before {
content: "\f271"; }
.fa-calendar-minus-o:before {
content: "\f272"; }
.fa-calendar-times-o:before {
content: "\f273"; }
.fa-calendar-check-o:before {
content: "\f274"; }
.fa-industry:before {
content: "\f275"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-map-o:before {
content: "\f278"; }
.fa-map:before {
content: "\f279"; }
.fa-commenting:before {
content: "\f27a"; }
.fa-commenting-o:before {
content: "\f27b"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-vimeo:before {
content: "\f27d"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-edge:before {
content: "\f282"; }
.fa-credit-card-alt:before {
content: "\f283"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-modx:before {
content: "\f285"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-usb:before {
content: "\f287"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-pause-circle-o:before {
content: "\f28c"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stop-circle-o:before {
content: "\f28e"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-percent:before {
content: "\f295"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-envira:before {
content: "\f299"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-wheelchair-alt:before {
content: "\f29b"; }
.fa-question-circle-o:before {
content: "\f29c"; }
.fa-blind:before {
content: "\f29d"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-volume-control-phone:before {
content: "\f2a0"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content: "\f2a4"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-signing:before, .fa-sign-language:before {
content: "\f2a7"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content: "\f2b3"; }
.fa-fa:before, .fa-font-awesome:before {
content: "\f2b4"; }
.fa-handshake-o:before {
content: "\f2b5"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-o:before {
content: "\f2b7"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-book-o:before {
content: "\f2ba"; }
.fa-vcard:before, .fa-address-card:before {
content: "\f2bb"; }
.fa-vcard-o:before, .fa-address-card-o:before {
content: "\f2bc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-circle-o:before {
content: "\f2be"; }
.fa-user-o:before {
content: "\f2c0"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-drivers-license:before, .fa-id-card:before {
content: "\f2c2"; }
.fa-drivers-license-o:before, .fa-id-card-o:before {
content: "\f2c3"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-thermometer-2:before, .fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content: "\f2cd"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-times-rectangle:before, .fa-window-close:before {
content: "\f2d3"; }
.fa-times-rectangle-o:before, .fa-window-close-o:before {
content: "\f2d4"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-eercast:before {
content: "\f2da"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-snowflake-o:before {
content: "\f2dc"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-meetup:before {
content: "\f2e0"; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.w3l-headers-9 {
/* //Reset Code */
/* header */
/* menu */
/* //header */ }
.w3l-headers-9 .grid-col-2 {
grid-template-columns: 1fr 1fr; }
.w3l-headers-9 .grid-col-3 {
grid-template-columns: 1fr 1fr 1fr; }
.w3l-headers-9 .grid-col-4 {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.w3l-headers-9 a.action {
border: none;
color: var(--title-color);
font-size: 17px;
line-height: 25px;
font-weight: 600;
display: inline-block; }
.w3l-headers-9 .actionbg {
border: none;
font-weight: 600;
display: inline-block;
font-size: 17px;
color: #F5F9FC;
background: #000;
text-align: center;
padding: 8px 13px 10px; }
.w3l-headers-9 a.action img {
margin-left: 4px; }
.w3l-headers-9 .align-center {
text-align: center; }
.w3l-headers-9 a:hover,
.w3l-headers-9 button:hover,
.w3l-headers-9 .active {
opacity: .8; }
.w3l-headers-9 header {
background: transparent;
width: 100%;
/* border-bottom: 4px solid var(--theme-color-3); */
/* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); */
position: absolute;
z-index: 99;
padding: 15px; }
.w3l-headers-9 .header {
display: flex;
align-items: center; }
.w3l-headers-9 li.nav-right-sty {
padding-right: 0 !important;
border-left: 1px solid #dcdcdc; }
.w3l-headers-9 a.btn.button-eff.button-eff-2 {
padding: 10px 18px; }
.w3l-headers-9 .bottom-menu-content {
margin-left: auto; }
.w3l-headers-9 .logo {
color: #fff;
font-size: 32px;
font-weight: 100;
line-height: 30px;
position: relative;
margin-top: 10px;
display: inline-block;
margin-left: 1em; }
.w3l-headers-9 a.logo img {
position: absolute;
left: -31px;
top: -17px; }
.w3l-headers-9 a.logo span {
color: #fff;
margin-right: 6px;
font-size: 28px; }
.w3l-headers-9 .right-img-9 {
width: 100%; }
.w3l-headers-9 .side-menu-hny {
background: var(--theme-color-3);
border-radius: 50%; }
.w3l-headers-9 .side-menu-hny img {
padding: 12px; }
.w3l-headers-9 .side-menu-hny img.banner-menu {
padding: 20px; }
.w3l-headers-9 .social a {
width: 30px;
height: 30px;
display: inline-block;
background: var(--theme-color-2);
text-align: center;
line-height: 30px;
border-radius: 50%;
color: #ffffff;
font-size: 14px; }
.w3l-headers-9 .overlay-menuv-hny {
position: relative;
margin-left: auto; }
.w3l-headers-9 .menuopen {
cursor: pointer; }
.w3l-headers-9 .side-menu-hny:hover {
opacity: 0.9; }
.w3l-headers-9 .overlay-menuv-hny input {
display: none; }
.w3l-headers-9 .side-menu-hny label.menuclose {
text-transform: uppercase;
text-align: center; }
.w3l-headers-9 .side-menu-hny label.menuclose:hover {
cursor: pointer; }
.w3l-headers-9 .overlay-menuv {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.91);
z-index: 999; }
.w3l-headers-9 .overlay-menuv label.menuclose {
width: 28px;
height: 28px;
position: absolute;
right: 32px;
top: 32px;
background: url(../images/cross.png) no-repeat;
z-index: 100;
cursor: pointer;
z-index: 999; }
.w3l-headers-9 .overlay-menuv nav {
text-align: center;
position: relative;
top: 50%;
font-size: 54px;
transform: translateY(-50%); }
.w3l-headers-9 .overlay-menuv ul {
list-style: none;
padding: 0;
display: inline-block;
position: relative;
border-left: 1px solid rgba(255, 255, 255, 0.13);
padding-left: 20px; }
.w3l-headers-9 nav.menu-side-over-left {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 100px));
justify-content: center;
align-items: center;
grid-gap: 20px; }
.w3l-headers-9 .overlay-menuv ul li {
display: block;
margin: 8px 0;
text-align: left; }
.w3l-headers-9 .overlay-menuv ul li a {
display: block;
color: white;
text-decoration: none;
transition: color 0.2s;
font-size: 17px;
font-weight: normal;
padding: 5px 10px; }
.w3l-headers-9 .overlay-menuv ul li a:hover {
color: var(--theme-color-3);
opacity: 1; }
.w3l-headers-9 a.logo-menu img {
margin: 0 auto; }
.w3l-headers-9 .side-menu-hny ~ .overlay-menuv-hugeinc {
opacity: 0;
visibility: hidden; }
.w3l-headers-9 #op:checked ~ .overlay-menuv-hugeinc {
opacity: 1;
visibility: visible; }
.w3l-headers-9 .overlay-menuv-hugeinc nav {
perspective: 300px;
-moz-perspective: 300px; }
.w3l-headers-9 .overlay-menuv-hugeinc nav ul {
opacity: 0.4; }
.w3l-headers-9 #op:checked ~ .overlay-menuv-hugeinc nav ul {
opacity: 1;
transform: rotateX(0deg); }
.w3l-headers-9 #op:not(:checked) ~ .overlay-menuv-hugeinc nav ul {
transform: translateY(25%) rotateX(-35deg); }
.w3l-headers-9 .nav-right-sty {
margin-left: auto;
display: grid;
grid-template-columns: auto auto;
align-items: center;
grid-gap: 15px; }
.w3l-headers-9 a.link-nav {
color: #222222;
font-weight: normal;
font-size: 17px;
line-height: 25px; }
.w3l-headers-9 .banner-menu {
left: 0px; }
@media (max-width: 1024px) {
.w3l-headers-9 .header {
grid-template-columns: .1fr .3fr 2fr; } }
@media (max-width: 900px) {
.w3l-headers-9 .header {
grid-template-columns: .2fr 0.5fr 2fr; }
.w3l-headers-9 .links label {
width: 40px;
position: absolute;
top: 16px;
right: 8px;
cursor: pointer;
z-index: 99;
height: 40px; }
.w3l-headers-9 .links label:before {
content: '';
background: #050404;
width: 32px;
height: 4px;
position: absolute;
top: 0px;
left: 0px;
border-radius: 10px;
transition: all 0.5s; }
.w3l-headers-9 .links label:after {
content: '';
background: #050404;
width: 32px;
height: 4px;
position: absolute;
top: 22px;
left: 0px;
border-radius: 10px;
transition: all 0.5s; }
.w3l-headers-9 input#nav {
display: block; }
.w3l-headers-9 input {
height: 0px;
opacity: 1;
display: block;
transition: opacity 0.2s; }
.w3l-headers-9 ul.nav-links li {
display: block; }
.w3l-headers-9 input:before {
content: '';
background: #050404;
width: 32px;
height: 4px;
position: absolute;
top: 27px;
right: 16px;
border-radius: 10px;
z-index: 50; }
.w3l-headers-9 input:checked {
opacity: 0; }
.w3l-headers-9 input:checked ~ label:before {
top: 15px;
-webkit-animation: linetop 0.5s linear 0.3s;
animation: linetop 0.5s linear 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.w3l-headers-9 input:checked ~ label:after {
top: 15px;
-webkit-animation: linebottom 0.5s linear 0.3s;
animation: linebottom 0.5s linear 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.w3l-headers-9 .links nav {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 45px;
color: #fff;
display: none;
transition: all 0.3s; }
.w3l-headers-9 .links nav {
padding: 25px 15px;
margin-top: 3.5em; }
.w3l-headers-9 input:checked ~ nav {
height: auto;
display: block;
background: #fbfbfb; }
.w3l-headers-9 nav > ul {
transform: translate(0%, 0%);
transition: 0.2s;
transition-delay: 0.2s; }
.w3l-headers-9 input:checked ~ nav > ul {
opacity: 1; }
.w3l-headers-9 nav > ul > li {
padding: 15px 0;
padding-left: 0px;
cursor: pointer;
transition: all 0.2s; }
.w3l-headers-9 .links ul li {
margin-right: 0;
padding: 8px 5px; }
.w3l-headers-9 a.actionbg {
margin-right: 1em; }
@-webkit-keyframes linetop {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(45deg); } }
@keyframes linetop {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(45deg); } }
@-webkit-keyframes linebottom {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(-45deg); } }
@keyframes linebottom {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(-45deg); } }
.w3l-headers-9 nav > ul > li {
padding: 0; }
.w3l-headers-9 .nav-right-sty {
display: inherit;
margin-top: 20px; } }
@media (max-width: 800px) {
.w3l-headers-9 .overlay-menuv ul {
padding-left: 5px; }
.w3l-headers-9 nav.menu-side-over-left {
grid-template-columns: repeat(auto-fit, minmax(150px, 165px)); } }
@media (max-width: 736px) {
.w3l-headers-9 .links label {
top: 17px; }
.w3l-headers-9 input:before {
top: 28px; }
.w3l-headers-9 .header {
grid-template-columns: .3fr 0.5fr 2fr; }
.w3l-headers-9 .overlay-menuv ul {
padding-left: 5px; }
.w3l-headers-9 nav.menu-side-over-left {
margin-top: .5em; } }
@media (max-width: 480px) {
.w3l-headers-9 .overlay-menuv-hny {
margin-top: 3px; }
.w3l-headers-9 .header {
grid-template-columns: .3fr 1.5fr 1fr; }
.w3l-headers-9 input:before {
width: 32px; }
.w3l-headers-9 .links label {
width: 30px; }
.w3l-headers-9 .links label {
width: 40px;
position: absolute;
top: 17px; }
.w3l-headers-9 .overlay-menuv ul li a {
font-size: 16px;
padding: 3px 8px; }
.w3l-headers-9 .side-menu-hny img.banner-menu {
padding: 17px; } }
@media (max-width: 384px) {
.w3l-headers-9 a.actionbg {
font-size: 16px; }
.w3l-headers-9 a.link-nav {
font-size: 16px; }
.w3l-headers-9 .nav-right-sty {
grid-gap: 10px; }
.w3l-headers-9 .overlay-menuv ul li a {
font-size: 16px; }
.w3l-headers-9 .links nav {
margin-top: 3em; }
.w3l-headers-9 .banner-menu {
left: 0px; } }
@media (max-width: 375px) {
.w3l-headers-9 nav.menu-side-over-left {
grid-template-columns: repeat(auto-fit, minmax(156px, 150px));
grid-gap: 15px;
margin-top: .2em; }
.w3l-headers-9 .side-menu-hny img.banner-menu {
padding: 12px; } }
@media (max-width: 320px) {
.w3l-headers-9 nav.menu-side-over-left {
grid-template-columns: repeat(auto-fit, minmax(130px, 120px));
margin-top: 0; }
.w3l-headers-9 .overlay-menuv ul li a {
font-size: 14px;
padding: 3px 7px; } }
.banner-logo .logo {
color: #fff;
font-size: 86px;
font-weight: 100;
line-height: 30px;
position: relative;
margin-top: 10px;
display: inline-block;
margin-left: .9em;
margin-bottom: 1em; }
.banner-logo .logo img {
position: absolute;
left: -69px;
top: -54px; }
.banner-logo {
position: absolute;
left: 0;
top: 30%;
right: 0;
margin: 0 auto; }
.banner-logo {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.banner-logo {
max-width: 540px; } }
@media (min-width: 768px) {
.banner-logo {
max-width: 720px; } }
@media (min-width: 992px) {
.banner-logo {
max-width: 960px; } }
@media (min-width: 1200px) {
.banner-logo {
max-width: 1140px; } }
@media (max-width: 699px) {
.banner-logo .logo {
font-size: 52px;
margin-left: 1.1em; }
.banner-logo .logo img {
left: -58px;
top: -37px;
height: 84px !important; } }
@media (max-width: 384px) {
.banner-logo .logo {
font-size: 45px; }
.banner-logo .logo img {
left: -53px;
top: -31px;
height: 72px !important; } }
@media (min-width: 700px) {
.banner-logo .logo {
font-size: 70px; } }
@media (min-width: 1600px) {
.banner-logo .logo {
font-size: 86px; } }
.pagination-slider {
position: absolute !important;
width: 100%;
text-align: center;
right: 0;
padding: 0 !important;
bottom: 30px;
z-index: 9; }
.pagination__item {
cursor: pointer;
display: inline-block;
white-space: nowrap;
font-size: 0;
width: 10px;
height: 10px;
border: 1px solid #fff;
margin: 0 5px;
transition: .2s ease-in-out; }
.pagination__item.is-current,
.pagination__item:hover {
background-color: #fff; }
.banner-slider-new-main .container {
position: relative;
margin: 0 auto; }
.background-absolute {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover; }
.slideshow {
position: relative;
color: #ffffff;
background-color: #fff;
overflow: hidden;
min-height: 400px;
min-height: 95vh;
background-image: linear-gradient(131deg, #ff6a88 0%, #ff99ac 100%) !important; }
.slideshow__slide {
visibility: hidden;
transition: visibility 0s 1.7s; }
.slideshow__slide.is-current {
visibility: visible;
transition-delay: 0s; }
@media (max-width: 699px) {
.slideshow .slideshow__slide {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } }
@media (min-width: 700px) {
.slideshow .slideshow__slide {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; } }
.slideshow__slide-background-load-wrap {
transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(0, 100%, 0);
overflow: hidden; }
.is-loaded .slideshow__slide-background-load-wrap {
transform: translate3d(0, 0, 0);
transition-delay: 0s; }
.slideshow__slide.is-prev .slideshow__slide-background-parallax,
.slideshow__slide.is-next .slideshow__slide-background-parallax {
transform: none !important; }
.slideshow__slide.is-prev-section .slideshow__slide-background-parallax,
.slideshow__slide.is-next-section .slideshow__slide-background-parallax {
transform: none !important; }
.slideshow__slide-background-load {
transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(0, -50%, 0); }
.is-loaded .slideshow__slide-background-load {
transform: translate3d(0, 0, 0); }
.slideshow__slide-background-wrap {
transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
transform: translate3d(0, 0, 0); }
.slideshow__slide.is-prev .slideshow__slide-background-wrap {
transform: translate3d(0, -100%, 0); }
.slideshow__slide.is-next .slideshow__slide-background-wrap {
transform: translate3d(0, 100%, 0); }
.slideshow__slide.is-prev-section .slideshow__slide-background-wrap {
transform: translate3d(0, -100%, 0);
transition: none; }
.slideshow__slide.is-next-section .slideshow__slide-background-wrap {
transform: translate3d(0, 100%, 0);
transition: none; }
.slideshow__slide-background {
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
transform: scale(1);
overflow: hidden; }
.slideshow__slide.is-prev .slideshow__slide-background,
.slideshow__slide.is-next .slideshow__slide-background {
transform: scale(0.5);
transition-delay: 0s; }
.slideshow__slide.is-prev-section .slideshow__slide-background,
.slideshow__slide.is-next-section .slideshow__slide-background {
transform: scale(0.5);
transition-delay: 0s;
transition: none; }
.slideshow__slide-image-wrap {
transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
transform: translate3d(0, 0, 0); }
.slideshow__slide.is-prev .slideshow__slide-image-wrap {
transform: translate3d(0, 50%, 0); }
.slideshow__slide-image {
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
transform: scale(1); }
.slideshow__slide.is-prev .slideshow__slide-image,
.slideshow__slide.is-next .slideshow__slide-image {
transform: scale(1.25);
transition-delay: 0s; }
.slideshow__slide.is-prev-section .slideshow__slide-image,
.slideshow__slide.is-next-section .slideshow__slide-image {
transform: scale(1.25);
transition-delay: 0s;
transition: none; }
.slideshow__slide-image::before,
.slideshow__slide-image::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.25; }
.slideshow__slide-image::before {
background-color: #1e1e22; }
.slideshow__slide-image::after {
background: linear-gradient(to bottom, transparent 0%, #1e1e22 100%); }
.slideshow__slide.is-prev .slideshow_container,
.slideshow__slide.is-next .slideshow_container {
transform: none !important; }
.slideshow__slide.is-prev-section .slideshow_container,
.slideshow__slide.is-next-section .slideshow_container {
transform: none !important; }
.slideshow__slide-caption-text {
position: relative;
height: 100%;
padding-top: 42vh;
transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
transform: translate3d(0, 0, 0); }
.slideshow__slide.is-prev .slideshow__slide-caption-text {
transform: translate3d(0, -100%, 0); }
.slideshow__slide.is-next .slideshow__slide-caption-text {
transform: translate3d(0, 100%, 0); }
.slideshow__slide.is-prev-section .slideshow__slide-caption-text {
transform: translate3d(0, -100%, 0);
transition: none; }
.slideshow__slide.is-next-section .slideshow__slide-caption-text {
transform: translate3d(0, 100%, 0);
transition: none; }
.slideshow__slide-caption {
position: relative;
height: 100%;
transform: translate3d(0, 100%, 0);
transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }
.is-loaded .slideshow__slide-caption {
transform: translate3d(0, 0, 0); }
.slideshow__slide-caption-title {
line-height: 1;
font-weight: 600; }
@media (max-height: 500px) {
.slideshow__slide-caption-title {
margin-bottom: 0 !important; } }
@media (max-width: 699px) {
.slideshow__slide-caption-title {
font-size: 40px; }
.slideshow.-full .slideshow__slide-caption-title {
margin-bottom: 30px; } }
@media (min-width: 700px) {
.slideshow__slide-caption-title {
font-size: 5.625rem;
margin-bottom: 1.25rem; } }
@media (min-width: 700px) and (max-width: 749px) {
.slideshow__slide-caption-title {
font-size: 4.375rem; } }
@media (min-width: 1600px) {
.slideshow__slide-caption-title {
font-size: 6.25rem; } }
.slideshow__slide-caption-title.-full {
width: 100%; }
.slideshow__slide-caption-subtitle {
display: inline-block;
padding: 1.875rem 0; }
.slideshow__slide-caption-subtitle.-load {
transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
transform: translate3d(0, 3.75rem, 0); }
.is-loaded .slideshow__slide-caption-subtitle.-load {
transform: translate3d(0, 0, 0); }
body[data-route-option="prev-section"] .slideshow__slide-caption-subtitle.-load,
body[data-route-option="next-section"] .slideshow__slide-caption-subtitle.-load {
transform: translate3d(0, 0, 0); }
.slideshow__slide-caption-subtitle-label {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateZ(0);
display: inline-block; }
.o-hsub.-link:hover .slideshow__slide-caption-subtitle-label,
.o-hsub-wrap:hover .slideshow__slide-caption-subtitle-label {
transform: translateX(20px); }
/* OLD */
.c-header-home_heading {
line-height: 1; }
@media (max-height: 500px) {
.c-header-home_heading {
margin-bottom: 0 !important; } }
@media (max-width: 699px) {
.c-header-home_heading {
font-size: 40px;
margin-bottom: 150px; }
.c-header-home.-full .c-header-home_heading {
margin-bottom: 30px; } }
@media (min-width: 700px) {
.c-header-home_heading {
font-size: 5.625rem;
margin-bottom: 1.25rem; } }
@media (min-width: 700px) and (max-width: 749px) {
.c-header-home_heading {
font-size: 4.375rem; } }
@media (min-width: 1600px) {
.c-header-home_heading {
font-size: 6.25rem; } }
.c-header-home_heading.-full {
width: 100%; }
.c-header-home_subheading {
display: inline-block;
padding: 1.875rem 0; }
.c-header-home_subheading.-load {
transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
transform: translate3d(0, 3.75rem, 0); }
.is-loaded .c-header-home_subheading.-load {
transform: translate3d(0, 0, 0); }
body[data-route-option="prev-section"] .c-header-home_subheading.-load,
body[data-route-option="next-section"] .c-header-home_subheading.-load {
transform: translate3d(0, 0, 0); }
.c-header-home_footer {
z-index: 3;
position: absolute;
right: 0;
bottom: 0;
left: 0; }
.c-header-home_controls,
.c-header-home_buttons {
margin-left: 0;
letter-spacing: normal;
font-size: 0;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(0, 100%, 0); }
@media (max-width: 699px) {
.c-header-home_controls,
.c-header-home_buttons {
padding-bottom: 40px; } }
@media (min-width: 700px) {
.c-header-home_controls,
.c-header-home_buttons {
padding-bottom: 5.625rem; } }
@media (min-width: 700px) and (max-width: 749px) {
.c-header-home_controls,
.c-header-home_buttons {
padding-bottom: 3.75rem; } }
.is-loaded .c-header-home_controls,
.is-loaded .c-header-home_buttons {
transform: translate3d(0, 0, 0); }
body[data-route-option="prev-section"] .c-header-home_controls,
body[data-route-option="prev-section"] .c-header-home_buttons,
body[data-route-option="next-section"] .c-header-home_controls,
body[data-route-option="next-section"] .c-header-home_buttons {
transform: translate3d(0, 0, 0); }
.c-header-home_controls {
transition-delay: 0.65s; }
@media (min-width: 700px) {
.c-header-home_controls {
float: left; } }
.c-header-home_buttons {
transition-delay: 0.75s; }
@media (max-width: 699px) {
.c-header-home_buttons {
margin-left: -20px;
margin-right: -20px; } }
@media (min-width: 1000px) {
.c-header-home_buttons {
float: right; } }
@media (max-width: 699px) {
.c-header-home_button {
width: 50% !important; } }
@media (min-width: 700px) {
.c-header-home_button {
width: 15.625rem; } }
.banner-slider-new-main button,
.c-header-filters_button,
.o-button {
display: inline-block;
overflow: visible;
margin: 0;
padding: 0;
outline: 0;
border: 0;
background: none;
color: inherit;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: none;
font: inherit;
line-height: normal;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.banner-slider-new-main button:hover,
.c-header-filters_button:hover,
.o-button:hover {
text-decoration: none; }
@media (min-width: 1200px) {
.o-scroll {
height: 100%; } }
::-moz-selection {
background: #0084c0;
color: #ffffff; }
::selection {
background: #0084c0;
color: #ffffff; }
.banner-slider-new-main img,
.banner-slider-new-main svg {
max-width: 100%; }
.banner-slider-new-main a,
.o-link {
transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.banner-slider-new-main a.-normal,
.o-link.-normal {
color: currentColor;
text-decoration: none; }
.banner-slider-new-main a.-normal:hover,
.o-link.-normal:hover {
text-decoration: underline; }
.banner-slider-new-main a.-blue:hover,
.o-link.-blue:hover {
text-decoration: none;
color: #0084c0; }
.banner-slider-new-main a.-hover,
.o-link.-hover {
position: relative;
text-decoration: none;
color: #ffffff; }
.banner-slider-new-main a.-hover::after,
.o-link.-hover::after {
content: "";
position: absolute;
bottom: -1px;
right: 0;
left: 0;
border-bottom: 1px solid;
transform: scaleX(0);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center left; }
.banner-slider-new-main a.-hover:hover::after,
.o-link.-hover:hover::after {
transform: scaleX(1); }
.banner-slider-new-main p {
margin: 0; }
.o-wrap {
overflow: hidden; }
.o-page.-anim {
transform: translate3d(0, 9.375rem, 0);
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.is-loaded .o-page.-anim {
transform: translate3d(0, 0, 0); }
.o-barba,
.o-barba_container {
height: 100%; }
.banner-slider-new-main strong {
font-weight: 700; }
.js-parallax {
transform: translateZ(0);
will-change: transform; }
.scroll-content {
overflow: hidden; }
.o-blockquote.-nomargin {
margin: 0; }
.o-action-link {
display: block;
padding-top: 12.8125rem;
padding-bottom: 7.5rem;
text-align: center;
text-decoration: none;
font-weight: 700; }
@media (max-width: 699px) {
.o-action-link {
font-size: 40px;
padding-top: 120px; } }
@media (max-width: 1199px) {
.o-action-link {
color: #1e1e22; } }
@media (min-width: 700px) {
.o-action-link {
font-size: 5.625rem; } }
@media (min-width: 1200px) {
.o-action-link {
color: #ffffff; } }
.o-action-link:hover {
color: #ffffff; }
.o-action-link_label {
display: inline-block;
position: relative; }
.o-action-link_label::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-bottom: 0.1875rem solid;
transform: scaleX(0);
transform-origin: center left;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.o-action-link:hover .o-action-link_label::after {
transform: scaleX(1); }
.o-h,
.banner-slider-new-main h1,
.o-h1,
.banner-slider-new-main h2,
.o-h2,
.banner-slider-new-main h3,
.o-h3,
.banner-slider-new-main h4,
.o-h4,
.banner-slider-new-main h5,
.o-h5,
.banner-slider-new-main h6,
.o-h6 {
font-weight: bold;
margin-top: 0;
line-height: 1.1;
color: #fff;
text-transform: capitalize; }
@media (max-width: 699px) {
.banner-slider-new-main h1,
.o-h1 {
font-size: 45px; } }
@media (max-width: 414px) {
.banner-slider-new-main h1,
.o-h1 {
font-size: 38px; } }
@media (min-width: 700px) {
.banner-slider-new-main h1,
.o-h1 {
font-size: 55px; } }
@media (min-width: 1600px) {
.banner-slider-new-main h1,
.o-h1 {
font-size: 4.375rem; } }
@media (max-width: 1599px) {
.banner-slider-new-main h2,
.o-h2 {
font-size: 1.5625rem; } }
@media (min-width: 1600px) {
.banner-slider-new-main h2,
.o-h2 {
font-size: 2.25rem; } }
.banner-slider-new-main h3,
.o-h3 {
font-size: 1.5625rem; }
.banner-slider-new-main h4,
.o-h4 {
font-size: 1rem; }
.banner-slider-new-main h5,
.o-h5 {
font-size: 0.8125rem; }
.banner-slider-new-main h6,
.o-h6 {
font-size: 0.6875rem; }
.o-hsub {
font-size: 0.75rem;
padding: 1.25rem 0;
display: inline-block;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 500; }
.o-hsub::before {
content: "";
display: inline-block;
vertical-align: middle;
border-bottom: 1px solid;
width: 1.5rem;
background-color: #1e1e22;
margin-right: 1.125rem;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center left; }
.o-hsub.-link {
color: #ffffff;
text-decoration: none; }
.o-hsub.-link:hover::before,
.o-hsub-wrap:hover .o-hsub.-link::before {
transform: scaleX(1.5); }
.o-hsub.-link.-dark {
color: #1e1e22; }
.o-hsub.-link.-dark:hover {
color: #1e1e22; }
.o-hsub.-h {
vertical-align: middle; }
@media (max-width: 699px) {
.o-hsub.-h {
display: block;
margin-top: 20px; } }
@media (min-width: 700px) {
.o-hsub.-h {
margin-left: 2.5rem; } }
.o-hsub_label {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateZ(0);
display: inline-block; }
.o-hsub.-link:hover .o-hsub_label,
.o-hsub-wrap:hover .o-hsub_label {
transform: translateX(20px); }
.is-loaded .o-loader {
visibility: hidden;
transition-delay: 0.6s; }
.o-container {
position: relative;
margin: 0 auto; }
.o-section {
position: relative; }
.o-section.-offset {
margin-top: -9.375rem;
background-color: #f6f6f6; }
.o-section.-padding {
padding-top: 7.5rem;
padding-bottom: 7.5rem; }
.o-section.-padding-top {
padding-top: 7.5rem; }
@media (max-width: 699px) {
.o-section.-bottom {
padding-bottom: 60px; } }
@media (min-width: 700px) {
.o-section.-bottom {
padding-bottom: 7.5rem; } }
.o-section.-left {
margin-right: 15rem; }
.o-section.-right {
margin-left: 15rem; }
.o-section.-left-large {
margin-right: 22.5rem; }
.o-section.-right.-padding {
padding-left: 9.5625rem; }
.o-section_image {
position: relative;
overflow: hidden; }
.o-section_image.-small {
padding-bottom: 57.144%; }
.o-section_image.-large {
padding-bottom: 55%; }
.o-section_image.-padding-left {
margin-left: 7.5rem; }
.o-section_image.-left {
margin-right: 15rem; }
@media (max-width: 1599px) {
.o-section_image.-left {
margin-left: -7.5rem; } }
@media (min-width: 1600px) {
.o-section_image.-left {
margin-left: -9.5625rem; } }
.o-section_image.-right {
margin-left: 15rem; }
@media (max-width: 1599px) {
.o-section_image.-right {
margin-right: -7.5rem; } }
@media (min-width: 1600px) {
.o-section_image.-right {
margin-right: -9.5625rem; } }
.o-section_image img {
width: 100%; }
.o-grid {
margin-left: 0;
letter-spacing: normal;
font-size: 0; }
.o-grid.-margin {
margin-left: -3.75rem; }
.o-grid_item {
display: inline-block;
padding-left: 0;
width: 100%;
vertical-align: top;
font-size: 1rem; }
@media (max-width: 699px) {
.o-grid_item.-button {
width: 100%; } }
@media (min-width: 700px) and (max-width: 999px) {
.o-grid_item.-button {
margin-bottom: 60px; } }
@media (min-width: 1000px) {
.o-grid_item.-button {
width: 18.75rem; } }
@media (max-width: 699px) {
.o-grid_item.-button-content {
margin-bottom: 30px; } }
@media (min-width: 700px) and (max-width: 999px) {
.o-grid_item.-button-content {
margin-bottom: 60px; } }
@media (min-width: 1000px) {
.o-grid_item.-button-content {
width: calc(100% - 18.75rem); } }
.o-grid.-margin .o-grid_item {
padding-left: 3.75rem; }
@media (min-width: 700px) {
.o-grid_item.-half {
width: 50%; } }
@media (min-width: 700px) and (max-width: 1199px) {
.o-grid_item.-half.-large {
width: 100%; } }
@media (min-width: 700px) and (max-width: 999px) {
.o-grid_item.-half.-medium {
width: 100%; } }
@media (min-width: 700px) and (max-width: 1199px) {
.o-grid_item.-third {
width: 50%; } }
@media (min-width: 1200px) {
.o-grid_item.-third {
width: 33.3333333333%; } }
.o-form {
padding-bottom: 11.25rem; }
@media (max-width: 699px) {
.o-form_item {
margin-bottom: 35px; } }
@media (min-width: 700px) {
.o-form_item {
margin-bottom: 2.9375rem; } }
.o-form_fieldset {
padding: 0;
margin: 0;
border: 0; }
@media (max-width: 699px) {
.o-form_fieldset {
margin-bottom: 20px; } }
@media (min-width: 700px) {
.o-form_fieldset {
margin-bottom: 3.75rem; } }
.o-form_button {
text-align: right; }
.o-label {
display: block;
height: 100%;
color: #b3b3b3;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 0.875rem;
transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@media (max-width: 699px) {
.o-label {
font-size: 9px; } }
@media (min-width: 700px) {
.o-label {
font-size: 0.5625rem; } }
.o-input-wrap .o-label {
position: absolute;
bottom: 0;
left: 0;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.o-input:focus ~ .o-label,
.o-select:focus ~ .o-label,
.o-textarea:focus ~ .o-label,
.o-label.is-active {
transform: translateY(-1.875rem); }
.o-input.has-error ~ .o-label,
.has-error.o-select ~ .o-label,
.has-error.o-textarea ~ .o-label {
color: #cc3d3d; }
.o-input-wrap {
position: relative; }
.o-input,
.o-select,
.o-textarea {
padding: 0.875rem;
background-color: transparent;
border-bottom: 1px solid #b3b3b3;
transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@media (max-width: 699px) {
.o-input,
.o-select,
.o-textarea {
font-size: 14px; } }
@media (min-width: 700px) {
.o-input,
.o-select,
.o-textarea {
font-size: 0.875rem; } }
.o-input::-webkit-input-placeholder,
.o-select::-webkit-input-placeholder,
.o-textarea::-webkit-input-placeholder {
color: #b3b3b3; }
.o-input:-ms-input-placeholder,
.o-select:-ms-input-placeholder,
.o-textarea:-ms-input-placeholder {
color: #b3b3b3; }
.o-input::-ms-input-placeholder,
.o-select::-ms-input-placeholder,
.o-textarea::-ms-input-placeholder {
color: #b3b3b3; }
.o-input::-moz-placeholder,
.o-select::-moz-placeholder,
.o-textarea::-moz-placeholder {
color: #b3b3b3; }
.o-input::placeholder,
.o-select::placeholder,
.o-textarea::placeholder {
color: #b3b3b3; }
.o-input.-search,
.-search.o-select,
.-search.o-textarea {
background-color: transparent;
color: #ffffff;
font-weight: 700;
border-bottom: none; }
@media (max-width: 699px) {
.o-input.-search,
.-search.o-select,
.-search.o-textarea {
font-size: 26px; } }
@media (min-width: 700px) {
.o-input.-search,
.-search.o-select,
.-search.o-textarea {
font-size: 3.75rem; } }
.o-input.-search::-webkit-input-placeholder,
.-search.o-select::-webkit-input-placeholder,
.-search.o-textarea::-webkit-input-placeholder {
color: #000000; }
.o-input.-search:-ms-input-placeholder,
.-search.o-select:-ms-input-placeholder,
.-search.o-textarea:-ms-input-placeholder {
color: #000000; }
.o-input.-search::-ms-input-placeholder,
.-search.o-select::-ms-input-placeholder,
.-search.o-textarea::-ms-input-placeholder {
color: #000000; }
.o-input.-search::-moz-placeholder,
.-search.o-select::-moz-placeholder,
.-search.o-textarea::-moz-placeholder {
color: #000000; }
.o-input.-search::placeholder,
.-search.o-select::placeholder,
.-search.o-textarea::placeholder {
color: #000000; }
.-mobile .o-input.-search,
.-mobile .-search.o-select,
.-mobile .-search.o-textarea {
font-size: 26px;
padding: 0; }
.o-input.-search.-light,
.-search.-light.o-select,
.-search.-light.o-textarea {
color: #1e1e22; }
.o-input.-search.-light::-webkit-input-placeholder,
.-search.-light.o-select::-webkit-input-placeholder,
.-search.-light.o-textarea::-webkit-input-placeholder {
color: #b3b3b3; }
.o-input.-search.-light:-ms-input-placeholder,
.-search.-light.o-select:-ms-input-placeholder,
.-search.-light.o-textarea:-ms-input-placeholder {
color: #b3b3b3; }
.o-input.-search.-light::-ms-input-placeholder,
.-search.-light.o-select::-ms-input-placeholder,
.-search.-light.o-textarea::-ms-input-placeholder {
color: #b3b3b3; }
.o-input.-search.-light::-moz-placeholder,
.-search.-light.o-select::-moz-placeholder,
.-search.-light.o-textarea::-moz-placeholder {
color: #b3b3b3; }
.o-input.-search.-light::placeholder,
.-search.-light.o-select::placeholder,
.-search.-light.o-textarea::placeholder {
color: #b3b3b3; }
.o-input.has-error,
.has-error.o-select,
.has-error.o-textarea {
border-color: #cc3d3d; }
.o-input:focus,
.o-select:focus,
.o-textarea:focus {
outline: none; }
.o-input-line {
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
border-bottom: 1px solid #1e1e22;
transform: scaleX(0);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center left; }
.o-input:focus ~ .o-input-line,
.o-select:focus ~ .o-input-line,
.o-textarea:focus ~ .o-input-line {
transform: scaleX(1); }
.o-input-lines::before,
.o-input-lines::after {
content: "";
position: absolute;
bottom: 0;
border-right: 1px solid #b3b3b3;
height: 0.375rem;
transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.o-input.has-error ~ .o-input-lines::before,
.has-error.o-select ~ .o-input-lines::before,
.has-error.o-textarea ~ .o-input-lines::before,
.o-input.has-error ~ .o-input-lines::after,
.has-error.o-select ~ .o-input-lines::after,
.has-error.o-textarea ~ .o-input-lines::after {
border-color: #cc3d3d; }
.o-input-lines::before {
left: 0;
transition-delay: 0.3s; }
.o-input-lines::after {
right: 0; }
.o-input:focus ~ .o-input-lines::before,
.o-select:focus ~ .o-input-lines::before,
.o-textarea:focus ~ .o-input-lines::before,
.o-input:focus ~ .o-input-lines::after,
.o-select:focus ~ .o-input-lines::after,
.o-textarea:focus ~ .o-input-lines::after {
border-color: #1e1e22; }
.o-input:focus ~ .o-input-lines::before,
.o-select:focus ~ .o-input-lines::before,
.o-textarea:focus ~ .o-input-lines::before {
transition-delay: 0s; }
.o-input:focus ~ .o-input-lines::after,
.o-select:focus ~ .o-input-lines::after,
.o-textarea:focus ~ .o-input-lines::after {
transition-delay: 0.3s; }
.o-checkbox,
.o-radio {
position: absolute;
width: 0;
opacity: 0; }
.o-checkbox:checked + .o-checkbox-label::after,
.o-radio:checked + .o-checkbox-label::after,
.o-checkbox:checked + .o-radio-label::after,
.o-radio:checked + .o-radio-label::after {
transform: scale(1); }
.o-checkbox-label,
.o-radio-label {
position: relative;
display: inline-block;
margin-right: 0.5em;
line-height: 1.4;
margin-right: 4.0625rem;
cursor: pointer;
padding-top: 0.125rem; }
@media (max-width: 699px) {
.o-checkbox-label,
.o-radio-label {
font-size: 12px;
padding-left: 27px; } }
@media (min-width: 700px) {
.o-checkbox-label,
.o-radio-label {
font-size: 0.875rem;
padding-left: 1.1875rem; } }
.o-checkbox-label.-uppsercase,
.-uppsercase.o-radio-label {
text-transform: uppercase; }
.o-checkbox-label::before,
.o-radio-label::before,
.o-checkbox-label::after,
.o-radio-label::after {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
padding: 0;
content: "";
border: 1px solid;
transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@media (max-width: 699px) {
.o-checkbox-label::before,
.o-radio-label::before,
.o-checkbox-label::after,
.o-radio-label::after {
width: 12px;
height: 12px;
margin-top: -6px; } }
@media (min-width: 700px) {
.o-checkbox-label::before,
.o-radio-label::before,
.o-checkbox-label::after,
.o-radio-label::after {
margin-top: -0.28125rem;
width: 0.5625rem;
height: 0.5625rem; } }
.o-checkbox-label::after,
.o-radio-label::after {
width: 0;
height: 0;
border-style: solid;
border-color: #1e1e22 transparent transparent transparent;
transform: scale(0);
transform-origin: top left;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
@media (max-width: 699px) {
.o-checkbox-label::after,
.o-radio-label::after {
border-width: 12px 12px 0 0; } }
@media (min-width: 700px) {
.o-checkbox-label::after,
.o-radio-label::after {
border-width: 0.5625rem 0.5625rem 0 0; } }
.o-checkbox-label.has-error::before,
.has-error.o-radio-label::before {
border-color: #cc3d3d; }
.o-checkbox-label_text {
display: inline-block;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateZ(0); }
.o-checkbox-label:hover .o-checkbox-label_text,
.o-radio-label:hover .o-checkbox-label_text {
transform: translateX(0.3125rem); }
.o-radio-label::before,
.o-radio-label::after {
border-radius: 50%;
width: 12px;
height: 12px; }
.o-radio-label::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E");
background-size: 6px;
background-position: center;
background-repeat: no-repeat;
transform: scale(0);
transform-origin: center;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
border: none; }
.o-radio:checked + .o-radio-label::after {
transform: scale(1); }
.o-select {
position: relative;
z-index: 1;
padding-right: 2.5rem; }
.o-select:focus {
border-bottom-color: #1e1e22; }
.o-select-wrap {
position: relative; }
.o-select-wrap::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
width: 2.5rem;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2211.3%22%20viewBox%3D%220%200%2013%2011.3%22%20enable-background%3D%22new%200%200%2013%2011.3%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23b3b3b3%22%20points%3D%226.5%2011.3%203.3%205.6%200%200%206.5%200%2013%200%209.8%205.6%20%22%2F%3E%3C%2Fsvg%3E");
background-position: center;
background-size: 10px;
background-repeat: no-repeat;
content: "";
pointer-events: none; }
.o-textarea-wrap {
position: relative; }
.o-textarea {
min-height: 9.375rem; }
.o-button {
position: relative;
display: inline-block;
text-align: center;
border: 1px solid #1e1e22;
white-space: nowrap;
font-size: 0;
transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s; }
.o-button:before {
display: inline-block;
height: 100%;
content: "";
vertical-align: middle; }
.o-button > * {
display: inline-block;
vertical-align: middle;
white-space: normal;
font-size: 1rem; }
@media (max-width: 699px) {
.o-button {
height: 60px;
padding: 0 20px; } }
@media (min-width: 700px) {
.o-button {
height: 3.75rem;
padding: 0 1.875rem; } }
.o-button::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #1e1e22;
transform: scaleX(0);
transform-origin: center left;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s; }
.o-button:hover {
color: #ffffff;
transition-delay: 0s; }
.o-button:hover::after {
transform: scaleX(1);
transition-delay: 0s; }
@media (min-width: 1200px) {
.o-button.-anim {
border-color: transparent; } }
.o-button.-left::after {
transform-origin: center right; }
.o-button.-white {
border-color: #ffffff; }
.o-button.-white::after {
background-color: #ffffff; }
.o-button.-white:hover {
color: #000000; }
@media (max-width: 699px) {
.o-button.-width {
width: 100%; } }
@media (min-width: 700px) {
.o-button.-width {
width: 15rem; } }
.o-button.-form {
width: 11.25rem; }
.o-button.-form:focus {
color: #ffffff;
transition-delay: 0s; }
.o-button.-form:focus::after {
transform: scaleX(1);
transition-delay: 0s; }
.o-button.-square {
padding: 0; }
@media (max-width: 699px) {
.o-button.-square {
width: 60px; } }
@media (min-width: 700px) {
.o-button.-square {
width: 3.75rem; } }
.o-button-group .o-button + .o-button {
border-left: none; }
@media (max-width: 699px) {
.o-button.-padding {
padding: 1.25rem; } }
@media (min-width: 700px) {
.o-button.-padding {
padding: 1.25rem 2.5rem; } }
.o-button_label {
display: inline-block;
position: relative;
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(0);
line-height: 1.4;
z-index: 2;
text-transform: uppercase;
letter-spacing: 0.12em;
font-weight: 500;
font-size: 0.75rem; }
.o-button:hover .o-button_label {
transform: translateX(0.5rem);
transition-delay: 0.075s; }
.o-button.-left:hover .o-button_label {
transform: translateX(-0.5rem); }
.o-button.-square:hover .o-button_label {
transform: translateX(0.375rem); }
.o-button.-left.-square:hover .o-button_label {
transform: translateX(-0.375rem); }
.o-button-group {
margin-left: 0;
letter-spacing: normal;
font-size: 0; }
.o-button_icon {
position: relative;
width: 1.1875rem;
height: 1.1875rem;
fill: #1e1e22;
transition: fill 0.45s cubic-bezier(0.4, 0, 0.2, 1) 0.075s; }
.o-button.-white .o-button_icon {
fill: #ffffff; }
.o-button:hover .o-button_icon {
fill: #f6f6f6;
transition-delay: 0s; }
.o-button.-white:hover .o-button_icon {
fill: #1e1e22; }
.o-button_line::before,
.o-button_line::after {
content: "";
position: absolute;
background-color: #1e1e22; }
.is-mobile .o-button_line::before,
.is-mobile .o-button_line::after {
display: none; }
.o-button_line::before {
width: 1px;
top: 0;
bottom: 0;
transform: scaleY(0);
transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); }
.o-button_line::after {
height: 1px;
right: 0;
left: 0;
transform: scaleX(0);
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); }
.o-button_line:first-of-type::before {
left: 0;
transform-origin: center bottom; }
.o-button_line:first-of-type::after {
top: 0;
transform-origin: center left; }
.o-button_line:last-of-type::before {
right: 0;
transform-origin: center top; }
.o-button_line:last-of-type::after {
bottom: 0;
transform-origin: center right; }
.o-button.is-inview .o-button_line::before {
transform: scaleY(1); }
.o-button.is-inview .o-button_line::after {
transform: scaleX(1); }
.o-button.is-inview .o-button_line:first-of-type::before {
transition-delay: 1.15s; }
.o-button.is-inview .o-button_line:first-of-type::after {
transition-delay: 0.1s; }
.o-button.is-inview .o-button_line:last-of-type::before {
transition-delay: 0.55s; }
.o-button.is-inview .o-button_line:last-of-type::after {
transition-delay: 0.7s; }
.c-header-home_footer {
z-index: 3;
position: absolute;
right: 0;
bottom: 0;
left: 0; }
.c-header-home_controls,
.c-header-home_buttons {
margin-left: 0;
letter-spacing: normal;
font-size: 0;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(0, 100%, 0); }
@media (max-width: 699px) {
.c-header-home_controls,
.c-header-home_buttons {
padding-bottom: 40px; } }
@media (min-width: 700px) {
.c-header-home_controls,
.c-header-home_buttons {
padding-bottom: 5.625rem; } }
@media (min-width: 700px) and (max-width: 749px) {
.c-header-home_controls,
.c-header-home_buttons {
padding-bottom: 3.75rem; } }
.is-loaded .c-header-home_controls,
.is-loaded .c-header-home_buttons {
transform: translate3d(0, 0, 0); }
body[data-route-option="prev-section"] .c-header-home_controls,
body[data-route-option="prev-section"] .c-header-home_buttons,
body[data-route-option="next-section"] .c-header-home_controls,
body[data-route-option="next-section"] .c-header-home_buttons {
transform: translate3d(0, 0, 0); }
.c-header-home_controls {
transition-delay: 0.65s; }
@media (min-width: 700px) {
.c-header-home_controls {
float: left; } }
.c-header-home_buttons {
transition-delay: 0.75s; }
@media (max-width: 699px) {
.c-header-home_buttons {
margin-left: -20px;
margin-right: -20px; } }
@media (min-width: 1000px) {
.c-header-home_buttons {
float: right; } }
@media (max-width: 699px) {
.c-header-home_button {
width: 50% !important; } }
@media (min-width: 700px) {
.c-header-home_button {
width: 15.625rem; } }
@media (max-width: 1080px) {
.slideshow__slide-caption-text {
padding-top: 40vh; } }
@media (max-width: 699px) {
.slideshow__slide-caption-text {
padding-top: 36vh; } }
@media (max-width: 736px) {
.slideshow {
min-height: 90vh; } }
@media (max-width: 699px) {
.slideshow {
min-height: 85vh; } }
@media (max-width: 480px) {
.slideshow {
min-height: 80vh; } }
@media (max-width: 414px) {
.slideshow__slide-caption-text {
padding-top: 34vh; } }
@media (max-width: 384px) {
.slideshow {
min-height: 75vh; }
.slideshow__slide-caption-text {
padding-top: 32vh; } }
.w3l-grids-6 {
/* animation effect */
/* //animation effect */ }
.w3l-grids-6 .grids-layout {
padding: 80px 0;
text-align: center;
position: relative;
z-index: 0; }
.w3l-grids-6 .gd-innf h3 a {
font-size: 25px;
line-height: 30px;
color: var(--title-color);
display: block;
text-align: center;
position: relative;
padding: 25px 10px 10px;
font-weight: 600; }
.w3l-grids-6 .gd-innf h3 a:before {
content: "";
position: absolute;
background: #33b4f7;
height: 2px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 50px; }
.w3l-grids-6 .gd-innf p {
margin-top: 6px; }
.w3l-grids-6 .grid-column-3 {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px; }
.w3l-grids-6 .shape-wthree {
-webkit-animation: fa-spin 5s infinite linear;
animation: fa-spin 5s infinite linear; }
.w3l-grids-6 img.shape-w3-one {
top: 37%;
position: absolute;
right: 2%;
z-index: -1; }
.w3l-grids-6 img.shape-w3-two {
top: 12%;
position: absolute;
right: 50%;
z-index: -1; }
.w3l-grids-6 img.shape-w3-three {
top: 10%;
position: absolute;
right: 15%;
z-index: -1; }
.w3l-grids-6 img.shape-w3-four {
position: absolute;
top: 30%;
left: 4%;
z-index: -1; }
.w3l-grids-6 img.shape-w3-five {
position: absolute;
bottom: 14%;
right: 7%;
z-index: -1; }
.w3l-grids-6 img.shape-w3-six {
position: absolute;
bottom: 18%;
left: 23%;
z-index: -1; }
@media (max-width: 1080px) {
.w3l-grids-6 .gd-innf h3 a {
font-size: 20px;
line-height: 25px; } }
@media (max-width: 991px) {
.w3l-grids-6 .grids-layout {
padding: 60px 0; }
.w3l-grids-6 .grid-column-3 {
grid-gap: 30px; } }
@media (max-width: 768px) {
.w3l-grids-6 .gd-innf h3 a {
font-size: 16px; }
.w3l-grids-6 .grid-column-3 {
grid-gap: 20px; } }
@media (max-width: 600px) {
.w3l-grids-6 .gd-innf h3 a {
font-size: 23px; }
.w3l-grids-6 .grid-column-3 {
grid-template-columns: 1fr; }
.w3l-grids-6 .grid-column-3 {
grid-gap: 40px; } }
@media (max-width: 480px) {
.w3l-grids-6 .gd-innf h3 a {
font-size: 20px; } }
@media (max-width: 414px) {
.w3l-grids-6 .grids-layout {
padding: 40px 0; } }
.w3l-two-grids-main .sports-ecom-grids {
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-two-grids-main .top-sec-grid {
position: absolute;
top: 28%;
right: 0;
margin: auto 0;
padding: 30px;
z-index: 999; }
.w3l-two-grids-main .first-sec-grid {
left: 0; }
.w3l-two-grids-main .multi-gd-text {
position: relative; }
.w3l-two-grids-main .top-sec-grid h4 {
color: #0c0c0c;
font-size: 30px;
font-weight: 600; }
.w3l-two-grids-main .top-sec-grid h4 span {
font-weight: bold;
display: block; }
.w3l-two-grids-main a.btn.button-supr {
color: var(--title-color);
background: #fff; }
.w3l-two-grids-main a.btn.button-supr.button-eff:hover {
opacity: .8; }
.w3l-two-grids-main .sports-grid .multi-gd-text:hover::before {
width: 100%;
height: 100%; }
.w3l-two-grids-main .sports-grid .multi-gd-text::before {
background: rgba(0, 0, 0, 0.1);
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
transition: all 0.5s ease-out 0s;
z-index: 99;
content: ""; }
.w3l-two-grids-main .multi-gd-text img {
height: auto;
width: 100%; }
.w3l-two-grids-main .sports-grid .multi-gd-text:hover::after {
width: 100%;
height: 100%; }
.w3l-two-grids-main .sports-grid .multi-gd-text::after {
background: rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
transition: all 0.5s ease-out 0s;
z-index: 99;
content: ""; }
@media screen and (max-width: 1280px) {
.w3l-two-grids-main .top-sec-grid {
top: 25%; } }
@media screen and (max-width: 991px) {
.w3l-two-grids-main .top-sec-grid {
top: 18%; } }
@media screen and (max-width: 845px) {
.w3l-two-grids-main .top-sec-grid {
top: 10%; } }
@media screen and (max-width: 750px) {
.w3l-two-grids-main .sports-ecom-grids {
grid-template-columns: 1fr; } }
@media screen and (max-width: 384px) {
.w3l-two-grids-main .top-sec-grid {
top: 5%; }
.w3l-two-grids-main .top-sec-grid {
right: auto;
left: 0; }
.w3l-two-grids-main .top-sec-grid h4 {
color: #fff; } }
@media screen and (max-width: 340px) {
.w3l-two-grids-main .top-sec-grid {
top: 0; } }
.w3l-section-new .grid-column-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
align-items: center;
text-align: center; }
.w3l-section-new .content-grid:nth-child(2) {
padding: 1em; }
.w3l-section-new h5.form-para {
font-size: 30px;
margin-bottom: 10px; }
@media screen and (max-width: 991px) {
.w3l-section-new .content-grid:nth-child(2) {
padding: 0; }
.w3l-section-new h5.form-para {
font-size: 25px; } }
@media screen and (max-width: 768px) {
.w3l-section-new .grid-column-3 {
grid-template-columns: 1fr;
grid-gap: 40px; } }
.w3l-grids-new-main .top-grids {
border: 1px solid #e4e4e4;
padding: 15px;
border-radius: 5px; }
.w3l-grids-new-main .grid-column-new {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-grids-new-main .content-grid:nth-child(2) {
display: grid;
grid-gap: 20px; }
.w3l-grids-new-main .top-grids {
position: relative; }
.w3l-grids-new-main a.btn.new-button {
background: #fff;
color: var(--title-color);
width: 180px;
padding: 14px;
position: absolute;
top: 45%;
left: 0;
right: 0;
margin: auto;
text-align: center;
font-weight: 600; }
@media screen and (max-width: 768px) {
.w3l-grids-new-main .grid-column-new {
grid-template-columns: 1fr; } }
@media screen and (max-width: 400px) {
.w3l-grids-new-main a.btn.new-button {
top: 40%; } }
.w3ls-content-new .sub-content {
background: url(../images/bg2.jpg) no-repeat top;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
min-height: 600px; }
.w3ls-content-new .main-contents {
max-width: 400px; }
.w3ls-content-new h3.agile-title {
font-size: 32px;
color: #fff;
line-height: 34px;
margin: 10px 0 25px; }
.w3ls-content-new span.w3-line {
font-size: 26px;
color: rgba(255, 255, 255, 0.35);
font-weight: bold;
text-transform: uppercase; }
.w3ls-content-new p.text-botm {
color: #eee; }
@media screen and (max-width: 1200px) {
.w3ls-content-new .sub-content {
min-height: 540px; } }
@media screen and (max-width: 1200px) {
.w3ls-content-new .sub-content {
min-height: 500px; } }
@media screen and (max-width: 768px) {
.w3ls-content-new .sub-content {
min-height: 450px; } }
@media screen and (max-width: 600px) {
.w3ls-content-new .sub-content {
min-height: 400px; } }
@media screen and (max-width: 480px) {
.w3ls-content-new .sub-content {
min-height: 350px; } }
.w3l-features-4 .features4-block {
padding: 80px 0; }
.w3l-features-4 .features4-grid h5 {
margin: 30px 0 15px; }
.w3l-features-4 .features4-grids {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
text-align: center; }
.w3l-features-4 .features4-grid {
box-shadow: 0 10px 30px 0 rgba(17, 17, 17, 0.09);
background: #fff;
padding: 30px;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease; }
.w3l-features-4 .feature-images span {
color: var(--theme-color-3);
font-size: 35px; }
.w3l-features-4 .features4-grid h5 a {
font-size: 22px;
line-height: 25px;
font-weight: 600; }
.w3l-features-4 .features4-grid p {
font-size: 16px;
line-height: 24px; }
.w3l-features-4 .middle-button {
text-align: center;
margin-top: 4em; }
@media all and (max-width: 1200px) {
.w3l-features-4 .features4-grid h5 a {
font-size: 20px; } }
@media all and (max-width: 1080px) {
.w3l-features-4 .features4-grid h5 a {
font-size: 20px;
line-height: 25px; } }
@media all and (max-width: 992px) {
.w3l-features-4 .features4-grids {
grid-template-columns: 1fr 1fr; }
.w3l-features-4 .features4-block {
padding: 60px 0; } }
@media all and (max-width: 768px) {
.w3l-features-4 .features4-grids {
grid-template-columns: 1fr; } }
@media all and (max-width: 641px) {
.w3l-features-4 .features4-block {
padding: 50px 0; }
.w3l-features-4 .features4-grids {
grid-template-columns: 1fr;
grid-row-gap: 20px; }
.w3l-features-4 .middle-button {
margin-top: 3em; } }
@media all and (max-width: 600px) {
.w3l-features-4 .features4-grid h5 a {
margin-top: 20px; }
.w3l-features-4 .features4-grid p {
margin-top: 5px;
margin-bottom: 15px; }
.w3l-features-4 .features4-grid h5 {
margin: 20px 0 10px 0; }
.w3l-features-4 .features4-block {
padding: 40px 0; }
.w3l-features-4 .middle-button {
margin-top: 2em; } }
.block-5 #timeline {
display: flex;
background-color: var(--theme-color-2); }
.block-5 .tl-item {
transform: translate3d(0, 0, 0);
position: relative;
width: 25%;
min-height: 400px;
color: #fff;
overflow: hidden;
transition: width 0.5s ease; }
.block-5 .tl-item:before,
.block-5 .tl-item:after {
transform: translate3d(0, 0, 0);
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.block-5 .tl-item:after {
background: rgba(51, 180, 247, 0.54);
opacity: 1;
transition: opacity 0.5s ease; }
.block-5 .tl-item:before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
z-index: 1;
opacity: 0;
transform: translate3d(0, 0, 0) translateY(50%);
transition: opacity 0.5s ease, transform 0.5s ease; }
.block-5 .tl-item:hover:after {
opacity: 0; }
.block-5 .tl-item:hover:before {
opacity: 1;
transform: translate3d(0, 0, 0) translateY(0);
transition: opacity 1s ease, transform 1s ease 0.25s; }
.block-5 .tl-item:hover .tl-content {
opacity: 1;
transform: translateY(0);
transition: all 0.75s ease 0.5s; }
.block-5 .tl-item:hover .tl-bg {
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.block-5 .tl-content {
transform: translate3d(0, 0, 0) translateY(25px);
position: relative;
z-index: 1;
text-align: center;
margin: 0 1.618em;
top: 25%;
opacity: 0; }
.block-5 .tl-content h1 {
font-size: 28px;
color: var(--white-color);
margin: 25px 0 20px;
font-weight: bold;
display: inline-block; }
.block-5 p.para {
font-weight: normal;
font-size: 16px;
line-height: 28px;
color: #e2e2e2; }
.block-5 .tl-bg {
transform: translate3d(0, 0, 0);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
transition: -webkit-filter 0.5s ease;
transition: filter 0.5s ease;
transition: filter 0.5s ease, -webkit-filter 0.5s ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
@media screen and (max-width: 992px) {
.block-5 .tl-content {
top: 15%; } }
@media screen and (max-width: 800px) {
.block-5 #timeline {
flex-wrap: wrap; }
.block-5 .tl-item {
width: 50%;
min-height: 350px; }
.block-5 .tl-item:hover {
width: 50% !important; } }
@media screen and (max-width: 500px) {
.block-5 .tl-item {
width: 100%;
min-height: 300px; }
.block-5 .tl-item:hover {
width: 100% !important; } }
.w3l-footer-22 .footer {
padding: 60px 0 40px; }
.w3l-footer-22 a.footer-logo {
color: var(--title-color);
font-size: 32px;
font-weight: 600;
line-height: 30px;
position: relative;
margin-top: 10px;
display: inline-block;
padding-left: 1em; }
.w3l-footer-22 a.footer-logo img {
position: absolute;
left: 0;
top: -17px; }
.w3l-footer-22 .footer img {
border-radius: 5px; }
.w3l-footer-22 .footer-tophny p {
font-weight: normal;
font-size: 15px;
line-height: 20px;
margin-top: 1em; }
.w3l-footer-22 .subscride-link h4 {
font-size: 22px;
line-height: 26px;
margin-top: 60px;
font-weight: 600; }
.w3l-footer-22 .footer-tophny {
display: grid;
grid-template-columns: 2fr 1fr 2fr 1fr;
grid-gap: 40px; }
.w3l-footer-22 form.subscribe-footer-19 {
margin-top: 30px;
background: var(--theme-white);
display: grid;
grid-template-columns: 1fr .2fr; }
.w3l-footer-22 .subscribe-footer-19 input {
border: 1px solid #cecaca;
width: 100%;
padding: 12px;
outline: none;
font-size: 16px;
background: #fff;
border-right: none;
line-height: 22px; }
.w3l-footer-22 .subscribe-footer-19 button {
background: var(--theme-color-3);
border: none;
cursor: pointer;
padding: 0;
color: #fff;
font-size: 20px; }
.w3l-footer-22 .sub-one-left h6,
.w3l-footer-22 .sub-two-right h6 {
font-size: 24px;
line-height: 26px;
text-transform: capitalize;
margin-bottom: 40px;
font-weight: 600; }
.w3l-footer-22 .sub-columns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-footer-22 ul.social li,
.w3l-footer-22 ul.jst-link li {
display: inline-block;
margin-right: 15px; }
.w3l-footer-22 .columns p a,
.w3l-footer-22 .columns ul li a {
font-size: 16px;
line-height: 20px;
text-transform: capitalize; }
.w3l-footer-22 ul.list-footer li {
list-style: none; }
.w3l-footer-22 ul.list-footer li a {
font-size: 16px;
color: #666;
display: block;
margin: 10px 0;
line-height: 24px; }
.w3l-footer-22 ul.list-footer li a:hover {
color: var(--theme-color-3);
opacity: 1; }
.w3l-footer-22 .post-footer {
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 20px;
margin-bottom: 20px; }
.w3l-footer-22 .post-info h5 a {
font-size: 16px;
line-height: 25px;
font-weight: 600; }
.w3l-footer-22 span.date {
font-size: 13px;
opacity: 0.9; }
.w3l-footer-22 ul.social {
text-align: center; }
.w3l-footer-22 ul.social li a:hover {
color: var(--theme-color-3); }
.w3l-footer-22 .below-section {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
grid-gap: 20px;
margin-top: 2em;
border-top: 1px solid rgba(10, 10, 10, 0.19);
padding-top: 2em; }
.w3l-footer-22 p.copy-right-hny a {
color: var(--title-color);
font-weight: 600; }
.w3l-footer-22 p.copy-right-hny a:hover {
text-decoration: underline;
opacity: 1; }
.w3l-footer-22 #movetop {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
font-size: 16px;
border: none;
outline: none;
cursor: pointer;
color: #fff;
width: 40px;
height: 40px;
background: var(--theme-color-3);
padding: 0;
z-index: 9; }
.w3l-footer-22 #movetop:hover {
opacity: 0.9; }
.w3l-footer-22 button span.fa-angle-up {
line-height: 36px !important; }
@media (max-width: 1280px) {
.w3l-footer-22 .footer-tophny {
display: grid;
grid-template-columns: 2fr 1fr 2fr;
grid-gap: 40px; } }
@media (max-width: 1200px) {
.w3l-footer-22 .below-section {
grid-template-columns: 1fr .5fr 1fr; } }
@media (max-width: 1080px) {
.w3l-footer-22 .footer-tophny {
grid-gap: 40px;
grid-template-columns: 2fr 1fr; }
.w3l-footer-22 .post-footer {
grid-template-columns: .5fr 2fr; } }
@media (max-width: 991px) {
.w3l-footer-22 .below-section {
grid-template-columns: 1fr;
text-align: center; }
.w3l-footer-22 .columns:nth-child(1) {
order: 3; } }
@media (max-width: 900px) {
.w3l-footer-22 .footer {
padding: 50px 0px; }
.w3l-footer-22 .right-side h4 {
font-size: 28px;
line-height: 33px; }
.w3l-footer-22 .sub-columns {
margin-top: 60px; } }
@media (max-width: 767px) {
.w3l-footer-22 .columns p a,
.w3l-footer-22 .columns ul li a {
font-size: 15px; }
.w3l-footer-22 .post-footer {
grid-template-columns: 1fr 2fr; } }
@media (max-width: 667px) {
.w3l-footer-22 .below-section {
grid-template-columns: 1fr;
text-align: center; }
.w3l-footer-22 .footer-tophny {
grid-template-columns: 1fr;
grid-gap: 30px; }
.w3l-footer-22 p.copy-right-hny {
text-align: center; }
.w3l-footer-22 form.subscribe-footer-19 {
margin-top: 20px; }
.w3l-footer-22 .subscride-link h4 {
margin-top: 40px; }
.w3l-footer-22 .sub-one-left h6,
.w3l-footer-22 .sub-two-right h6 {
margin-bottom: 25px; } }
@media (max-width: 600px) {
.w3l-footer-22 .sub-one-left h6,
.w3l-footer-22 .sub-two-right h6 {
font-size: 22px;
line-height: 20px;
margin-bottom: 30px; }
.w3l-footer-22 a.footer-logo {
font-size: 30px; } }
@media (max-width: 568px) {
.w3l-footer-22 .footer {
padding: 40px 0px; }
.w3l-footer-22 .subscride-link h4 {
margin-top: 30px; }
.w3l-footer-22 .footer-tophny {
grid-gap: 40px; } }
@media (max-width: 440px) {
.w3l-footer-22 .below-section {
grid-template-columns: 1fr; }
.w3l-footer-22 .right-side h4 {
font-size: 25px; }
.w3l-footer-22 .sub-one-left h6,
.w3l-footer-22 .sub-two-right h6 {
margin-bottom: 25px; } }
.w3l-inner-banner-main .about-inner {
background: var(--title-color); }
.w3l-inner-banner-main .inner2 {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
position: relative;
z-index: 0; }
.w3l-inner-banner-main h4.title {
color: #fff;
font-size: 40px;
font-weight: 600; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path li {
display: inline-block; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path li,
.w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 24px; }
.w3l-inner-banner-main .seen-w3 {
padding: 1.5em 0 1.8em;
display: grid;
align-items: center;
text-align: center; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path li span {
margin: 0 10px; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path li.active {
font-weight: 100; }
@media (max-width: 1366px) {
.w3l-inner-banner-main .seen-w3 {
padding: 1.5em 0 1.7em; } }
@media (max-width: 991px) {
.w3l-inner-banner-main h4.title {
font-size: 35px; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path li,
.w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
font-size: 16px; } }
@media (max-width: 736px) {
.w3l-inner-banner-main ul.breadcrumbs-custom-path {
margin-left: 4em; } }
@media (max-width: 600px) {
.w3l-inner-banner-main h4.title {
font-size: 30px; } }
@media (max-width: 568px) {
.w3l-inner-banner-main ul.breadcrumbs-custom-path li span {
margin: 0 6px; } }
@media (max-width: 475px) {
.w3l-inner-banner-main .seen-w3 {
padding: 1.5em 0 1.5em; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path {
margin-left: 0;
margin-top: 3em; } }
@media (max-width: 384px) {
.w3l-inner-banner-main h4.title {
font-size: 25px;
line-height: 30px; }
.w3l-inner-banner-main ul.breadcrumbs-custom-path li,
.w3l-inner-banner-main ul.breadcrumbs-custom-path li a {
font-size: 15px; } }
@media (max-width: 370px) {
.w3l-inner-banner-main .seen-w3 {
grid-auto-flow: row; } }
.w3l-contacts-12 .contact-top {
padding-top: 80px; }
.w3l-contacts-12 .cont-main-top {
grid-template-columns: 2fr 1fr;
grid-gap: 40px;
align-items: center; }
.w3l-contacts-12 h3.title-main-cont {
font-size: 35px;
line-height: 40px;
margin-bottom: 10px; }
.w3l-contacts-12 p.sub-title-cont {
font-size: 17px;
line-height: 25px;
margin-bottom: 40px; }
.w3l-contacts-12 .top-inputs {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
margin-bottom: 1.5rem; }
.w3l-contacts-12 form.main-input input,
.w3l-contacts-12 textarea {
color: #222;
font-size: 16px;
border: none;
padding: 12px;
border: 1px solid #ddd;
width: 100%;
line-height: 24px;
outline: none; }
.w3l-contacts-12 textarea {
min-height: 140px;
margin: 1.5rem 0;
resize: none; }
.w3l-contacts-12 .cont-subs {
border-left: 1px solid #ddd;
padding: 2em 0 2em 2em; }
.w3l-contacts-12 .cont-add h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 2px; }
.w3l-contacts-12 .cont-add {
margin-bottom: 1em; }
.w3l-contacts-12 .contact-text-sub {
line-height: 25px;
font-size: 16px; }
.w3l-contacts-12 .social-icons-con {
margin-top: 2.5em; }
.w3l-contacts-12 .social-icons-con a span {
font-size: 23px;
margin: 0 5px; }
.w3l-contacts-12 .social-icons-con a span.fa-facebook-square {
color: #3b5998; }
.w3l-contacts-12 .social-icons-con a span.fa-twitter-square {
color: #00acee; }
.w3l-contacts-12 .social-icons-con a span.fa-google-plus-square {
color: #DD4B39; }
.w3l-contacts-12 .map {
padding-top: 80px; }
.w3l-contacts-12 .map iframe {
width: 100%;
height: 400px;
display: block; }
@media screen and (max-width: 991px) {
.w3l-contacts-12 .contact-top,
.w3l-contacts-12 .map {
padding-top: 60px; } }
@media screen and (max-width: 768px) {
.w3l-contacts-12 .cont-main-top {
grid-template-columns: 1fr; }
.w3l-contacts-12 .cont-subs {
border-top: 1px solid #ddd;
padding: 2em 0 0;
border-left: none; }
.w3l-contacts-12 .social-icons-con {
margin-top: 1.5em; } }
@media screen and (max-width: 600px) {
.w3l-contacts-12 h3.title-main-cont {
font-size: 30px;
line-height: 35px;
margin-bottom: 6px; }
.w3l-contacts-12 p.sub-title-cont {
font-size: 16px;
line-height: 23px;
margin-bottom: 30px; }
.w3l-contacts-12 .map iframe {
height: 350px; } }
@media screen and (max-width: 414px) {
.w3l-contacts-12 .contact-top,
.w3l-contacts-12 .map {
padding-top: 40px; }
.w3l-contacts-12 .top-inputs {
grid-template-columns: 1fr;
grid-gap: 15px;
margin-bottom: 1rem; }
.w3l-contacts-12 textarea {
margin: 1rem 0 1.5rem; } }
@media screen and (max-width: 384px) {
.w3l-contacts-12 .line {
margin: 3em 0; } }
.w3l-text-6 .text-6-mian {
padding-top: 80px; }
.w3l-text-6 .bottom-space {
padding-bottom: 40px; }
.w3l-text-6 .top-cont-grid {
grid-template-columns: 1fr 1fr;
grid-gap: 100px;
align-items: center; }
.w3l-text-6 .text-6-mian h2 {
font-size: 40px;
line-height: 45px; }
.w3l-text-6 .text-6-mian h6 {
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 600;
padding: 8px 8px 8px 15px;
border-left: 2px solid var(--theme-color-3); }
.w3l-text-6 .text-6-mian p {
font-size: 17px;
line-height: 25px;
margin: 22px 0; }
.w3l-text-6 .right-img {
background: linear-gradient(115deg, #9599e2 0%, #8bc6ec 100%);
margin-top: 2em;
border-radius: 5px; }
.w3l-text-6 .right-img img {
margin-left: -2em;
margin-top: -2em;
margin-bottom: 2em; }
.w3l-text-6 .text-left {
align-items: left; }
.w3l-text-6 .right-img.sec-img-ab {
background: linear-gradient(131deg, #ff6a88 0%, #ff99ac 100%) !important;
border-radius: 5px; }
.w3l-text-6 .text-6-mian .sec-grid-ab h6 {
border-left: 2px solid var(--theme-color-2); }
.w3l-text-6 .right-img.sec-img-ab img {
margin-left: 2em; }
.w3l-text-6 .top-space {
margin-top: 5em; }
.w3l-text-6 h3.title-main-2 {
font-size: 40px;
line-height: 45px;
color: var(--title-color);
margin-bottom: 2em;
font-weight: bold;
position: relative;
text-transform: capitalize; }
.w3l-text-6 h3.title-main-2:before,
.w3l-text-6 h3.title-main-2:after {
content: "";
background: var(--theme-color-3);
width: 60px;
height: 2px;
position: absolute;
right: 0;
margin: 0 auto; }
.w3l-text-6 h3.title-main-2:before {
left: -51%;
bottom: -8px; }
.w3l-text-6 h3.title-main-2:after {
left: -48%;
bottom: -15px; }
.w3l-text-6 .text-6-mian h4 {
font-size: 35px;
line-height: 42px;
font-weight: 700; }
@media screen and (max-width: 1200px) {
.w3l-text-6 .text-6-mian h2 {
font-size: 36px;
line-height: 42px; } }
@media screen and (max-width: 991px) {
.w3l-text-6 .text-6-mian {
padding-top: 60px; }
.w3l-text-6 .bottom-space {
padding-bottom: 30px; }
.w3l-text-6 .top-cont-grid {
grid-template-columns: 1fr;
grid-gap: 50px; } }
@media screen and (max-width: 568px) {
.w3l-text-6 .right-img {
margin-left: 2em; }
.w3l-text-6 .right-img.sec-img-ab {
margin-right: 2em;
margin-left: 0; } }
@media screen and (max-width: 480px) {
.w3l-text-6 .text-6-mian h2 {
font-size: 32px;
line-height: 34px; }
.w3l-text-6 .text-6-mian {
padding-top: 40px; }
.w3l-text-6 .bottom-space {
padding-bottom: 20px; }
.w3l-text-6 .top-cont-grid {
grid-gap: 30px; }
.w3l-text-6 .text-6-mian p {
margin: 12px 0 22px; }
.w3l-text-6 .top-space {
margin-top: 3em; }
.w3l-text-6 .text-6-mian h4 {
font-size: 30px;
line-height: 36px; } }
@media screen and (max-width: 387px) {
.w3l-text-6 .text-6-mian h2 {
font-size: 32px;
line-height: 37px; }
.w3l-text-6 .text-6-mian p {
font-size: 16px; }
.w3l-text-6 .text-6-mian h6 {
font-size: 14px;
margin-bottom: 4px; } }
@media screen and (max-width: 376px) {
.w3l-text-6 .text-6-mian h2 {
font-size: 30px;
line-height: 37px; } }
@media screen and (max-width: 322px) {
.w3l-text-6 .text-6-mian h2 {
font-size: 30px;
line-height: 35px; } }
.w3l-specifications-9 .counting-top {
margin-bottom: 3em; }
.w3l-specifications-9 h4.text-mu {
color: #ffffff;
font-size: 35px;
line-height: 40px;
margin-bottom: 18px; }
.w3l-specifications-9 p.sub-counting {
color: #dadada; }
.w3l-specifications-9 .d-flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.w3l-specifications-9 .justify-content-between {
justify-content: space-between; }
.w3l-specifications-9 .align-items-center {
align-items: center; }
.w3l-specifications-9 .main-w3 {
background: url(../images/about-bg.html) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-attachment: fixed; }
.w3l-specifications-9 .overlay {
padding: 7rem 0;
background: rgba(0, 0, 0, 0.65); }
.w3l-specifications-9 h3.title-spe {
color: #ffffff;
font-size: 40px;
display: inline-block;
font-weight: 100;
margin: 15px 0 10px; }
.w3l-specifications-9 .grids-speci p {
font-size: 18px;
color: #f7f7f7;
font-weight: 600;
text-transform: uppercase; }
.w3l-specifications-9 .stats-icon {
display: block;
width: 75px;
height: 75px;
border-radius: 50%;
text-align: center;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
background: rgba(255, 255, 255, 0.11); }
.w3l-specifications-9 .grids-speci span {
color: var(--theme-color-2);
display: block;
font-size: 25px;
line-height: 75px; }
@media (max-width: 736px) {
.w3l-specifications-9 .grids-speci:nth-child(1),
.w3l-specifications-9 .grids-speci:nth-child(2) {
margin-top: 0; }
.w3l-specifications-9 .overlay {
padding: 5rem 0; }
.w3l-specifications-9 .grids-speci p {
font-size: 16px; }
.w3l-specifications-9 h4.text-mu {
font-size: 30px;
line-height: 35px; }
.w3l-specifications-9 .stats-icon {
width: 70px;
height: 70px; }
.w3l-specifications-9 .grids-speci span {
line-height: 70px; } }
@media (max-width: 480px) {
.w3l-specifications-9 .overlay {
padding: 3rem 0; }
.w3l-specifications-9 h3.title-spe {
font-size: 32px; } }
@media (max-width: 430px) {
.w3l-specifications-9 .grids-speci:nth-child(3) {
margin-top: 1rem; }
.w3l-specifications-9 .grids-speci {
padding: .5em; }
.w3l-specifications-9 .grids-speci {
flex: 0 0 50%;
max-width: 50%; }
.w3l-specifications-9 .counting-top {
margin-bottom: 2em; } }
@media (max-width: 375px) {
.w3l-specifications-9 .grids-speci.midd-eff-spe {
border-top: 1px solid rgba(130, 152, 171, 0.22);
border-bottom: 1px solid rgba(130, 152, 171, 0.22);
border-left: none;
border-right: none;
margin: 1em auto;
padding: 1em 0; }
.w3l-specifications-9 h4.text-mu {
font-size: 28px;
line-height: 35px; } }
/* /team-7*/
.team-7-main .team-7_sur h4 a {
text-decoration: none;
font-size: 22px;
line-height: 26px;
margin-top: 20px;
font-weight: 700;
display: block; }
.team-7-main .team-7_sur h4 a:hover {
color: #222; }
.team-7-main .top-space-team {
margin-top: 2em; }
.team-7-main .team-7_sur h6 {
font-size: 14px;
line-height: 22px;
font-weight: normal;
margin-top: 5px; }
.team-7-main .team-7_sur {
padding: 70px 0; }
.team-7-main .team-7_sur-wrap img.img-responsive {
width: 100%; }
.team-7-main .column:hover img.img-responsive {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.32s; }
.team-7-main .team-7_sur p {
margin: 10px 0 0; }
.team-7-main .team-7_bottom {
padding: 0px 0 10px;
border-bottom: 1px solid #ddd; }
.team-7-main ul.social_7 li a span {
background: var(--theme-color-3);
color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 32px;
border-radius: 50%;
display: block;
font-size: 15px; }
.team-7-main ul.social_7 li a span:hover {
opacity: .9; }
.team-7-main .grid {
display: grid;
grid-column-gap: 30px;
grid-row-gap: 40px; }
.team-7-main .grid-column-2 {
grid-template-columns: 1fr 1fr; }
.team-7-main .grid-column-3 {
grid-template-columns: 1fr 1fr 1fr; }
.team-7-main .grid-column-auto-3 {
grid-template-columns: auto 1fr auto; }
.team-7-main ul.social_7 {
float: right; }
.team-7-main ul.social_7 li {
display: inline-block; }
.team-7-main ul.social_7 li:nth-child(2) {
margin-left: 2px; }
.team-7-main .team-7_bottom-left {
float: left; }
@media (max-width: 1080px) {
.team-7-main .grid {
grid-gap: 20px;
grid-row-gap: 30px; } }
@media (max-width: 900px) {
.team-7-main .team-7_sur {
padding: 50px 0; } }
@media (max-width: 800px) {
.team-7-main .grid-column-3 {
grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) {
.team-7-main .grid-column-3 {
grid-template-columns: 1fr;
grid-row-gap: 50px; } }
@media (max-width: 440px) {
.team-7-main .team-7_sur h4 a {
font-size: 22px;
line-height: 27px;
margin-top: 20px; } }
@media (max-width: 415px) {
.team-7-main .team-7_sur-wrap {
width: 100%; }
.team-7-main .team-7_sur {
padding: 30px 0; } }
@media (max-width: 320px) {
.team-7-main .team-7_sur h4 {
font-size: 20px;
line-height: 25px; } }
@media (max-width: 992px) {
.team-7-main .section-title h3 {
font-size: 40px;
line-height: 45px;
margin-bottom: 45px; } }
@media (max-width: 736px) {
.team-7-main .section-title h3 {
font-size: 35px;
line-height: 40px; } }
/* //team-7*/
.w3l-cutomer-main-cont {
/* testimonials */
/* //testimonials */ }
.w3l-cutomer-main-cont .testimonials {
background: var(--main-bg-color); }
.w3l-cutomer-main-cont .content-sec {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px; }
.w3l-cutomer-main-cont .testimonials_grid {
background: #fff;
border-radius: 4px;
box-shadow: -1px 7px 13px 0px rgba(10, 10, 10, 0.08);
padding: 3rem; }
.w3l-cutomer-main-cont .testi-img-res img {
border-radius: 50%; }
.w3l-cutomer-main-cont p.sub-test span {
color: var(--theme-color-3);
font-size: 28px;
font-style: italic;
margin-right: 10px; }
.w3l-cutomer-main-cont .testi_grid p {
font-size: 14px; }
.w3l-cutomer-main-cont .sub-author-con {
grid-template-columns: .5fr 1fr;
align-items: center;
grid-gap: 20px;
margin-top: 1.5em; }
.w3l-cutomer-main-cont .testi_grid h5 {
font-size: 17px;
font-weight: 600; }
@media all and (max-width: 991px) {
.w3l-cutomer-main-cont .content-sec {
grid-template-columns: 1fr 1fr; } }
@media all and (max-width: 768px) {
.w3l-cutomer-main-cont .content-sec {
grid-template-columns: 1fr; }
.w3l-cutomer-main-cont .sub-author-con {
grid-template-columns: .2fr 1fr; } }
@media all and (max-width: 480px) {
.w3l-cutomer-main-cont .sub-author-con {
grid-template-columns: .3fr 1fr; }
.w3l-cutomer-main-cont .testimonials_grid {
padding: 2rem; } }
@media all and (max-width: 375px) {
.w3l-cutomer-main-cont .sub-author-con {
grid-template-columns: .5fr 1fr; } }
@media all and (max-width: 340px) {
.w3l-cutomer-main-cont .testimonials_grid {
padding: 2rem; } }
/*-- counter-6-inf-block --*/
.w3l-counter-top-6 .d-grid {
display: grid; }
.w3l-counter-top-6 .counter-6-inf-left {
padding: 15em 4em;
background: url(../images/search.jpg) no-repeat center;
background-size: cover;
z-index: 0;
position: relative;
border-radius: 10px; }
.w3l-counter-top-6 .counter-6-inf-left2 {
padding: 15em 4em;
background: url(../images/service2.jpg) no-repeat center;
background-size: cover;
z-index: 0;
position: relative;
border-radius: 10px; }
.w3l-counter-top-6 .align-counter-6-inf-cols {
grid-template-columns: 1fr 1fr;
background: #fff;
align-items: center; }
.w3l-counter-top-6 .counter-6-inf-left h3 {
text-align: left;
margin-bottom: 30px; }
.w3l-counter-top-6 .counter-6-inf-left h5 {
text-align: left;
margin-bottom: 0;
color: #fff;
font-size: 40px; }
.w3l-counter-top-6 .counter-6-inf-right h6 {
text-align: left;
margin-bottom: 0;
font-size: 20px;
margin: 15px 0 10px 0; }
.w3l-counter-top-6 .counter-6-inf-left p {
font-size: 16px;
line-height: 25px;
margin-top: 15px; }
.w3l-counter-top-6 p.specifi-para {
margin-top: 15px; }
.w3l-counter-top-6 .grid-col-2 {
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-counter-top-6 .counter-6-inf-right {
padding: 0 4em; }
.w3l-counter-top-6 h6.imp {
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 25px;
margin-bottom: 30px; }
.w3l-counter-top-6 .icon-bg {
width: 50px;
height: 50px;
background: var(--theme-color-3);
border-radius: 50%;
text-align: center; }
.w3l-counter-top-6 .specification span.fa {
font-size: 25px;
line-height: 50px;
color: #fff; }
.w3l-counter-top-6 .specification h4 {
font-size: 40px;
line-height: 50px;
margin-top: 10px;
margin-bottom: 5px; }
.w3l-counter-top-6 .specification p {
font-size: 16px;
line-height: 25px; }
.w3l-counter-top-6 .spec-gap {
margin-top: 35px; }
@media all and (max-width: 1366px) {
.w3l-counter-top-6 .counter-6-inf-right h6 {
font-size: 20px; } }
@media all and (max-width: 1200px) {
.w3l-counter-top-6 .counter-6-inf-right {
padding: 0 2em; } }
@media all and (max-width: 1080px) {
.w3l-counter-top-6 .specification p {
width: 100%; }
.w3l-counter-top-6 .counter-6-inf-right {
padding: 0 3em; }
.w3l-counter-top-6 .specification h4 {
font-size: 40px; }
.w3l-counter-top-6 .counter-6-inf-left {
padding: 10em 4em; }
.w3l-counter-top-6 .counter-6-inf-left.second {
padding: 13em 4em; }
.w3l-counter-top-6 .counter-6-inf-right h6 {
font-size: 18px; } }
@media all and (max-width: 992px) {
.w3l-counter-top-6 .align-counter-6-inf-cols {
grid-template-columns: 1fr;
grid-row-gap: 0px; }
.w3l-counter-top-6 .counter-6-inf-left {
padding: 6em 4em; }
.w3l-counter-top-6 .counter-6-inf-left h3 {
margin-bottom: 0px; }
.w3l-counter-top-6 .counter-6-inf-right {
padding: 4em 4em 0; } }
@media all and (max-width: 768px) {
.w3l-counter-top-6 .counter-6-inf-right {
padding: 2em 0em 0; } }
@media all and (max-width: 667px) {
.w3l-counter-top-6 .counter-6-inf-left h5 {
font-size: 20px; }
.w3l-counter-top-6 .counter-6-inf-left.second {
padding: 8em 2em; } }
@media all and (max-width: 568px) {
.w3l-counter-top-6 .grid-col-2-right {
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-counter-top-6 .spec-gap {
margin-top: 0px; } }
@media all and (max-width: 480px) {
.w3l-counter-top-6 .specification h4 {
font-size: 30px; }
.w3l-counter-top-6 h6.imp {
margin-bottom: 20px; } }
@media all and (max-width: 415px) {
.w3l-counter-top-6 .grid-col-2 {
grid-template-columns: 1fr;
grid-gap: 20px; } }
/* features-7 */
.w3l-features-7 {
/* //features-7 */ }
.w3l-features-7 .features_sur {
background: var(--main-bg-color);
padding: 70px 0; }
.w3l-features-7 .features_sur h4 a {
font-size: 25px;
line-height: 30px;
margin-bottom: 12px;
display: inline-block;
font-weight: 100;
text-transform: uppercase; }
.w3l-features-7 .features_sur h4 a span {
font-weight: 700; }
.w3l-features-7 .features-top_sur {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px;
align-items: center; }
.w3l-features-7 .grid-bottom {
margin-bottom: 60px; }
.w3l-features-7 .rounded-image img {
border-radius: 10px; }
@media screen and (max-width: 1200px) {
.w3l-features-7 .grid-bottom {
margin-bottom: 40px; } }
@media screen and (max-width: 991px) {
.w3l-features-7 .features-top_sur {
grid-template-columns: 1fr 1fr;
grid-row-gap: 0px; }
.w3l-features-7 .rounded-image {
order: 1;
grid-column: span 2;
max-width: 350px;
margin: auto;
margin-top: 3em; }
.w3l-features-7 .features-top-right_sur {
text-align: left; } }
@media screen and (max-width: 900px) {
.w3l-features-7 .features_sur {
padding: 50px 0; } }
@media screen and (max-width: 736px) {
.w3l-features-7 .rounded-image {
order: inherit;
grid-column: span 1;
max-width: 350px;
margin: auto; }
.w3l-features-7 .features-top_sur {
grid-template-columns: 1fr;
grid-row-gap: 30px; } }
@media screen and (max-width: 667px) {
.w3l-features-7 .features-top-left_sur {
width: 100%; }
.w3l-features-7 .features-top-right_sur {
width: 100%; } }
@media screen and (max-width: 415px) {
.w3l-features-7 .features_sur {
padding: 50px 0; }
.w3l-features-7 .features_sur h4 a {
font-size: 22px;
line-height: 24px; } }
@media screen and (max-width: 320px) {
.w3l-features-7 .features_sur h4 {
font-size: 18px;
line-height: 23px; } }
.w3l-services-1 .services1-content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 35px; }
.w3l-services-1 .services1 {
padding: 80px 0; }
.w3l-services-1 .service-info {
padding: 30px 0 20px;
border-width: 0px 1px 1px; }
.w3l-services-1 .service-info h4 {
font-size: 20px;
line-height: 25px;
text-transform: uppercase; }
.w3l-services-1 .service-info p {
font-size: 15px;
line-height: 20px;
color: var(--para-color);
margin: 10px 0 20px; }
.w3l-services-1 .service-info span {
display: inline-block;
font-size: 12px;
color: var(--para-color); }
.w3l-services-1 a.btn {
color: var(--theme-color-3);
font-weight: 600;
margin-left: auto;
font-size: 16px; }
@media (max-width: 1080px) {
.w3l-services-1 .service-info h4 {
font-size: 18px;
line-height: 23px; }
.w3l-services-1 .service-info {
padding: 25px 0 20px; } }
@media (max-width: 991px) {
.w3l-services-1 .services1-content {
grid-template-columns: 1fr 1fr;
grid-row-gap: 30px; }
.w3l-services-1 .services1 {
padding: 60px 0; } }
@media (max-width: 480px) {
.w3l-services-1 .services1-content {
grid-template-columns: 1fr; } }
@media (max-width: 415px) {
.w3l-services-1 .services1 {
padding: 40px 0; } }
@media (max-width: 384px) {
.w3l-services-1 .service-info h3 {
font-size: 27px;
line-height: 28px;
margin-top: 25px; }
.w3l-services-1 .services-title p {
font-size: 16px; } }
.w3l-blog-single {
/*-- bottom --*/ }
.w3l-blog-single .single-bottom-blog {
max-width: 950px;
margin: 0 auto; }
.w3l-blog-single .bottom-grid h3 {
font-size: 35px;
line-height: 40px;
font-weight: 300;
text-transform: uppercase; }
.w3l-blog-single .bottom-grid {
margin: 30px 0 60px; }
.w3l-blog-single .bottom-grid p {
font-size: 17px;
line-height: 25px;
margin: 15px 0 30px; }
@media all and (max-width: 600px) {
.w3l-blog-single .bottom-grid h3 {
font-size: 30px; } }
@media all and (max-width: 480px) {
.w3l-blog-single a.action-btn {
margin-top: 25px; } }
@media all and (max-width: 384px) {
.w3l-blog-single .bottom-grid h3 {
font-size: 30px;
line-height: 35px; } }
.w3l-blog-single .grid-columns {
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-blog-single .gallery-36 {
padding: 20px 0 60px; }
.w3l-blog-single .box13 img {
width: 100%; }
.w3l-blog-single p.para-single {
font-size: 17px;
line-height: 25px;
margin: 30px 0; }
.w3l-blog-single .buttons-singles {
margin-top: 2rem; }
.w3l-blog-single .buttons-singles span {
font-size: 16px;
margin: 0 5px;
color: var(--title-color); }
@media (max-width: 1024px) {
.w3l-blog-single .gallery-36 {
padding: 20px 0 40px; } }
@media (max-width: 800px) {
.w3l-blog-single .bottom-grid h3 {
font-size: 27px;
line-height: 35px; } }
@media (max-width: 480px) {
.w3l-blog-single .column img {
width: 100%; }
.w3l-blog-single .grid-columns {
grid-template-columns: 1fr; }
.w3l-blog-single .gallery-36 {
padding: 20px 0; } }
@media (max-width: 384px) {
.w3l-blog-single p.para-single {
font-size: 16px; } }
.comments-main .sec-cont-comment {
max-width: 950px;
margin: 0 auto; }
.comments-main .comments {
margin-bottom: 30px; }
.comments-main h3.aside-title {
font-size: 26px;
margin-bottom: 1.5em;
font-weight: 600; }
.comments-main .media {
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
margin-bottom: 50px;
position: relative; }
.comments-main .media img {
border-radius: 50%; }
.comments-main .comments-grid-right h4 a {
font-size: 17px; }
.comments-main .comments-grid-right ul li {
display: inline-block;
color: #485460;
font-size: 14px; }
.comments-main .media-body.comments-grid-right ul {
margin-bottom: 10px; }
.comments-main .media p {
line-height: 28px; }
.comments-main a.replay {
display: inline-block;
color: var(--theme-color-3);
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
margin-top: 10px; }
.comments-main a.replay:hover {
opacity: 0.9; }
.w3l-comments-form-9 .coments-forms-sub {
padding: 20px 0 80px; }
.w3l-comments-form-9 .testi-top {
max-width: 950px;
margin: 0 auto; }
.w3l-comments-form-9 .media {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px; }
.w3l-comments-form-9 h3.title-main2 {
font-size: 30px;
line-height: 40px;
text-align: left;
margin-bottom: 40px;
font-weight: 500; }
.w3l-comments-form-9 .form-commets input,
.w3l-comments-form-9 .form-commets textarea {
outline: none;
padding: 11px;
border: 1px solid #ddd;
width: 100%;
font-size: 16px;
color: var(--title-color);
margin-bottom: 1rem;
line-height: 24px; }
.w3l-comments-form-9 .form-commets textarea {
min-height: 150px;
margin-bottom: 2em; }
@media (max-width: 991px) {
.w3l-comments-form-9 .coments-forms-sub {
padding: 40px 0 60px; } }
@media (max-width: 414px) {
.w3l-comments-form-9 .coments-forms-sub {
padding: 20px 0 40px; }
.w3l-comments-form-9 .media {
grid-template-columns: 1fr;
grid-gap: 0; }
.w3l-comments-form-9 h3.title-main2 {
font-size: 28px;
margin-bottom: 24px; } }
.w3l-team-single-9 .teams-singles {
padding: 60px 0px 80px; }
.w3l-team-single-9 .row.pro-contact {
display: grid;
grid-template-columns: .2fr 1fr;
align-items: center;
grid-gap: 40px;
margin-bottom: 2rem; }
.w3l-team-single-9 .bottom-grid-s {
display: grid;
grid-template-columns: 1fr 1fr 1fr; }
.w3l-team-single-9 .profile-info {
padding: 4rem;
max-width: 900px;
margin: 0 auto;
border-radius: 10px;
background: #fff;
box-shadow: 0px 15px 50px -13px rgba(0, 0, 0, 0.24); }
.w3l-team-single-9 .link_about {
margin-bottom: 7px; }
.w3l-team-single-9 .profile-info .content .link_about span {
color: var(--theme-color-3);
margin-right: 4%; }
.w3l-team-single-9 .profile-info .stats .stat {
color: var(--para-color);
font-size: 0.95em;
line-height: 2;
text-align: center; }
.w3l-team-single-9 .profile-info .stats .stat .number {
font-size: 2em;
font-weight: 600;
line-height: 100%;
color: var(--title-color);
margin-bottom: 2%;
display: block; }
.w3l-team-single-9 .content img {
border-radius: 50%;
border-color: var(--title-color);
padding: 5px;
border-bottom: 5px solid rgba(251, 27, 38, 0.3);
border-right: 5px solid rgba(251, 27, 38, 0.3); }
.w3l-team-single-9 p.top-para {
margin-top: 10px; }
.w3l-team-single-9 .stats {
margin-top: 3em; }
@media (max-width: 991px) {
.w3l-team-single-9 .teams {
padding: 40px 0px; }
.w3l-team-single-9 .teams-singles {
padding: 60px 0px 60px; } }
@media (max-width: 736px) {
.w3l-team-single-9 .row.pro-contact {
grid-template-columns: .5fr 1fr;
grid-gap: 30px; }
.w3l-team-single-9 .profile-info {
padding: 3rem; } }
@media (max-width: 600px) {
.w3l-team-single-9 .right-side {
grid-gap: 20px; }
.w3l-team-single-9 .profile-info .stats .stat .number {
display: block; }
.w3l-team-single-9 .profile-info .content .link_about a {
color: #222;
font-size: 14px; } }
@media (max-width: 414px) {
.w3l-team-single-9 .profile-info .content .link_about a {
font-size: 14px; }
.w3l-team-single-9 .row.pro-contact {
grid-gap: 10px; }
.w3l-team-single-9 .profile-info {
padding: 2rem; } }
@media (max-width: 320px) {
.w3l-team-single-9 .row.pro-contact {
grid-template-columns: 1fr;
margin-bottom: 1rem; }
.w3l-team-single-9 .bottom-grid-s {
grid-template-columns: 1fr 1fr;
grid-row-gap: 20px; }
.w3l-team-single-9 .stats {
margin-top: 2em; } }
.w3l-gallery-main {
/*-- gallery --*/
/*-- gallery-hover effect --*/
/*-- //gallery --*/ }
.w3l-gallery-main .gallery-w3lsrow {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px; }
.w3l-gallery-main .gallery-grids img {
width: 100%; }
.w3l-gallery-main .gallery-grids {
padding: 0; }
.w3l-gallery-main .w3ls-hover {
background-color: #FFF;
display: block;
overflow: hidden;
position: relative;
transition: all 0.5s;
text-align: center; }
.w3l-gallery-main .w3ls-hover img {
transition: all 0.5s; }
.w3l-gallery-main .w3ls-hover .view-caption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
background-color: rgba(0, 0, 0, 0);
transition: all 0.5s;
border-radius: 50%;
opacity: 1;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center; }
.w3l-gallery-main .w3ls-hover .view-caption h5 {
color: #fff;
font-size: 25px;
font-weight: normal;
margin-bottom: 10px;
width: 100%; }
.w3l-gallery-main .w3ls-hover .view-caption span {
color: #fff;
font-size: 1em;
margin-top: 5%;
display: inline-block;
padding: 12px;
border-radius: 50%;
background: var(--theme-color-3); }
.w3l-gallery-main .w3ls-hover:hover .view-caption {
transform: scale(1);
border-radius: 0; }
.w3l-gallery-main .margin-top-2rem {
margin-top: 1.5rem; }
.w3l-gallery-main .w3ls-hover a:hover {
opacity: 1; }
.w3l-gallery-main .portfolio-page {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px; }
.w3l-gallery-main .portfolio-page-2 {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
margin: 20px 0; }
@media screen and (max-width: 1200px) {
.w3l-gallery-main .margin-top-2rem {
margin-top: 1.1rem; } }
@media screen and (max-width: 991px) {
.w3l-gallery-main .margin-top-2rem {
margin-top: 1rem; } }
@media screen and (max-width: 768px) {
.w3l-gallery-main .gallery-w3lsrow {
grid-gap: 10px; }
.w3l-gallery-main .margin-top-2rem {
margin-top: .7rem; } }
@media screen and (max-width: 480px) {
.w3l-gallery-main .portfolio-page,
.w3l-gallery-main .portfolio-page-2 {
grid-template-columns: 1fr; }
.w3l-gallery-main .gallery-w3lsrow {
grid-template-columns: 1fr;
grid-gap: 20px; } }
/* Preload images */
body:after {
display: none; }
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none; }
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal; }
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
border-radius: 3px; }
.lightbox a img {
border: none; }
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 1em auto 0;
border-radius: 4px; }
.lb-outerContainer:after {
content: "";
display: table;
clear: both; }
.lb-container {
padding: 4px; }
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0; }
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../images/loading.html) no-repeat; }
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10; }
.lb-container > .nav {
left: 0; }
.lb-nav a {
outline: none;
background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }
.lb-prev,
.lb-next {
height: 100%;
cursor: pointer;
display: block; }
.lb-nav a.lb-prev {
width: 4em;
float: left;
background: url(../images/img-sprite.png) 40px 48% no-repeat rgba(8, 8, 8, 0.33);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s; }
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.lb-nav a.lb-next {
width: 5em;
right: 0;
float: right;
background: url(../images/img-sprite.png) -35% 48% no-repeat rgba(8, 8, 8, 0.33);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s; }
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.lb-dataContainer:after {
content: "";
display: table;
clear: both; }
.lb-data {
padding: 0 4px;
color: #ccc; }
.lb-data .lb-details {
width: 90%;
float: left;
text-align: left;
line-height: 1.1em;
margin-top: 2em; }
.lb-data .lb-caption {
font-size: 13px;
line-height: 1.8em;
color: #fff;
letter-spacing: 1px; }
.lb-data .lb-number {
display: block;
clear: left;
padding-top: 1em;
font-size: 1em;
color: #fff; }
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
margin-top: 1.5em;
background: url(../images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
transition: opacity 0.2s; }
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
@media screen and (max-width: 320px) {
.lb-data .lb-details {
width: 89%;
margin-top: 1em; }
.lb-data .lb-caption {
font-size: 12px; } }
.w3l-galleries-14 #gallery14-block {
padding: 70px 0; }
.w3l-galleries-14 h4 {
font-size: 25px;
line-height: 30px;
margin-top: 30px;
display: inline-block; }
.w3l-galleries-14 p {
font-size: 16px;
line-height: 25px;
color: var(--para-color);
margin-top: 15px; }
.w3l-galleries-14 .slide img {
width: 100%; }
.w3l-galleries-14 .project-grids-two {
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
margin-top: 50PX; }
.w3l-galleries-14 h5.proj {
font-size: 25px;
line-height: 30px;
text-transform: uppercase;
font-weight: 600; }
.w3l-galleries-14 h5.proj span.line {
width: 60px;
height: 2px;
background: var(--theme-color);
display: block;
margin-top: 10px; }
.w3l-galleries-14 .project-list li {
list-style: none; }
.w3l-galleries-14 .project-list li p span {
color: var(--theme-color-3); }
.w3l-galleries-14 .top-main-content {
max-width: 950px;
margin: 0 auto; }
.w3l-galleries-14 .d-grid.margins {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
margin-top: 3em; }
@media (max-width: 992px) {
.w3l-galleries-14 .project-grids-two {
grid-template-columns: 1fr;
grid-gap: 50px;
margin-top: 50PX; }
.w3l-galleries-14 #gallery14-block {
padding: 50px 0; } }
@media (max-width: 600px) {
.w3l-galleries-14 h5.proj {
font-size: 22px;
line-height: 25px; }
.w3l-galleries-14 #gallery14-block {
padding: 40px 0; } }
@media (max-width: 480px) {
.w3l-galleries-14 h4 {
font-size: 22px;
line-height: 25px;
margin-top: 30px; } }
@media (max-width: 415px) {
.w3l-galleries-14 .project-grids-two {
grid-gap: 30px;
margin-top: 30px; }
.w3l-galleries-14 p {
font-size: 16px;
margin-top: 10px; } }
@media (max-width: 384px) {
.w3l-galleries-14 .gallery14-head h3 {
font-size: 32px;
line-height: 36px; }
.w3l-galleries-14 .slider-wrap {
margin-top: 40px; } }
.w3l-text-faq-9 .faq-9 {
padding: 80px 0; }
.w3l-text-faq-9 #wrapper {
min-height: 0;
display: inline-block;
position: relative;
left: 50%;
transform: translate(-50%, 0);
max-width: 900px;
padding: 0 30px; }
@media (max-width: 550px) {
.w3l-text-faq-9 #wrapper {
box-sizing: border-box;
transform: translate(0, 0);
max-width: 100%;
min-height: 100%;
margin: 0;
left: 0; } }
.w3l-text-faq-9 h2 {
font-size: 22px;
line-height: 25px;
font-weight: 500;
display: block;
margin: 0;
cursor: pointer; }
.w3l-text-faq-9 p {
font-size: 17px;
line-height: 25px;
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
transition: all 500ms ease; }
.w3l-text-faq-9 p,
.w3l-text-faq-9 ul li i:before,
.w3l-text-faq-9 ul li i:after {
transition: all 0.25s ease-in-out; }
.w3l-text-faq-9 ul {
list-style: none;
padding: 0;
margin: 0; }
.w3l-text-faq-9 ul li {
position: relative;
padding: 0;
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
border-top: 1px dotted #dce7eb; }
.w3l-text-faq-9 ul li i {
position: absolute;
transform: translate(-10px, 0);
margin-top: 4px;
right: 0; }
.w3l-text-faq-9 ul li i:before,
.w3l-text-faq-9 ul li i:after {
content: "";
position: absolute;
background-color: #000;
width: 3px;
height: 16px; }
.w3l-text-faq-9 ul li i:before {
transform: translate(2px, 0) rotate(45deg); }
.w3l-text-faq-9 ul li i:after {
transform: translate(2px, 0) rotate(-45deg); }
.w3l-text-faq-9 ul li input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0; }
.w3l-text-faq-9 ul li input[type=checkbox]:checked ~ p {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 50%); }
.w3l-text-faq-9 ul li input[type=checkbox]:checked ~ i:before {
margin-top: 4px;
height: 9px;
transform: translate(2px, 0) rotate(45deg); }
.w3l-text-faq-9 ul li input[type=checkbox]:checked ~ i:after {
margin-top: 4px;
height: 9px;
transform: translate(-2px, 0) rotate(-45deg); }
.w3l-text-faq-9 ul li:nth-of-type(1) {
border-top: none;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s; }
.w3l-text-faq-9 ul li:nth-of-type(2) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s; }
.w3l-text-faq-9 ul li:nth-of-type(3) {
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.w3l-text-faq-9 ul li:last-of-type {
padding-bottom: 0; }
@media screen and (max-width: 991px) {
.w3l-text-faq-9 .faq-9 {
padding: 60px 0; }
.w3l-text-faq-9 #wrapper {
max-width: 100%;
padding: 0; } }
@media screen and (max-width: 736px) {
.w3l-text-faq-9 h2 {
font-size: 19px;
padding-right: 1.5em;
line-height: 25px; } }
@media screen and (max-width: 414px) {
.w3l-text-faq-9 .faq-9 {
padding: 40px 0; } }
.w3l-error-main .main-cont-grid {
grid-template-columns: 1fr 1fr;
align-items: center;
min-height: 88vh;
position: relative; }
.w3l-error-main .top-logo {
padding: 2em; }
.w3l-error-main .right-cont {
position: absolute;
right: 0;
bottom: 0;
width: 550px; }
.w3l-error-main .sub-wthreess {
padding: 4em 0; }
.w3l-error-main h3.text-err-wthree {
color: var(--theme-color-3);
font-weight: bold;
font-size: 6em; }
.w3l-error-main .error h4 {
margin: 6px 0 15px;
text-transform: uppercase;
font-weight: bold;
font-size: 24px; }
.w3l-error-main .button-eff {
margin-top: 3em; }
.w3l-error-main .button-eff:hover h3.text-err-wthree {
color: var(--theme-color-2); }
@media all and (max-width: 1550px) {
.w3l-error-main .right-cont {
width: 490px; } }
@media all and (max-width: 991px) {
.w3l-error-main h3.text-err-wthree {
font-size: 5em; }
.w3l-error-main .right-cont {
width: 100%;
position: static; }
.w3l-error-main .error h4 {
font-size: 22px; } }
@media all and (max-width: 768px) {
.w3l-error-main .main-cont-grid {
grid-template-columns: 1fr; }
.w3l-error-main .sub-wthreess {
padding: 2em 0; }
.w3l-error-main .error h4 {
font-size: 20px; }
.w3l-error-main h3.text-err-wthree {
font-size: 4.5em; } }
@media all and (max-width: 414px) {
.w3l-error-main h3.text-err-wthree {
font-size: 3.5em; }
.w3l-error-main .sub-wthreess {
padding: 0em 0; }
.w3l-error-main .error h4 {
font-size: 18px; } }
.w3l-coming-main {
/* coming soon */
/* //coming soon */
/* Animate Background Image */ }
.w3l-coming-main .coming-sub {
background: linear-gradient(to right, rgba(8, 8, 8, 0.22), rgba(8, 8, 8, 0)), url(../images/coming.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
position: relative;
display: grid;
align-items: center;
min-height: 100vh;
z-index: 0; }
.w3l-coming-main p span {
display: inline-block;
text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
padding: 7px 0 28px;
line-height: 1;
background: url(../images/layer.png) repeat-y;
-webkit-background-clip: text;
background-clip: text;
font-size: 3.8em;
font-weight: 700;
-webkit-text-fill-color: transparent;
-webkit-animation: aitf 80s linear infinite;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden; }
@-webkit-keyframes aitf {
0% {
background-position: 0% 50%; }
100% {
background-position: 100% 50%; } }
.w3l-coming-main .main-content-coming {
max-width: 540px; }
.w3l-coming-main p.para-wid-error {
color: #fff;
/* margin-top: 1.5em; */
font-size: 18px;
background: rgba(255, 255, 255, 0.14);
padding: 10px 15px;
display: inline-block;
font-weight: 600;
margin-bottom: 10px; }
.w3l-coming-main p.para-com-w3 {
color: #fff;
text-transform: uppercase;
margin-bottom: 10px; }
.w3l-coming-main .subscribe-w3ls.mt-5 {
margin-top: 1.5em; }
.w3l-coming-main form.d-grid {
grid-template-columns: 3fr 1fr; }
.w3l-coming-main .form-group1 .form-control {
width: 100%;
color: var(--title-color);
padding: 12px 15px;
font-size: 16px;
background: #fff;
outline: none;
border: none;
line-height: 24px; }
.w3l-coming-main button.btn.button-eff {
margin: 0; }
.w3l-coming-main .caption {
margin-top: 2em; }
.w3l-coming-main .caption ul li {
display: inline-block; }
.w3l-coming-main .caption ul li a {
width: 35px;
height: 35px;
margin: 0 2px;
display: inline-block;
border-radius: 50%;
background: rgba(255, 255, 255, 0.09); }
.w3l-coming-main .caption ul li a span {
color: #fff;
font-size: 16px;
line-height: 35px; }
.w3l-coming-main .caption ul li a.iconf1:hover {
background: #3b5998; }
.w3l-coming-main .caption ul li a.iconf2:hover {
background: #00aced; }
.w3l-coming-main .caption ul li a.iconf3:hover {
background: #F44336; }
.w3l-coming-main .caption ul li a:hover span {
color: #fff;
transition: .2s; }
.w3l-coming-main .caption ul li a:hover {
opacity: 1; }
@media (max-width: 485px) {
.w3l-coming-main p span {
padding: 7px 0 20px;
font-size: 3em; }
.w3l-coming-main .subscribe-w3ls.mt-5 {
margin-top: 2em; }
.w3l-coming-main form.d-grid {
grid-template-columns: 2.5fr 1fr; } }
@media (max-width: 408px) {
.w3l-coming-main form.d-grid {
grid-template-columns: 2fr 1fr; } }
@media (max-width: 375px) {
.w3l-coming-main p span {
font-size: 2.8em; } }
@media (max-width: 340px) {
.w3l-coming-main p span {
font-size: 2.4em; }
.w3l-coming-main form.d-grid {
grid-template-columns: 1fr; }
.w3l-coming-main p.para-wid-error {
margin-bottom: 10px; }
.w3l-coming-main .form-group1 .form-control {
border-radius: 0;
margin-bottom: 10px; }
.w3l-coming-main p.para-wid-error {
font-size: 16px; } }
.w3l-timeline-block .timeline {
margin: 4em auto 0;
position: relative;
max-width: 46em; }
.w3l-timeline-block .timeline:before {
background-color: #ececec;
content: '';
margin-left: -1px;
position: absolute;
top: 0;
left: 2em;
width: 2px;
height: 100%; }
.w3l-timeline-block .timeline-event {
position: relative; }
.w3l-timeline-block .timeline-event:hover .timeline-event-icon {
rotate: -45deg;
background-color: var(--theme-color-2); }
.w3l-timeline-block .timeline-event:hover .timeline-event-thumbnail {
box-shadow: inset 40em 0 0 0 var(--theme-color-2); }
.w3l-timeline-block ul.timeline li {
list-style: none; }
.w3l-timeline-block .timeline-event-copy {
padding: 2em;
position: relative;
top: -2em;
left: 4em;
width: 80%; }
.w3l-timeline-block .timeline-event-copy h3 {
font-size: 1.75em;
color: var(--title-color);
line-height: 34px; }
.w3l-timeline-block .timeline-event-copy h4 {
font-size: 0.875em;
margin-bottom: 1.2em;
color: #757575;
margin-top: 6px;
font-style: italic;
font-weight: normal; }
.w3l-timeline-block .timeline-event-copy strong {
font-weight: 700; }
.w3l-timeline-block .timeline-event-copy p:not(.timeline-event-thumbnail) {
padding-bottom: 1.2em;
font-size: 16px;
line-height: 28px;
color: var(--title-color); }
.w3l-timeline-block .timeline-event-icon {
transition: transform 0.2s ease-in;
background-color: var(--theme-color-3);
outline: 10px solid #ececec;
display: block;
margin: 0.5em 0.5em 0.5em -0.5em;
position: absolute;
top: 0;
left: 2em;
width: 1em;
height: 1em; }
.w3l-timeline-block .timeline-event-thumbnail {
transition: box-shadow 0.3s ease-in 0.1s;
color: white;
font-size: 14px;
background-color: var(--theme-color-3);
display: inline-block;
margin-bottom: 25px;
padding: 10px;
font-weight: 600;
width: 100px;
text-align: center; }
@media (max-width: 736px) {
.w3l-timeline-block .timeline {
margin: 3.5em auto 0; } }
@media (max-width: 480px) {
.w3l-timeline-block .timeline-event-copy h3 {
line-height: 1.3em; }
.w3l-timeline-block .timeline {
margin: 2.5em auto 0; }
.w3l-timeline-block .timeline-event-copy {
padding: 2em 1em; } }
@media (max-width: 320px) {
.w3l-timeline-block .timeline-event-copy {
width: 79%; } }
.w3l-search-results-9 .search-results {
padding: 80px 0; }
.w3l-search-results-9 .search-top {
margin: 0 auto;
max-width: 900px; }
.w3l-search-results-9 .search-grids {
max-width: 700px; }
.w3l-search-results-9 h3 {
font-size: 35px;
line-height: 40px;
font-weight: 600; }
.w3l-search-results-9 .search-form {
margin: 20px 0; }
.w3l-search-results-9 .search-form input {
color: #333;
font-size: 16px;
border: none;
outline: none;
display: block;
padding: 14px;
background: transparent;
width: 80%;
border: 1px solid #ddd;
border-right: none;
line-height: 24px; }
.w3l-search-results-9 .search-form button {
margin: 0;
width: 18%; }
.w3l-search-results-9 .search-text-info {
margin-top: 60px; }
.w3l-search-results-9 .search-grid {
display: grid;
grid-template-columns: .5fr 4fr;
grid-column-gap: 25px;
grid-row-gap: 30px;
margin-top: 30px;
border-bottom: 1px solid #eee; }
.w3l-search-results-9 .search-grid p {
line-height: 23px;
font-size: 16px;
margin-top: 8px; }
.w3l-search-results-9 hgroup h5 {
font-size: 1.2em;
font-weight: 400; }
.w3l-search-results-9 .search-content h4 > a,
.w3l-search-results-9 .search-content span {
font-weight: 500;
font-size: 20px;
line-height: 25px; }
.w3l-search-results-9 .search-right-info.excerpet label {
color: var(--title-color);
font-size: 16px;
margin-top: 1em;
display: inline-block; }
.w3l-search-results-9 article.search-grid:last-child {
grid-row-gap: 0px;
border-bottom: none; }
@media (max-width: 1280px) {
.w3l-search-results-9 .search-top {
margin: 0 auto;
width: 100%; } }
@media (max-width: 990px) {
.w3l-search-results-9 .search-results {
padding: 60px 0; }
.w3l-search-results-9 .search-grids {
grid-template-columns: 1fr;
grid-gap: 30px; } }
@media (max-width: 768px) {
.w3l-search-results-9 h3 {
font-size: 26px;
line-height: 32px; }
.w3l-search-results-9 .search-grid {
grid-template-columns: .8fr 4fr;
grid-column-gap: 20px; } }
@media (max-width: 667px) {
.w3l-search-results-9 .search-content h4 > a,
.w3l-search-results-9 .search-content span {
font-size: 18px;
line-height: 25px; }
.w3l-search-results-9 .search-text-info {
margin-top: 50px; } }
@media (max-width: 414px) {
.w3l-search-results-9 .search-results {
padding: 40px 0; }
.w3l-search-results-9 h3 {
font-size: 24px;
line-height: 30px; } }
@media (max-width: 384px) {
.w3l-search-results-9 .search-form button {
width: 33%; } }
@media (max-width: 375px) {
.w3l-search-results-9 .search-form input {
width: 100%;
padding: 13px; }
.w3l-search-results-9 .search-form button {
width: 100%;
margin-left: 0;
margin-top: 15px; } }
.w3l-forms-23 {
/*-- login --*/ }
.w3l-forms-23 .forms23-block {
padding: 2rem 0;
align-items: center;
background: url(../images/login.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
position: relative;
display: grid;
align-items: center;
min-height: 100vh;
z-index: 0;
text-align: center; }
.w3l-forms-23 .forms23-block:before {
content: "";
background: rgba(6, 6, 6, 0.67);
position: absolute;
top: 0;
min-height: 100%;
left: 0;
right: 0;
z-index: -1; }
.w3l-forms-23 .main-bg {
background: url(../images/login.jpg) no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
border-radius: 0 0 300px 300px;
z-index: 0;
position: relative; }
.w3l-forms-23 .main-bg:before {
content: "";
background: rgba(252, 112, 134, 0.6);
position: absolute;
top: 0;
min-height: 100%;
left: 0;
right: 0;
z-index: -1;
border-radius: 0 0 300px 300px; }
.w3l-forms-23 .form23 {
background: #fff;
box-shadow: 0 10px 30px 0 rgba(17, 17, 17, 0.09);
margin: 0 auto;
max-width: 430px;
text-align: center; }
.w3l-forms-23 .form23 h6 {
font-size: 24px;
line-height: 30px;
color: #fff;
padding-top: 5em;
padding-bottom: 2em; }
.w3l-forms-23 .form23 form .input-form {
font-size: 16px;
border: none;
width: 100%;
padding: 12px 14px;
margin-bottom: 10px;
border: 1px solid #ddd;
outline: none; }
.w3l-forms-23 .form23 p {
margin-top: 15px; }
.w3l-forms-23 button.button-eff {
width: 100%;
margin-top: 1em; }
.w3l-forms-23 .form23 a {
font-size: 15px;
line-height: 20px;
font-weight: bold; }
.w3l-forms-23 img.img-responsive {
border-radius: 50%;
margin: 0 auto; }
.w3l-forms-23 .bottom-content {
padding: 35px; }
.w3l-forms-23 .speci-login {
position: absolute;
left: 0;
right: 0;
bottom: -15px; }
.w3l-forms-23 .speci-login ul li {
list-style: none;
display: inline-block; }
.w3l-forms-23 .speci-login ul li a {
width: 35px;
height: 35px;
border-radius: 50%;
background: #fff;
display: inline-block;
line-height: 30px;
box-shadow: 1px 5px 5px -1px #00000061; }
.w3l-forms-23 .speci-login ul li a span {
line-height: 35px;
font-size: 17px; }
.w3l-forms-23 .form23 h6 {
font-size: 24px;
line-height: 30px;
color: #fff;
padding-top: 5em;
padding-bottom: 2em; }
.w3l-forms-23 speci-login {
position: absolute;
left: 0;
right: 0;
bottom: -30px; }
.w3l-forms-23 .form23 h6.sec-one {
padding-top: 4em;
padding-bottom: 2.8em;
margin-bottom: 1em; }
.w3l-forms-23 .first-look {
bottom: -30px; }
@media all and (max-width: 440px) {
.w3l-forms-23 .form23 h6 {
padding-top: 4em; } }
@media all and (max-width: 410px) {
.w3l-forms-23 .form23 h6.sec-one {
padding-top: 3.5em; }
.w3l-forms-23 .bottom-content {
padding: 35px 20px; } }
.w3l-pricing-8 .pricing-main-section {
padding: 70px 0; }
.w3l-pricing-8 .triler {
align-self: end; }
.w3l-pricing-8 .d-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px; }
.w3l-pricing-8 .pricing-ban {
background: var(--title-color);
padding: 30px;
display: grid;
align-content: center;
position: relative; }
.w3l-pricing-8 .pric-bottom {
padding: 30px; }
.w3l-pricing-8 ul li {
padding: 0;
margin: 0; }
.w3l-pricing-8 ul {
margin: 0;
padding: 0; }
.w3l-pricing-8 h3.praic-title {
font-size: 35px;
line-height: 40px; }
.w3l-pricing-8 p.praic-text {
font-size: 16px;
line-height: 24px;
margin-top: 20px; }
.w3l-pricing-8 .praic-button {
align-self: end; }
.w3l-pricing-8 p.catagiri {
font-size: 25px;
line-height: 36px;
font-weight: 700;
color: #fff;
margin-bottom: 10px; }
.w3l-pricing-8 p.praic-list {
font-size: 16px;
line-height: 25px; }
.w3l-pricing-8 span.memo {
font-size: 20px;
line-height: 30px; }
.w3l-pricing-8 ul.praic-info {
margin-top: 20px; }
.w3l-pricing-8 ul.praic-info li {
margin-top: 15px; }
.w3l-pricing-8 .pricing {
display: grid;
position: relative;
box-shadow: 0px 10px 30px 0px rgba(8, 8, 8, 0.1); }
.w3l-pricing-8 p.praic-list span {
font-size: 16px;
line-height: 25px;
color: var(--theme-color-2);
display: inline-block;
margin-right: 5px; }
.w3l-pricing-8 a.btn {
margin: 50px 0px 0px; }
.w3l-pricing-8 h3.praic-cost {
font-size: 40px;
font-weight: 600;
line-height: 50px;
color: #fff; }
.w3l-pricing-8 ul.praic-info li {
display: block; }
.w3l-pricing-8 p.praic-list span.fa-times {
color: var(--theme-color-3); }
@media (max-width: 1280px) {
.w3l-pricing-8 p.praic-text {
font-size: 15px; }
.w3l-pricing-8 h3.praic-title {
font-size: 30px; } }
@media (max-width: 991px) {
.w3l-pricing-8 .pricing-main-section {
padding: 50px 0; }
.w3l-pricing-8 .praic-cost {
font-size: 35px;
line-height: 45px; }
.w3l-pricing-8 ul.praic-info {
margin-top: 10px; }
.w3l-pricing-8 ul.praic-info li {
margin-top: 10px; }
.w3l-pricing-8 h3.praic-cost {
font-size: 35px;
line-height: 45px; }
.w3l-pricing-8 .pricing-8 a.btn {
margin: 40px 0px 0px; }
.w3l-pricing-8 .d-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px; } }
@media (max-width: 768px) {
.w3l-pricing-8 h3.praic-cost {
font-size: 30px;
line-height: 40px; }
.w3l-pricing-8 a.btn {
margin: 30px 0px 0px; } }
@media (max-width: 767px) {
.w3l-pricing-8 p.catagiri {
align-self: center; }
.w3l-pricing-8 ul.praic-info {
grid-column: span 2; } }
@media (max-width: 667px) {
.w3l-pricing-8 p.catagiri {
font-size: 22px;
line-height: 35px;
margin-bottom: 5px; } }
@media (max-width: 480px) {
.w3l-pricing-8 .d-grid {
grid-template-columns: repeat(1, 1fr); } }
@media (max-width: 440px) {
.w3l-pricing-8 .pricing-main-section {
padding: 40px 0; } }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg); } }
.w3l-products-page button,
.w3l-products-page html input[type="button"],
.w3l-products-page input[type="reset"],
.w3l-products-page input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
.w3l-products-page button[disabled],
.w3l-products-page html input[disabled] {
cursor: default; }
.w3l-products-page button::-moz-focus-inner,
.w3l-products-page input::-moz-focus-inner {
border: 0;
padding: 0; }
.w3l-products-page input {
line-height: normal; }
.w3l-products-page input[type="checkbox"],
.w3l-products-page input[type="radio"] {
box-sizing: border-box;
padding: 0; }
.w3l-products-page input[type="number"]::-webkit-inner-spin-button,
.w3l-products-page input[type="number"]::-webkit-outer-spin-button {
height: auto; }
.w3l-products-page input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
.w3l-products-page input[type="search"]::-webkit-search-cancel-button,
.w3l-products-page input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
.w3l-products-page fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
.w3l-products-page legend {
border: 0;
padding: 0; }
.w3l-products-page textarea {
overflow: auto; }
.w3l-products-page optgroup {
font-weight: bold; }
.w3l-products-page table {
border-collapse: collapse;
border-spacing: 0; }
.w3l-products-page td,
.w3l-products-page th {
padding: 0; }
@media print {
.w3l-products-page *,
.w3l-products-page *:before,
.w3l-products-page *:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
.w3l-products-page a,
.w3l-products-page a:visited {
text-decoration: underline; }
.w3l-products-page a[href]:after {
content: " (" attr(href) ")"; }
.w3l-products-page abbr[title]:after {
content: " (" attr(title) ")"; }
.w3l-products-page a[href^="#"]:after,
.w3l-products-page a[href^="javascript:"]:after {
content: ""; }
.w3l-products-page pre,
.w3l-products-page blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
.w3l-products-page thead {
display: table-header-group; }
.w3l-products-page tr,
.w3l-products-page img {
page-break-inside: avoid; }
.w3l-products-page img {
max-width: 100% !important; }
.w3l-products-page .navbar {
display: none; }
.w3l-products-page .btn > .caret,
.w3l-products-page .dropup > .btn > .caret {
border-top-color: #000 !important; }
.w3l-products-page .label {
border: 1px solid #000; }
.w3l-products-page .table {
border-collapse: collapse !important; }
.w3l-products-page .table td,
.w3l-products-page .table th {
background-color: #fff !important; }
.w3l-products-page .table-bordered th,
.w3l-products-page .table-bordered td {
border: 1px solid #ddd !important; } }
.w3l-products-page figure {
margin: 0; }
.w3l-products-page img {
vertical-align: middle;
max-width: 100%; }
.w3l-products-page .img-responsive {
display: inline-block;
max-width: 100%;
height: auto; }
.w3l-products-page .img-rounded {
border-radius: 6px; }
.w3l-products-page .img-circle {
border-radius: 50%; }
.w3l-products-page hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #fff; }
.w3l-products-page .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.w3l-products-page .sr-only-focusable:active,
.w3l-products-page .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.w3l-products-page [role="button"] {
cursor: pointer; }
.w3l-products-page .lead {
margin-bottom: 21px;
font-size: 17px;
font-weight: 300;
line-height: 1.4; }
@media (min-width: 768px) {
.w3l-products-page .lead {
font-size: 22.5px; } }
.w3l-products-page small,
.w3l-products-page .small {
font-size: 86%; }
.w3l-products-page mark,
.w3l-products-page .mark {
background-color: #fcf8e3;
padding: .2em; }
.w3l-products-page .text-left {
text-align: left; }
.w3l-products-page .text-right {
text-align: right; }
.w3l-products-page .text-center {
text-align: center; }
.w3l-products-page .text-justify {
text-align: justify; }
.w3l-products-page .text-nowrap {
white-space: nowrap; }
.w3l-products-page .text-lowercase {
text-transform: lowercase; }
.w3l-products-page .text-uppercase,
.w3l-products-page .initialism {
text-transform: uppercase; }
.w3l-products-page .text-capitalize {
text-transform: capitalize; }
.w3l-products-page .text-muted {
color: #aaa; }
.w3l-products-page .text-primary {
color: #121212; }
.w3l-products-page a.text-primary:hover,
.w3l-products-page a.text-primary:focus {
color: #000; }
.w3l-products-page .text-success {
color: #3c763d; }
.w3l-products-page a.text-success:hover,
.w3l-products-page a.text-success:focus {
color: #2b542c; }
.w3l-products-page .text-info {
color: #31708f; }
.w3l-products-page a.text-info:hover,
.w3l-products-page a.text-info:focus {
color: #245269; }
.w3l-products-page .text-warning {
color: #8a6d3b; }
.w3l-products-page a.text-warning:hover,
.w3l-products-page a.text-warning:focus {
color: #66512c; }
.w3l-products-page .text-danger {
color: #a94442; }
.w3l-products-page a.text-danger:hover,
.w3l-products-page a.text-danger:focus {
color: #843534; }
.w3l-products-page .bg-primary {
color: #fff; }
.w3l-products-page .bg-primary {
background-color: #121212; }
.w3l-products-page a.bg-primary:hover,
.w3l-products-page a.bg-primary:focus {
background-color: #000; }
.w3l-products-page .bg-success {
background-color: #dff0d8; }
.w3l-products-page a.bg-success:hover,
.w3l-products-page a.bg-success:focus {
background-color: #c1e2b3; }
.w3l-products-page .bg-info {
background-color: #d9edf7; }
.w3l-products-page a.bg-info:hover,
.w3l-products-page a.bg-info:focus {
background-color: #afd9ee; }
.w3l-products-page .bg-warning {
background-color: #fcf8e3; }
.w3l-products-page a.bg-warning:hover,
.w3l-products-page a.bg-warning:focus {
background-color: #f7ecb5; }
.w3l-products-page .bg-danger {
background-color: #f2dede; }
.w3l-products-page a.bg-danger:hover,
.w3l-products-page a.bg-danger:focus {
background-color: #e4b9b9; }
.w3l-products-page .page-header {
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid #fff; }
.w3l-products-page ul,
.w3l-products-page ol {
margin-top: 0;
margin-bottom: 10.5px; }
.w3l-products-page ul ul,
.w3l-products-page ul ol,
.w3l-products-page ol ul,
.w3l-products-page ol ol {
margin-bottom: 0; }
.w3l-products-page .list-unstyled {
padding-left: 0;
list-style: none; }
.w3l-products-page .list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
margin-bottom: 0; }
.w3l-products-page .list-inline > lspan.fa {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
.w3l-products-page dl {
margin-top: 0;
margin-bottom: 21px; }
.w3l-products-page dt,
.w3l-products-page dd {
line-height: 1.42857; }
.w3l-products-page dt {
font-weight: bold; }
.w3l-products-page dd {
margin-left: 0; }
.w3l-products-page .dl-horizontal dd:before,
.w3l-products-page .dl-horizontal dd:after {
content: " ";
display: table; }
.w3l-products-page .dl-horizontal dd:after {
clear: both; }
@media (min-width: 768px) {
.w3l-products-page .dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.w3l-products-page .dl-horizontal dd {
margin-left: 180px; } }
.w3l-products-page abbr[title],
.w3l-products-page abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #aaa; }
.w3l-products-page .initialism {
font-size: 90%; }
.w3l-products-page blockquote {
padding: 10.5px 21px;
margin: 0 0 21px;
font-size: 18.75px;
border-left: 5px solid #121212; }
.w3l-products-page blockquote p:last-child,
.w3l-products-page blockquote ul:last-child,
.w3l-products-page blockquote ol:last-child {
margin-bottom: 0; }
.w3l-products-page blockquote footer,
.w3l-products-page blockquote small,
.w3l-products-page blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #aaa; }
.w3l-products-page blockquote footer:before,
.w3l-products-page blockquote small:before,
.w3l-products-page blockquote .small:before {
content: '\2014 \00A0'; }
.w3l-products-page .blockquote-reverse,
.w3l-products-page blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #121212;
border-left: 0;
text-align: right; }
.w3l-products-page .blockquote-reverse footer:before,
.w3l-products-page .blockquote-reverse small:before,
.w3l-products-page .blockquote-reverse .small:before,
.w3l-products-page blockquote.pull-right footer:before,
.w3l-products-page blockquote.pull-right small:before,
.w3l-products-page blockquote.pull-right .small:before {
content: ''; }
.w3l-products-page .blockquote-reverse footer:after,
.w3l-products-page .blockquote-reverse small:after,
.w3l-products-page .blockquote-reverse .small:after,
.w3l-products-page blockquote.pull-right footer:after,
.w3l-products-page blockquote.pull-right small:after,
.w3l-products-page blockquote.pull-right .small:after {
content: '\00A0 \2014'; }
.w3l-products-page address {
margin-bottom: 21px;
font-style: normal;
line-height: 1.42857; }
.w3l-products-page .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.w3l-products-page .container:before,
.w3l-products-page .container:after {
content: " ";
display: table; }
.w3l-products-page .container:after {
clear: both; }
@media (min-width: 768px) {
.w3l-products-page .container {
width: 750px; } }
@media (min-width: 992px) {
.w3l-products-page .container {
width: 970px; } }
@media (min-width: 1200px) {
.w3l-products-page .container {
width: 1200px; } }
.w3l-products-page .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.w3l-products-page .container-fluid:before,
.w3l-products-page .container-fluid:after {
content: " ";
display: table; }
.w3l-products-page .container-fluid:after {
clear: both; }
.w3l-products-page .row {
margin-left: -15px;
margin-right: -15px; }
.w3l-products-page .row:before,
.w3l-products-page .row:after {
content: " ";
display: table; }
.w3l-products-page .row:after {
clear: both; }
.w3l-products-page .col-xs-1,
.w3l-products-page .col-sm-1,
.w3l-products-page .col-md-1,
.w3l-products-page .col-lg-1,
.w3l-products-page .col-xs-2,
.w3l-products-page .col-sm-2,
.w3l-products-page .col-md-2,
.w3l-products-page .col-lg-2,
.w3l-products-page .col-xs-3,
.w3l-products-page .col-sm-3,
.w3l-products-page .col-md-3,
.w3l-products-page .col-lg-3,
.w3l-products-page .col-xs-4,
.w3l-products-page .col-sm-4,
.w3l-products-page .col-md-4,
.w3l-products-page .col-lg-4,
.w3l-products-page .col-xs-5,
.w3l-products-page .col-sm-5,
.w3l-products-page .col-md-5,
.w3l-products-page .col-lg-5,
.w3l-products-page .col-xs-6,
.w3l-products-page .col-sm-6,
.w3l-products-page .col-md-6,
.w3l-products-page .col-lg-6,
.w3l-products-page .col-xs-7,
.w3l-products-page .col-sm-7,
.w3l-products-page .col-md-7,
.w3l-products-page .col-lg-7,
.w3l-products-page .col-xs-8,
.w3l-products-page .col-sm-8,
.w3l-products-page .col-md-8,
.w3l-products-page .col-lg-8,
.w3l-products-page .col-xs-9,
.w3l-products-page .col-sm-9,
.w3l-products-page .col-md-9,
.w3l-products-page .col-lg-9,
.w3l-products-page .col-xs-10,
.w3l-products-page .col-sm-10,
.w3l-products-page .col-md-10,
.w3l-products-page .col-lg-10,
.w3l-products-page .col-xs-11,
.w3l-products-page .col-sm-11,
.w3l-products-page .col-md-11,
.w3l-products-page .col-lg-11,
.w3l-products-page .col-xs-12,
.w3l-products-page .col-sm-12,
.w3l-products-page .col-md-12,
.w3l-products-page .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.w3l-products-page .col-xs-1,
.w3l-products-page .col-xs-2,
.w3l-products-page .col-xs-3,
.w3l-products-page .col-xs-4,
.w3l-products-page .col-xs-5,
.w3l-products-page .col-xs-6,
.w3l-products-page .col-xs-7,
.w3l-products-page .col-xs-8,
.w3l-products-page .col-xs-9,
.w3l-products-page .col-xs-10,
.w3l-products-page .col-xs-11,
.w3l-products-page .col-xs-12 {
float: left; }
.w3l-products-page .col-xs-1 {
width: 8.33333%; }
.w3l-products-page .col-xs-2 {
width: 16.66667%; }
.w3l-products-page .col-lg-4 {
width: 25%; }
.w3l-products-page .col-xs-3 {
width: 25%; }
.w3l-products-page .col-xs-4 {
width: 33.33333%; }
.w3l-products-page .col-xs-5 {
width: 41.66667%; }
.w3l-products-page .col-xs-6 {
width: 50%; }
.w3l-products-page .col-xs-7 {
width: 58.33333%; }
.w3l-products-page .col-xs-8 {
width: 66.66667%; }
.w3l-products-page .col-xs-9 {
width: 75%; }
.w3l-products-page .col-xs-10 {
width: 83.33333%; }
.w3l-products-page .col-xs-11 {
width: 91.66667%; }
.w3l-products-page .col-xs-12 {
width: 100%; }
.w3l-products-page .col-xs-pull-0 {
right: auto; }
.w3l-products-page .col-xs-pull-1 {
right: 8.33333%; }
.w3l-products-page .col-xs-pull-2 {
right: 16.66667%; }
.w3l-products-page .col-xs-pull-3 {
right: 25%; }
.w3l-products-page .col-xs-pull-4 {
right: 33.33333%; }
.w3l-products-page .col-xs-pull-5 {
right: 41.66667%; }
.w3l-products-page .col-xs-pull-6 {
right: 50%; }
.w3l-products-page .col-xs-pull-7 {
right: 58.33333%; }
.w3l-products-page .col-xs-pull-8 {
right: 66.66667%; }
.w3l-products-page .col-xs-pull-9 {
right: 75%; }
.w3l-products-page .col-xs-pull-10 {
right: 83.33333%; }
.w3l-products-page .col-xs-pull-11 {
right: 91.66667%; }
.w3l-products-page .col-xs-pull-12 {
right: 100%; }
.w3l-products-page .col-xs-push-0 {
left: auto; }
.w3l-products-page .col-xs-push-1 {
left: 8.33333%; }
.w3l-products-page .col-xs-push-2 {
left: 16.66667%; }
.w3l-products-page .col-xs-push-3 {
left: 25%; }
.w3l-products-page .col-xs-push-4 {
left: 33.33333%; }
.w3l-products-page .col-xs-push-5 {
left: 41.66667%; }
.w3l-products-page .col-xs-push-6 {
left: 50%; }
.w3l-products-page .col-xs-push-7 {
left: 58.33333%; }
.w3l-products-page .col-xs-push-8 {
left: 66.66667%; }
.w3l-products-page .col-xs-push-9 {
left: 75%; }
.w3l-products-page .col-xs-push-10 {
left: 83.33333%; }
.w3l-products-page .col-xs-push-11 {
left: 91.66667%; }
.w3l-products-page .col-xs-push-12 {
left: 100%; }
.w3l-products-page .col-xs-offset-0 {
margin-left: 0%; }
.w3l-products-page .col-xs-offset-1 {
margin-left: 8.33333%; }
.w3l-products-page .col-xs-offset-2 {
margin-left: 16.66667%; }
.w3l-products-page .col-xs-offset-3 {
margin-left: 25%; }
.w3l-products-page .col-xs-offset-4 {
margin-left: 33.33333%; }
.w3l-products-page .col-xs-offset-5 {
margin-left: 41.66667%; }
.w3l-products-page .col-xs-offset-6 {
margin-left: 50%; }
.w3l-products-page .col-xs-offset-7 {
margin-left: 58.33333%; }
.w3l-products-page .col-xs-offset-8 {
margin-left: 66.66667%; }
.w3l-products-page .col-xs-offset-9 {
margin-left: 75%; }
.w3l-products-page .col-xs-offset-10 {
margin-left: 83.33333%; }
.w3l-products-page .col-xs-offset-11 {
margin-left: 91.66667%; }
.w3l-products-page .col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.w3l-products-page .col-sm-1,
.w3l-products-page .col-sm-2,
.w3l-products-page .col-sm-3,
.w3l-products-page .col-sm-4,
.w3l-products-page .col-sm-5,
.w3l-products-page .col-sm-6,
.w3l-products-page .col-sm-7,
.w3l-products-page .col-sm-8,
.w3l-products-page .col-sm-9,
.w3l-products-page .col-sm-10,
.w3l-products-page .col-sm-11,
.w3l-products-page .col-sm-12 {
float: left; }
.w3l-products-page .col-sm-1 {
width: 8.33333%; }
.w3l-products-page .col-sm-2 {
width: 16.66667%; }
.w3l-products-page .col-sm-3 {
width: 25%; }
.w3l-products-page .col-sm-4 {
width: 33.33333%; }
.w3l-products-page .col-sm-5 {
width: 41.66667%; }
.w3l-products-page .col-sm-6 {
width: 50%; }
.w3l-products-page .col-sm-7 {
width: 58.33333%; }
.w3l-products-page .col-sm-8 {
width: 66.66667%; }
.w3l-products-page .col-sm-9 {
width: 75%; }
.w3l-products-page .col-sm-10 {
width: 83.33333%; }
.w3l-products-page .col-sm-11 {
width: 91.66667%; }
.w3l-products-page .col-sm-12 {
width: 100%; }
.w3l-products-page .col-sm-pull-0 {
right: auto; }
.w3l-products-page .col-sm-pull-1 {
right: 8.33333%; }
.w3l-products-page .col-sm-pull-2 {
right: 16.66667%; }
.w3l-products-page .col-sm-pull-3 {
right: 25%; }
.w3l-products-page .col-sm-pull-4 {
right: 33.33333%; }
.w3l-products-page .col-sm-pull-5 {
right: 41.66667%; }
.w3l-products-page .col-sm-pull-6 {
right: 50%; }
.w3l-products-page .col-sm-pull-7 {
right: 58.33333%; }
.w3l-products-page .col-sm-pull-8 {
right: 66.66667%; }
.w3l-products-page .col-sm-pull-9 {
right: 75%; }
.w3l-products-page .col-sm-pull-10 {
right: 83.33333%; }
.w3l-products-page .col-sm-pull-11 {
right: 91.66667%; }
.w3l-products-page .col-sm-pull-12 {
right: 100%; }
.w3l-products-page .col-sm-push-0 {
left: auto; }
.w3l-products-page .col-sm-push-1 {
left: 8.33333%; }
.w3l-products-page .col-sm-push-2 {
left: 16.66667%; }
.w3l-products-page .col-sm-push-3 {
left: 25%; }
.w3l-products-page .col-sm-push-4 {
left: 33.33333%; }
.w3l-products-page .col-sm-push-5 {
left: 41.66667%; }
.w3l-products-page .col-sm-push-6 {
left: 50%; }
.w3l-products-page .col-sm-push-7 {
left: 58.33333%; }
.w3l-products-page .col-sm-push-8 {
left: 66.66667%; }
.w3l-products-page .col-sm-push-9 {
left: 75%; }
.w3l-products-page .col-sm-push-10 {
left: 83.33333%; }
.w3l-products-page .col-sm-push-11 {
left: 91.66667%; }
.w3l-products-page .col-sm-push-12 {
left: 100%; }
.w3l-products-page .col-sm-offset-0 {
margin-left: 0%; }
.w3l-products-page .col-sm-offset-1 {
margin-left: 8.33333%; }
.w3l-products-page .col-sm-offset-2 {
margin-left: 16.66667%; }
.w3l-products-page .col-sm-offset-3 {
margin-left: 25%; }
.w3l-products-page .col-sm-offset-4 {
margin-left: 33.33333%; }
.w3l-products-page .col-sm-offset-5 {
margin-left: 41.66667%; }
.w3l-products-page .col-sm-offset-6 {
margin-left: 50%; }
.w3l-products-page .col-sm-offset-7 {
margin-left: 58.33333%; }
.w3l-products-page .col-sm-offset-8 {
margin-left: 66.66667%; }
.w3l-products-page .col-sm-offset-9 {
margin-left: 75%; }
.w3l-products-page .col-sm-offset-10 {
margin-left: 83.33333%; }
.w3l-products-page .col-sm-offset-11 {
margin-left: 91.66667%; }
.w3l-products-page .col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.w3l-products-page .col-md-1,
.w3l-products-page .col-md-2,
.w3l-products-page .col-md-3,
.w3l-products-page .col-md-4,
.w3l-products-page .col-md-5,
.w3l-products-page .col-md-6,
.w3l-products-page .col-md-7,
.w3l-products-page .col-md-8,
.w3l-products-page .col-md-9,
.w3l-products-page .col-md-10,
.w3l-products-page .col-md-11,
.w3l-products-page .col-md-12 {
float: left; }
.w3l-products-page .col-md-1 {
width: 8.33333%; }
.w3l-products-page .col-md-2 {
width: 16.66667%; }
.w3l-products-page .col-md-3 {
width: 25%; }
.w3l-products-page .col-md-4 {
width: 33.33333%; }
.w3l-products-page .col-md-5 {
width: 41.66667%; }
.w3l-products-page .col-md-6 {
width: 50%; }
.w3l-products-page .col-md-7 {
width: 58.33333%; }
.w3l-products-page .col-md-8 {
width: 66.66667%; }
.w3l-products-page .col-md-9 {
width: 75%; }
.w3l-products-page .col-md-10 {
width: 83.33333%; }
.w3l-products-page .col-md-11 {
width: 91.66667%; }
.w3l-products-page .col-md-12 {
width: 100%; }
.w3l-products-page .col-md-pull-0 {
right: auto; }
.w3l-products-page .col-md-pull-1 {
right: 8.33333%; }
.w3l-products-page .col-md-pull-2 {
right: 16.66667%; }
.w3l-products-page .col-md-pull-3 {
right: 25%; }
.w3l-products-page .col-md-pull-4 {
right: 33.33333%; }
.w3l-products-page .col-md-pull-5 {
right: 41.66667%; }
.w3l-products-page .col-md-pull-6 {
right: 50%; }
.w3l-products-page .col-md-pull-7 {
right: 58.33333%; }
.w3l-products-page .col-md-pull-8 {
right: 66.66667%; }
.w3l-products-page .col-md-pull-9 {
right: 75%; }
.w3l-products-page .col-md-pull-10 {
right: 83.33333%; }
.w3l-products-page .col-md-pull-11 {
right: 91.66667%; }
.w3l-products-page .col-md-pull-12 {
right: 100%; }
.w3l-products-page .col-md-push-0 {
left: auto; }
.w3l-products-page .col-md-push-1 {
left: 8.33333%; }
.w3l-products-page .col-md-push-2 {
left: 16.66667%; }
.w3l-products-page .col-md-push-3 {
left: 25%; }
.w3l-products-page .col-md-push-4 {
left: 33.33333%; }
.w3l-products-page .col-md-push-5 {
left: 41.66667%; }
.w3l-products-page .col-md-push-6 {
left: 50%; }
.w3l-products-page .col-md-push-7 {
left: 58.33333%; }
.w3l-products-page .col-md-push-8 {
left: 66.66667%; }
.w3l-products-page .col-md-push-9 {
left: 75%; }
.w3l-products-page .col-md-push-10 {
left: 83.33333%; }
.w3l-products-page .col-md-push-11 {
left: 91.66667%; }
.w3l-products-page .col-md-push-12 {
left: 100%; }
.w3l-products-page .col-md-offset-0 {
margin-left: 0%; }
.w3l-products-page .col-md-offset-1 {
margin-left: 8.33333%; }
.w3l-products-page .col-md-offset-2 {
margin-left: 16.66667%; }
.w3l-products-page .col-md-offset-3 {
margin-left: 25%; }
.w3l-products-page .col-md-offset-4 {
margin-left: 33.33333%; }
.w3l-products-page .col-md-offset-5 {
margin-left: 41.66667%; }
.w3l-products-page .col-md-offset-6 {
margin-left: 50%; }
.w3l-products-page .col-md-offset-7 {
margin-left: 58.33333%; }
.w3l-products-page .col-md-offset-8 {
margin-left: 66.66667%; }
.w3l-products-page .col-md-offset-9 {
margin-left: 75%; }
.w3l-products-page .col-md-offset-10 {
margin-left: 83.33333%; }
.w3l-products-page .col-md-offset-11 {
margin-left: 91.66667%; }
.w3l-products-page .col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.w3l-products-page .col-lg-1,
.w3l-products-page .col-lg-2,
.w3l-products-page .col-lg-3,
.w3l-products-page .col-lg-4,
.w3l-products-page .col-lg-5,
.w3l-products-page .col-lg-6,
.w3l-products-page .col-lg-7,
.w3l-products-page .col-lg-8,
.w3l-products-page .col-lg-9,
.w3l-products-page .col-lg-10,
.w3l-products-page .col-lg-11,
.w3l-products-page .col-lg-12 {
float: left; }
.w3l-products-page .col-lg-1 {
width: 8.33333%; }
.w3l-products-page .col-lg-2 {
width: 16.66667%; }
.w3l-products-page .col-lg-3 {
width: 25%; }
.w3l-products-page .col-lg-4 {
width: 25%; }
.w3l-products-page .col-lg-5 {
width: 41.66667%; }
.w3l-products-page .col-lg-6 {
width: 50%; }
.w3l-products-page .col-lg-7 {
width: 58.33333%; }
.w3l-products-page .col-lg-8 {
width: 66.66667%; }
.w3l-products-page .col-lg-9 {
width: 75%; }
.w3l-products-page .col-lg-10 {
width: 83.33333%; }
.w3l-products-page .col-lg-11 {
width: 91.66667%; }
.w3l-products-page .col-lg-12 {
width: 100%; }
.w3l-products-page .col-lg-pull-0 {
right: auto; }
.w3l-products-page .col-lg-pull-1 {
right: 8.33333%; }
.w3l-products-page .col-lg-pull-2 {
right: 16.66667%; }
.w3l-products-page .col-lg-pull-3 {
right: 25%; }
.w3l-products-page .col-lg-pull-4 {
right: 33.33333%; }
.w3l-products-page .col-lg-pull-5 {
right: 41.66667%; }
.w3l-products-page .col-lg-pull-6 {
right: 50%; }
.w3l-products-page .col-lg-pull-7 {
right: 58.33333%; }
.w3l-products-page .col-lg-pull-8 {
right: 66.66667%; }
.w3l-products-page .col-lg-pull-9 {
right: 75%; }
.w3l-products-page .col-lg-pull-10 {
right: 83.33333%; }
.w3l-products-page .col-lg-pull-11 {
right: 91.66667%; }
.w3l-products-page .col-lg-pull-12 {
right: 100%; }
.w3l-products-page .col-lg-push-0 {
left: auto; }
.w3l-products-page .col-lg-push-1 {
left: 8.33333%; }
.w3l-products-page .col-lg-push-2 {
left: 16.66667%; }
.w3l-products-page .col-lg-push-3 {
left: 25%; }
.w3l-products-page .col-lg-push-4 {
left: 33.33333%; }
.w3l-products-page .col-lg-push-5 {
left: 41.66667%; }
.w3l-products-page .col-lg-push-6 {
left: 50%; }
.w3l-products-page .col-lg-push-7 {
left: 58.33333%; }
.w3l-products-page .col-lg-push-8 {
left: 66.66667%; }
.w3l-products-page .col-lg-push-9 {
left: 75%; }
.w3l-products-page .col-lg-push-10 {
left: 83.33333%; }
.w3l-products-page .col-lg-push-11 {
left: 91.66667%; }
.w3l-products-page .col-lg-push-12 {
left: 100%; }
.w3l-products-page .col-lg-offset-0 {
margin-left: 0%; }
.w3l-products-page .col-lg-offset-1 {
margin-left: 8.33333%; }
.w3l-products-page .col-lg-offset-2 {
margin-left: 16.66667%; }
.w3l-products-page .col-lg-offset-3 {
margin-left: 25%; }
.w3l-products-page .col-lg-offset-4 {
margin-left: 33.33333%; }
.w3l-products-page .col-lg-offset-5 {
margin-left: 41.66667%; }
.w3l-products-page .col-lg-offset-6 {
margin-left: 50%; }
.w3l-products-page .col-lg-offset-7 {
margin-left: 58.33333%; }
.w3l-products-page .col-lg-offset-8 {
margin-left: 66.66667%; }
.w3l-products-page .col-lg-offset-9 {
margin-left: 75%; }
.w3l-products-page .col-lg-offset-10 {
margin-left: 83.33333%; }
.w3l-products-page .col-lg-offset-11 {
margin-left: 91.66667%; }
.w3l-products-page .col-lg-offset-12 {
margin-left: 100%; } }
.w3l-products-page .col-xs-2-4,
.w3l-products-page .col-xs-4-8,
.w3l-products-page .col-xs-7-2,
.w3l-products-page .col-xs-9-6,
.w3l-products-page .col-sm-2-4,
.w3l-products-page .col-sm-4-8,
.w3l-products-page .col-sm-7-2,
.w3l-products-page .col-sm-9-6,
.w3l-products-page .col-md-2-4,
.w3l-products-page .col-md-4-8,
.w3l-products-page .col-md-7-2,
.w3l-products-page .col-md-9-6,
.w3l-products-page .col-lg-2-4,
.w3l-products-page .col-lg-4-8,
.w3l-products-page .col-lg-7-2,
.w3l-products-page .col-lg-9-6 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 480px) {
.w3l-products-page .col-sp-2-4,
.w3l-products-page .col-sp-4-8,
.w3l-products-page .col-sp-7-2,
.w3l-products-page .col-sp-9-6 {
float: left; }
.w3l-products-page .hidden-sp {
display: none !important; }
.w3l-products-page .col-sp-1,
.w3l-products-page .col-sp-2,
.w3l-products-page .col-sp-3,
.w3l-products-page .col-sp-4,
.w3l-products-page .col-sp-5,
.w3l-products-page .col-sp-6,
.w3l-products-page .col-sp-7,
.w3l-products-page .col-sp-8,
.w3l-products-page .col-sp-9,
.w3l-products-page .col-sp-10,
.w3l-products-page .col-sp-11,
.w3l-products-page .col-sp-12 {
float: left; }
.w3l-products-page .col-sp-1 {
width: 8.33333%; }
.w3l-products-page .col-sp-2 {
width: 16.66667%; }
.w3l-products-page .col-sp-3 {
width: 25%; }
.w3l-products-page .col-sp-4 {
width: 33.33333%; }
.w3l-products-page .col-sp-5 {
width: 41.66667%; }
.w3l-products-page .col-sp-6 {
width: 50%; }
.w3l-products-page .col-sp-7 {
width: 58.33333%; }
.w3l-products-page .col-sp-8 {
width: 66.66667%; }
.w3l-products-page .col-sp-9 {
width: 75%; }
.w3l-products-page .col-sp-10 {
width: 83.33333%; }
.w3l-products-page .col-sp-11 {
width: 91.66667%; }
.w3l-products-page .col-sp-12 {
width: 100%; }
.w3l-products-page .col-sp-pull-0 {
right: auto; }
.w3l-products-page .col-sp-pull-1 {
right: 8.33333%; }
.w3l-products-page .col-sp-pull-2 {
right: 16.66667%; }
.w3l-products-page .col-sp-pull-3 {
right: 25%; }
.w3l-products-page .col-sp-pull-4 {
right: 33.33333%; }
.w3l-products-page .col-sp-pull-5 {
right: 41.66667%; }
.w3l-products-page .col-sp-pull-6 {
right: 50%; }
.w3l-products-page .col-sp-pull-7 {
right: 58.33333%; }
.w3l-products-page .col-sp-pull-8 {
right: 66.66667%; }
.w3l-products-page .col-sp-pull-9 {
right: 75%; }
.w3l-products-page .col-sp-pull-10 {
right: 83.33333%; }
.w3l-products-page .col-sp-pull-11 {
right: 91.66667%; }
.w3l-products-page .col-sp-pull-12 {
right: 100%; }
.w3l-products-page .col-sp-push-0 {
left: auto; }
.w3l-products-page .col-sp-push-1 {
left: 8.33333%; }
.w3l-products-page .col-sp-push-2 {
left: 16.66667%; }
.w3l-products-page .col-sp-push-3 {
left: 25%; }
.w3l-products-page .col-sp-push-4 {
left: 33.33333%; }
.w3l-products-page .col-sp-push-5 {
left: 41.66667%; }
.w3l-products-page .col-sp-push-6 {
left: 50%; }
.w3l-products-page .col-sp-push-7 {
left: 58.33333%; }
.w3l-products-page .col-sp-push-8 {
left: 66.66667%; }
.w3l-products-page .col-sp-push-9 {
left: 75%; }
.w3l-products-page .col-sp-push-10 {
left: 83.33333%; }
.w3l-products-page .col-sp-push-11 {
left: 91.66667%; }
.w3l-products-page .col-sp-push-12 {
left: 100%; }
.w3l-products-page .col-sp-offset-0 {
margin-left: 0%; }
.w3l-products-page .col-sp-offset-1 {
margin-left: 8.33333%; }
.w3l-products-page .col-sp-offset-2 {
margin-left: 16.66667%; }
.w3l-products-page .col-sp-offset-3 {
margin-left: 25%; }
.w3l-products-page .col-sp-offset-4 {
margin-left: 33.33333%; }
.w3l-products-page .col-sp-offset-5 {
margin-left: 41.66667%; }
.w3l-products-page .col-sp-offset-6 {
margin-left: 50%; }
.w3l-products-page .col-sp-offset-7 {
margin-left: 58.33333%; }
.w3l-products-page .col-sp-offset-8 {
margin-left: 66.66667%; }
.w3l-products-page .col-sp-offset-9 {
margin-left: 75%; }
.w3l-products-page .col-sp-offset-10 {
margin-left: 83.33333%; }
.w3l-products-page .col-sp-offset-11 {
margin-left: 91.66667%; }
.w3l-products-page .col-sp-offset-12 {
margin-left: 100%; }
.w3l-products-page .col-sp-7-2 {
width: 60%; }
.w3l-products-page .col-sp-4-8 {
width: 40%; }
.w3l-products-page .col-sp-2-4 {
width: 20%; }
.w3l-products-page .col-sp-9-6 {
width: 80%; } }
@media (max-width: 768px) and (min-width: 481px) {
.w3l-products-page .col-xs-2-4,
.w3l-products-page .col-xs-4-8,
.w3l-products-page .col-xs-7-2,
.w3l-products-page .col-xs-9-6 {
float: left; }
.w3l-products-page .col-xs-2-4 {
width: 20%; }
.w3l-products-page .col-xs-4-8 {
width: 40%; }
.w3l-products-page .col-xs-7-2 {
width: 60%; }
.w3l-products-page .col-xs-9-6 {
width: 80%; } }
@media (min-width: 768px) {
.w3l-products-page .col-sm-2-4,
.w3l-products-page .col-sm-4-8,
.w3l-products-page .col-sm-7-2,
.w3l-products-page .col-sm-9-6 {
float: left; }
.w3l-products-page .col-sm-2-4 {
width: 20%; }
.w3l-products-page .col-sm-4-8 {
width: 40%; }
.w3l-products-page .col-sm-7-2 {
width: 60%; }
.w3l-products-page .col-sm-9-6 {
width: 80%; } }
@media (min-width: 992px) {
.w3l-products-page .col-md-2-4,
.w3l-products-page .col-md-4-8,
.w3l-products-page .col-md-7-2,
.w3l-products-page .col-md-9-6 {
float: left; }
.w3l-products-page .col-md-2-4 {
width: 20%; }
.w3l-products-page .col-md-4-8 {
width: 40%; }
.w3l-products-page .col-md-7-2 {
width: 60%; }
.w3l-products-page .col-md-9-6 {
width: 80%; } }
@media (min-width: 1200px) {
.w3l-products-page .col-lg-2-4,
.w3l-products-page .col-lg-4-8,
.w3l-products-page .col-lg-7-2,
.w3l-products-page .col-lg-9-6 {
float: left; }
.w3l-products-page .col-lg-2-4 {
width: 20%; }
.w3l-products-page .col-lg-4-8 {
width: 40%; }
.w3l-products-page .col-lg-7-2 {
width: 60%; }
.w3l-products-page .col-lg-9-6 {
width: 80%; } }
.w3l-products-page table {
background-color: transparent; }
.w3l-products-page caption {
padding-top: 8px;
padding-bottom: 8px;
color: #aaa;
text-align: left; }
.w3l-products-page th {
text-align: left; }
.w3l-products-page .table {
width: 100%;
max-width: 100%;
margin-bottom: 21px; }
.w3l-products-page .table > thead > tr > th,
.w3l-products-page .table > thead > tr > td,
.w3l-products-page .table > tbody > tr > th,
.w3l-products-page .table > tbody > tr > td,
.w3l-products-page .table > tfoot > tr > th,
.w3l-products-page .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd; }
.w3l-products-page .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.w3l-products-page .table > caption + thead > tr:first-child > th,
.w3l-products-page .table > caption + thead > tr:first-child > td,
.w3l-products-page .table > colgroup + thead > tr:first-child > th,
.w3l-products-page .table > colgroup + thead > tr:first-child > td,
.w3l-products-page .table > thead:first-child > tr:first-child > th,
.w3l-products-page .table > thead:first-child > tr:first-child > td {
border-top: 0; }
.w3l-products-page .table > tbody + tbody {
border-top: 2px solid #ddd; }
.w3l-products-page .table .table {
background-color: #fff; }
.w3l-products-page .table-condensed > thead > tr > th,
.w3l-products-page .table-condensed > thead > tr > td,
.w3l-products-page .table-condensed > tbody > tr > th,
.w3l-products-page .table-condensed > tbody > tr > td,
.w3l-products-page .table-condensed > tfoot > tr > th,
.w3l-products-page .table-condensed > tfoot > tr > td {
padding: 5px; }
.w3l-products-page .table-bordered {
border: 1px solid #ddd; }
.w3l-products-page .table-bordered > thead > tr > th,
.w3l-products-page .table-bordered > thead > tr > td,
.w3l-products-page .table-bordered > tbody > tr > th,
.w3l-products-page .table-bordered > tbody > tr > td,
.w3l-products-page .table-bordered > tfoot > tr > th,
.w3l-products-page .table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.w3l-products-page .table-bordered > thead > tr > th,
.w3l-products-page .table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.w3l-products-page .table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.w3l-products-page .table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
.w3l-products-page table col[class*="col-"] {
position: static;
float: none;
display: table-column; }
.w3l-products-page table td[class*="col-"],
.w3l-products-page table th[class*="col-"] {
position: static;
float: none;
display: table-cell; }
.w3l-products-page .table > thead > tr > td.active,
.w3l-products-page .table > thead > tr > th.active,
.w3l-products-page .table > thead > tr.active > td,
.w3l-products-page .table > thead > tr.active > th,
.w3l-products-page .table > tbody > tr > td.active,
.w3l-products-page .table > tbody > tr > th.active,
.w3l-products-page .table > tbody > tr.active > td,
.w3l-products-page .table > tbody > tr.active > th,
.w3l-products-page .table > tfoot > tr > td.active,
.w3l-products-page .table > tfoot > tr > th.active,
.w3l-products-page .table > tfoot > tr.active > td,
.w3l-products-page .table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.w3l-products-page .table-hover > tbody > tr > td.active:hover,
.w3l-products-page .table-hover > tbody > tr > th.active:hover,
.w3l-products-page .table-hover > tbody > tr.active:hover > td,
.w3l-products-page .table-hover > tbody > tr:hover > .active,
.w3l-products-page .table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; }
.w3l-products-page .table > thead > tr > td.success,
.w3l-products-page .table > thead > tr > th.success,
.w3l-products-page .table > thead > tr.success > td,
.w3l-products-page .table > thead > tr.success > th,
.w3l-products-page .table > tbody > tr > td.success,
.w3l-products-page .table > tbody > tr > th.success,
.w3l-products-page .table > tbody > tr.success > td,
.w3l-products-page .table > tbody > tr.success > th,
.w3l-products-page .table > tfoot > tr > td.success,
.w3l-products-page .table > tfoot > tr > th.success,
.w3l-products-page .table > tfoot > tr.success > td,
.w3l-products-page .table > tfoot > tr.success > th {
background-color: #dff0d8; }
.w3l-products-page .table-hover > tbody > tr > td.success:hover,
.w3l-products-page .table-hover > tbody > tr > th.success:hover,
.w3l-products-page .table-hover > tbody > tr.success:hover > td,
.w3l-products-page .table-hover > tbody > tr:hover > .success,
.w3l-products-page .table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; }
.w3l-products-page .table > thead > tr > td.info,
.w3l-products-page .table > thead > tr > th.info,
.w3l-products-page .table > thead > tr.info > td,
.w3l-products-page .table > thead > tr.info > th,
.w3l-products-page .table > tbody > tr > td.info,
.w3l-products-page .table > tbody > tr > th.info,
.w3l-products-page .table > tbody > tr.info > td,
.w3l-products-page .table > tbody > tr.info > th,
.w3l-products-page .table > tfoot > tr > td.info,
.w3l-products-page .table > tfoot > tr > th.info,
.w3l-products-page .table > tfoot > tr.info > td,
.w3l-products-page .table > tfoot > tr.info > th {
background-color: #d9edf7; }
.w3l-products-page .table-hover > tbody > tr > td.info:hover,
.w3l-products-page .table-hover > tbody > tr > th.info:hover,
.w3l-products-page .table-hover > tbody > tr.info:hover > td,
.w3l-products-page .table-hover > tbody > tr:hover > .info,
.w3l-products-page .table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; }
.w3l-products-page .table > thead > tr > td.warning,
.w3l-products-page .table > thead > tr > th.warning,
.w3l-products-page .table > thead > tr.warning > td,
.w3l-products-page .table > thead > tr.warning > th,
.w3l-products-page .table > tbody > tr > td.warning,
.w3l-products-page .table > tbody > tr > th.warning,
.w3l-products-page .table > tbody > tr.warning > td,
.w3l-products-page .table > tbody > tr.warning > th,
.w3l-products-page .table > tfoot > tr > td.warning,
.w3l-products-page .table > tfoot > tr > th.warning,
.w3l-products-page .table > tfoot > tr.warning > td,
.w3l-products-page .table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
.w3l-products-page .table-hover > tbody > tr > td.warning:hover,
.w3l-products-page .table-hover > tbody > tr > th.warning:hover,
.w3l-products-page .table-hover > tbody > tr.warning:hover > td,
.w3l-products-page .table-hover > tbody > tr:hover > .warning,
.w3l-products-page .table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc; }
.w3l-products-page .table > thead > tr > td.danger,
.w3l-products-page .table > thead > tr > th.danger,
.w3l-products-page .table > thead > tr.danger > td,
.w3l-products-page .table > thead > tr.danger > th,
.w3l-products-page .table > tbody > tr > td.danger,
.w3l-products-page .table > tbody > tr > th.danger,
.w3l-products-page .table > tbody > tr.danger > td,
.w3l-products-page .table > tbody > tr.danger > th,
.w3l-products-page .table > tfoot > tr > td.danger,
.w3l-products-page .table > tfoot > tr > th.danger,
.w3l-products-page .table > tfoot > tr.danger > td,
.w3l-products-page .table > tfoot > tr.danger > th {
background-color: #f2dede; }
.w3l-products-page .table-hover > tbody > tr > td.danger:hover,
.w3l-products-page .table-hover > tbody > tr > th.danger:hover,
.w3l-products-page .table-hover > tbody > tr.danger:hover > td,
.w3l-products-page .table-hover > tbody > tr:hover > .danger,
.w3l-products-page .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; }
.w3l-products-page .table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.w3l-products-page .table-responsive {
width: 100%;
margin-bottom: 15.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.w3l-products-page .table-responsive > .table {
margin-bottom: 0; }
.w3l-products-page .table-responsive > .table > thead > tr > th,
.w3l-products-page .table-responsive > .table > thead > tr > td,
.w3l-products-page .table-responsive > .table > tbody > tr > th,
.w3l-products-page .table-responsive > .table > tbody > tr > td,
.w3l-products-page .table-responsive > .table > tfoot > tr > th,
.w3l-products-page .table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.w3l-products-page .table-responsive > .table-bordered {
border: 0; }
.w3l-products-page .table-responsive > .table-bordered > thead > tr > th:first-child,
.w3l-products-page .table-responsive > .table-bordered > thead > tr > td:first-child,
.w3l-products-page .table-responsive > .table-bordered > tbody > tr > th:first-child,
.w3l-products-page .table-responsive > .table-bordered > tbody > tr > td:first-child,
.w3l-products-page .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.w3l-products-page .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.w3l-products-page .table-responsive > .table-bordered > thead > tr > th:last-child,
.w3l-products-page .table-responsive > .table-bordered > thead > tr > td:last-child,
.w3l-products-page .table-responsive > .table-bordered > tbody > tr > th:last-child,
.w3l-products-page .table-responsive > .table-bordered > tbody > tr > td:last-child,
.w3l-products-page .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.w3l-products-page .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.w3l-products-page .table-responsive > .table-bordered > tbody > tr:last-child > th,
.w3l-products-page .table-responsive > .table-bordered > tbody > tr:last-child > td,
.w3l-products-page .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.w3l-products-page .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
.w3l-products-page fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
.w3l-products-page legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 21px;
font-size: 22.5px;
line-height: inherit;
color: #666;
border: 0;
border-bottom: 1px solid #e5e5e5; }
.w3l-products-page label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 500; }
.w3l-products-page input[type="search"] {
box-sizing: border-box; }
.w3l-products-page input[type="radio"],
.w3l-products-page input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
.w3l-products-page input[type="file"] {
display: block; }
.w3l-products-page input[type="range"] {
display: block;
width: 100%; }
.w3l-products-page select[multiple],
.w3l-products-page select[size] {
height: auto; }
.w3l-products-page input[type="file"]:focus,
.w3l-products-page input[type="radio"]:focus,
.w3l-products-page input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.w3l-products-page output {
display: block;
padding-top: 9px;
font-size: 15px;
line-height: 1.42857;
color: #888; }
.w3l-products-page .form-control {
display: block;
width: 100%;
height: 47px;
padding: 8px 15px;
font-size: 15px;
line-height: 1.42857;
color: #888;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.w3l-products-page .form-control:focus {
border-color: none;
outline: 0;
box-shadow: none; }
.w3l-products-page .form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.w3l-products-page .form-control:-ms-input-placeholder {
color: #999; }
.w3l-products-page .form-control::-webkit-input-placeholder {
color: #999; }
.w3l-products-page .form-control::-ms-expand {
border: 0;
background-color: transparent; }
.w3l-products-page .form-control[disabled],
.w3l-products-page .form-control[readonly],
.w3l-products-page fieldset[disabled] .form-control {
background-color: #fff;
opacity: 1; }
.w3l-products-page .form-control[disabled],
.w3l-products-page fieldset[disabled] .form-control {
cursor: not-allowed; }
.w3l-products-page textarea.form-control {
height: 200px; }
.w3l-products-page input[type="search"] {
-webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.w3l-products-page input[type="date"].form-control,
.w3l-products-page input[type="time"].form-control,
.w3l-products-page input[type="datetime-local"].form-control,
.w3l-products-page input[type="month"].form-control {
line-height: 47px; }
.w3l-products-page input[type="date"].input-sm,
.w3l-products-page .input-group-sm > input[type="date"].form-control,
.w3l-products-page .input-group-sm > input[type="date"].input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > input[type="date"].btn,
.w3l-products-page .input-group-sm input[type="date"],
.w3l-products-page input[type="time"].input-sm,
.w3l-products-page .input-group-sm > input[type="time"].form-control,
.w3l-products-page .input-group-sm > input[type="time"].input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > input[type="time"].btn,
.w3l-products-page .input-group-sm input[type="time"],
.w3l-products-page input[type="datetime-local"].input-sm,
.w3l-products-page .input-group-sm > input[type="datetime-local"].form-control,
.w3l-products-page .input-group-sm > input[type="datetime-local"].input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.w3l-products-page .input-group-sm input[type="datetime-local"],
.w3l-products-page input[type="month"].input-sm,
.w3l-products-page .input-group-sm > input[type="month"].form-control,
.w3l-products-page .input-group-sm > input[type="month"].input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > input[type="month"].btn,
.w3l-products-page .input-group-sm input[type="month"] {
line-height: 31px; }
.w3l-products-page input[type="date"].input-lg,
.w3l-products-page .input-group-lg > input[type="date"].form-control,
.w3l-products-page .input-group-lg > input[type="date"].input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > input[type="date"].btn,
.w3l-products-page .input-group-lg input[type="date"],
.w3l-products-page input[type="time"].input-lg,
.w3l-products-page .input-group-lg > input[type="time"].form-control,
.w3l-products-page .input-group-lg > input[type="time"].input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > input[type="time"].btn,
.w3l-products-page .input-group-lg input[type="time"],
.w3l-products-page input[type="datetime-local"].input-lg,
.w3l-products-page .input-group-lg > input[type="datetime-local"].form-control,
.w3l-products-page .input-group-lg > input[type="datetime-local"].input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.w3l-products-page .input-group-lg input[type="datetime-local"],
.w3l-products-page input[type="month"].input-lg,
.w3l-products-page .input-group-lg > input[type="month"].form-control,
.w3l-products-page .input-group-lg > input[type="month"].input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > input[type="month"].btn,
.w3l-products-page .input-group-lg input[type="month"] {
line-height: 48px; } }
.w3l-products-page .radio,
.w3l-products-page .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.w3l-products-page .radio label,
.w3l-products-page .checkbox label {
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; }
.w3l-products-page .radio input[type="radio"],
.w3l-products-page .radio-inline input[type="radio"],
.w3l-products-page .checkbox input[type="checkbox"],
.w3l-products-page .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.w3l-products-page .radio + .radio,
.w3l-products-page .checkbox + .checkbox {
margin-top: -5px; }
.w3l-products-page .radio-inline,
.w3l-products-page .checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.w3l-products-page .radio-inline + .radio-inline,
.w3l-products-page .checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
.w3l-products-page input[type="radio"][disabled],
.w3l-products-page input[type="radio"].disabled,
.w3l-products-page fieldset[disabled] input[type="radio"],
.w3l-products-page input[type="checkbox"][disabled],
.w3l-products-page input[type="checkbox"].disabled,
.w3l-products-page fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed; }
.w3l-products-page .radio-inline.disabled,
.w3l-products-page fieldset[disabled] .radio-inline,
.w3l-products-page .checkbox-inline.disabled,
.w3l-products-page fieldset[disabled] .checkbox-inline {
cursor: not-allowed; }
.w3l-products-page .radio.disabled label,
.w3l-products-page fieldset[disabled] .radio label,
.w3l-products-page .checkbox.disabled label,
.w3l-products-page fieldset[disabled] .checkbox label {
cursor: not-allowed; }
.w3l-products-page .form-control-static {
padding-top: 9px;
padding-bottom: 9px;
margin-bottom: 0;
min-height: 36px; }
.w3l-products-page .form-control-static.input-lg,
.w3l-products-page .input-group-lg > .form-control-static.form-control,
.w3l-products-page .input-group-lg > .form-control-static.input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > .form-control-static.btn,
.w3l-products-page .form-control-static.input-sm,
.w3l-products-page .input-group-sm > .form-control-static.form-control,
.w3l-products-page .input-group-sm > .form-control-static.input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > .form-control-static.btn {
padding-left: 0;
padding-right: 0; }
.w3l-products-page .input-sm,
.w3l-products-page .input-group-sm > .form-control,
.w3l-products-page .input-group-sm > .input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > .btn {
height: 31px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px; }
.w3l-products-page select.input-sm,
.w3l-products-page .input-group-sm > select.form-control,
.w3l-products-page .input-group-sm > select.input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > select.btn {
height: 31px;
line-height: 31px; }
.w3l-products-page textarea.input-sm,
.w3l-products-page .input-group-sm > textarea.form-control,
.w3l-products-page .input-group-sm > textarea.input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > textarea.btn,
.w3l-products-page select[multiple].input-sm,
.w3l-products-page .input-group-sm > select[multiple].form-control,
.w3l-products-page .input-group-sm > select[multiple].input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > select[multiple].btn {
height: auto; }
.w3l-products-page .form-group-sm .form-control {
height: 31px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px; }
.w3l-products-page .form-group-sm select.form-control {
height: 31px;
line-height: 31px; }
.w3l-products-page .form-group-sm textarea.form-control,
.w3l-products-page .form-group-sm select[multiple].form-control {
height: auto; }
.w3l-products-page .form-group-sm .form-control-static {
height: 31px;
min-height: 34px;
padding: 6px 10px;
font-size: 13px;
line-height: 1.5; }
.w3l-products-page .input-lg,
.w3l-products-page .input-group-lg > .form-control,
.w3l-products-page .input-group-lg > .input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > .btn {
height: 48px;
padding: 10px 16px;
font-size: 19px;
line-height: 1.33333;
border-radius: 6px; }
.w3l-products-page select.input-lg,
.w3l-products-page .input-group-lg > select.form-control,
.w3l-products-page .input-group-lg > select.input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > select.btn {
height: 48px;
line-height: 48px; }
.w3l-products-page textarea.input-lg,
.w3l-products-page .input-group-lg > textarea.form-control,
.w3l-products-page .input-group-lg > textarea.input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > textarea.btn,
.w3l-products-page select[multiple].input-lg,
.w3l-products-page .input-group-lg > select[multiple].form-control,
.w3l-products-page .input-group-lg > select[multiple].input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > select[multiple].btn {
height: auto; }
.w3l-products-page .form-group-lg .form-control {
height: 48px;
padding: 10px 16px;
font-size: 19px;
line-height: 1.33333;
border-radius: 6px; }
.w3l-products-page .form-group-lg select.form-control {
height: 48px;
line-height: 48px; }
.w3l-products-page .form-group-lg textarea.form-control,
.w3l-products-page .form-group-lg select[multiple].form-control {
height: auto; }
.w3l-products-page .form-group-lg .form-control-static {
height: 48px;
min-height: 40px;
padding: 11px 16px;
font-size: 19px;
line-height: 1.33333; }
.w3l-products-page .has-feedback {
position: relative; }
.w3l-products-page .has-feedback .form-control {
padding-right: 58.75px; }
.w3l-products-page .form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 47px;
height: 47px;
line-height: 47px;
text-align: center;
pointer-events: none; }
.w3l-products-page .input-lg + .form-control-feedback,
.w3l-products-page .input-group-lg > .form-control + .form-control-feedback,
.w3l-products-page .input-group-lg > .input-group-addon + .form-control-feedback,
.w3l-products-page .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.w3l-products-page .input-group-lg + .form-control-feedback,
.w3l-products-page .form-group-lg .form-control + .form-control-feedback {
width: 48px;
height: 48px;
line-height: 48px; }
.w3l-products-page .input-sm + .form-control-feedback,
.w3l-products-page .input-group-sm > .form-control + .form-control-feedback,
.w3l-products-page .input-group-sm > .input-group-addon + .form-control-feedback,
.w3l-products-page .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.w3l-products-page .input-group-sm + .form-control-feedback,
.w3l-products-page .form-group-sm .form-control + .form-control-feedback {
width: 31px;
height: 31px;
line-height: 31px; }
.w3l-products-page .has-success .help-block,
.w3l-products-page .has-success .control-label,
.w3l-products-page .has-success .radio,
.w3l-products-page .has-success .checkbox,
.w3l-products-page .has-success .radio-inline,
.w3l-products-page .has-success .checkbox-inline,
.w3l-products-page .has-success.radio label,
.w3l-products-page .has-success.checkbox label,
.w3l-products-page .has-success.radio-inline label,
.w3l-products-page .has-success.checkbox-inline label {
color: #3c763d; }
.w3l-products-page .has-success .form-control {
border-color: #3c763d; }
.w3l-products-page .has-success .form-control:focus {
border-color: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.w3l-products-page .has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8; }
.w3l-products-page .has-success .form-control-feedback {
color: #3c763d; }
.w3l-products-page .has-warning .help-block,
.w3l-products-page .has-warning .control-label,
.w3l-products-page .has-warning .radio,
.w3l-products-page .has-warning .checkbox,
.w3l-products-page .has-warning .radio-inline,
.w3l-products-page .has-warning .checkbox-inline,
.w3l-products-page .has-warning.radio label,
.w3l-products-page .has-warning.checkbox label,
.w3l-products-page .has-warning.radio-inline label,
.w3l-products-page .has-warning.checkbox-inline label {
color: #8a6d3b; }
.w3l-products-page .has-warning .form-control {
border-color: #8a6d3b; }
.w3l-products-page .has-warning .form-control:focus {
border-color: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.w3l-products-page .has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3; }
.w3l-products-page .has-warning .form-control-feedback {
color: #8a6d3b; }
.w3l-products-page .has-error .help-block,
.w3l-products-page .has-error .control-label,
.w3l-products-page .has-error .radio,
.w3l-products-page .has-error .checkbox,
.w3l-products-page .has-error .radio-inline,
.w3l-products-page .has-error .checkbox-inline,
.w3l-products-page .has-error.radio label,
.w3l-products-page .has-error.checkbox label,
.w3l-products-page .has-error.radio-inline label,
.w3l-products-page .has-error.checkbox-inline label {
color: #a94442; }
.w3l-products-page .has-error .form-control {
border-color: #a94442; }
.w3l-products-page .has-error .form-control:focus {
border-color: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.w3l-products-page .has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede; }
.w3l-products-page .has-error .form-control-feedback {
color: #a94442; }
.w3l-products-page .has-feedback label ~ .form-control-feedback {
top: 26px; }
.w3l-products-page .has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.w3l-products-page .help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #a6a6a6; }
@media (min-width: 768px) {
.w3l-products-page .form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.w3l-products-page .form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.w3l-products-page .form-inline .form-control-static {
display: inline-block; }
.w3l-products-page .form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.w3l-products-page .form-inline .input-group .input-group-addon,
.w3l-products-page .form-inline .input-group .input-group-btn,
.w3l-products-page .form-inline .input-group .form-control {
width: auto; }
.w3l-products-page .form-inline .input-group > .form-control {
width: 100%; }
.w3l-products-page .form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.w3l-products-page .form-inline .radio,
.w3l-products-page .form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.w3l-products-page .form-inline .radio label,
.w3l-products-page .form-inline .checkbox label {
padding-left: 0; }
.w3l-products-page .form-inline .radio input[type="radio"],
.w3l-products-page .form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.w3l-products-page .form-inline .has-feedback .form-control-feedback {
top: 0; } }
.w3l-products-page .form-horizontal .radio,
.w3l-products-page .form-horizontal .checkbox,
.w3l-products-page .form-horizontal .radio-inline,
.w3l-products-page .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 9px; }
.w3l-products-page .form-horizontal .radio,
.w3l-products-page .form-horizontal .checkbox {
min-height: 30px; }
.w3l-products-page .form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; }
.w3l-products-page .form-horizontal .form-group:before,
.w3l-products-page .form-horizontal .form-group:after {
content: " ";
display: table; }
.w3l-products-page .form-horizontal .form-group:after {
clear: both; }
@media (min-width: 768px) {
.w3l-products-page .form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 9px; } }
.w3l-products-page .form-horizontal .has-feedback .form-control-feedback {
right: 15px; }
@media (min-width: 768px) {
.w3l-products-page .form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 19px; } }
@media (min-width: 768px) {
.w3l-products-page .form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 13px; } }
.w3l-products-page .btn {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
font-weight: 500;
padding: 8px 15px;
font-size: 14px;
line-height: 1.42857;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.w3l-products-page .btn:focus,
.w3l-products-page .btn.focus,
.w3l-products-page .btn:active:focus,
.w3l-products-page .btn:active.focus,
.w3l-products-page .btn.active:focus,
.w3l-products-page .btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.w3l-products-page .btn:hover,
.w3l-products-page .btn:focus,
.w3l-products-page .btn.focus {
text-decoration: none; }
.w3l-products-page .btn:active,
.w3l-products-page .btn.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.w3l-products-page .btn.disabled,
.w3l-products-page .btn[disabled],
.w3l-products-page fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none; }
.w3l-products-page .fade {
opacity: 0;
transition: opacity 0.15s linear; }
.w3l-products-page .fade.in {
opacity: 1; }
.w3l-products-page .collapse {
display: none; }
.w3l-products-page .collapse.in {
display: block; }
.w3l-products-page tr.collapse.in {
display: table-row; }
.w3l-products-page tbody.collapse.in {
display: table-row-group; }
.w3l-products-page .collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-property: height, visibility;
transition-duration: 0.35s;
transition-timing-function: ease; }
.w3l-products-page .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.w3l-products-page .dropup,
.w3l-products-page .dropdown {
position: relative; }
.w3l-products-page .dropdown-toggle:focus {
outline: 0; }
.w3l-products-page .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 15px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.w3l-products-page .dropdown-menu.pull-right {
right: 0;
left: auto; }
.w3l-products-page .dropdown-menu .divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5; }
.w3l-products-page .dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #666;
white-space: nowrap; }
.w3l-products-page .dropdown-menu > li > a:hover,
.w3l-products-page .dropdown-menu > li > a:focus {
text-decoration: none;
color: #595959;
background-color: #f5f5f5; }
.w3l-products-page .dropdown-menu > .active > a,
.w3l-products-page .dropdown-menu > .active > a:hover,
.w3l-products-page .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #121212; }
.w3l-products-page .dropdown-menu > .disabled > a,
.w3l-products-page .dropdown-menu > .disabled > a:hover,
.w3l-products-page .dropdown-menu > .disabled > a:focus {
color: #aaa; }
.w3l-products-page .dropdown-menu > .disabled > a:hover,
.w3l-products-page .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed; }
.w3l-products-page .open > .dropdown-menu {
display: block; }
.w3l-products-page .open > a {
outline: 0; }
.w3l-products-page .dropdown-menu-right {
left: auto;
right: 0; }
.w3l-products-page .dropdown-menu-left {
left: 0;
right: auto; }
.w3l-products-page .dropdown-header {
display: block;
padding: 3px 20px;
font-size: 13px;
line-height: 1.42857;
color: #aaa;
white-space: nowrap; }
.w3l-products-page .dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990; }
.w3l-products-page .pull-right > .dropdown-menu {
right: 0;
left: auto; }
.w3l-products-page .dropup .caret,
.w3l-products-page .navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""; }
.w3l-products-page .dropup .dropdown-menu,
.w3l-products-page .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px; }
@media (min-width: 768px) {
.w3l-products-page .navbar-right .dropdown-menu {
right: 0;
left: auto; }
.w3l-products-page .navbar-right .dropdown-menu-left {
left: 0;
right: auto; } }
.w3l-products-page .input-group {
position: relative;
display: table;
border-collapse: separate; }
.w3l-products-page .input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0; }
.w3l-products-page .input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.w3l-products-page .input-group .form-control:focus {
z-index: 3; }
.w3l-products-page .input-group-addon,
.w3l-products-page .input-group-btn,
.w3l-products-page .input-group .form-control {
display: table-cell; }
.w3l-products-page .input-group-addon:not(:first-child):not(:last-child),
.w3l-products-page .input-group-btn:not(:first-child):not(:last-child),
.w3l-products-page .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.w3l-products-page .input-group-addon,
.w3l-products-page .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.w3l-products-page .input-group-addon {
padding: 8px 15px;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #888;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 0px; }
.w3l-products-page .input-group-addon.input-sm,
.w3l-products-page .input-group-sm > .input-group-addon,
.w3l-products-page .input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 13px;
border-radius: 3px; }
.w3l-products-page .input-group-addon.input-lg,
.w3l-products-page .input-group-lg > .input-group-addon,
.w3l-products-page .input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 19px;
border-radius: 6px; }
.w3l-products-page .input-group-addon input[type="radio"],
.w3l-products-page .input-group-addon input[type="checkbox"] {
margin-top: 0; }
.w3l-products-page .input-group .form-control:first-child,
.w3l-products-page .input-group-addon:first-child,
.w3l-products-page .input-group-btn:first-child > .btn,
.w3l-products-page .input-group-btn:first-child > .btn-group > .btn,
.w3l-products-page .input-group-btn:first-child > .dropdown-toggle,
.w3l-products-page .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.w3l-products-page .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.w3l-products-page .input-group-addon:first-child {
border-right: 0; }
.w3l-products-page .input-group .form-control:last-child,
.w3l-products-page .input-group-addon:last-child,
.w3l-products-page .input-group-btn:last-child > .btn,
.w3l-products-page .input-group-btn:last-child > .btn-group > .btn,
.w3l-products-page .input-group-btn:last-child > .dropdown-toggle,
.w3l-products-page .input-group-btn:first-child > .btn:not(:first-child),
.w3l-products-page .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.w3l-products-page .input-group-addon:last-child {
border-left: 0; }
.w3l-products-page .input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.w3l-products-page .input-group-btn > .btn {
position: relative; }
.w3l-products-page .input-group-btn > .btn + .btn {
margin-left: -1px; }
.w3l-products-page .input-group-btn > .btn:hover,
.w3l-products-page .input-group-btn > .btn:focus,
.w3l-products-page .input-group-btn > .btn:active {
z-index: 2; }
.w3l-products-page .input-group-btn:first-child > .btn,
.w3l-products-page .input-group-btn:first-child > .btn-group {
margin-right: -1px; }
.w3l-products-page .input-group-btn:last-child > .btn,
.w3l-products-page .input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
.w3l-products-page .nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.w3l-products-page .nav:before,
.w3l-products-page .nav:after {
content: " ";
display: table; }
.w3l-products-page .nav:after {
clear: both; }
.w3l-products-page .nav > lspan.fa {
position: relative;
display: block; }
.w3l-products-page .nav > li > a {
position: relative;
display: block;
padding: 10px 15px; }
.w3l-products-page .nav > li > a:hover,
.w3l-products-page .nav > li > a:focus {
text-decoration: none;
background-color: transparent; }
.w3l-products-page .nav > li.disabled > a {
color: transparent; }
.w3l-products-page .nav > li.disabled > a:hover,
.w3l-products-page .nav > li.disabled > a:focus {
color: #aaa;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.w3l-products-page .nav .open > a,
.w3l-products-page .nav .open > a:hover,
.w3l-products-page .nav .open > a:focus {
background-color: transparent;
border-color: #909090; }
.w3l-products-page .nav .nav-divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5; }
.w3l-products-page .nav > li > a > img {
max-width: none; }
.w3l-products-page .nav-tabs {
border-bottom: 1px solid #ddd; }
.w3l-products-page .nav-tabs > lspan.fa {
float: left;
margin-bottom: -1px; }
.w3l-products-page .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 0px 0px 0 0; }
.w3l-products-page .nav-tabs > li > a:hover {
border-color: #fff #fff #ddd; }
.w3l-products-page .nav-tabs > li.active > a,
.w3l-products-page .nav-tabs > li.active > a:hover,
.w3l-products-page .nav-tabs > li.active > a:focus {
color: #909090;
background-color: transparent;
border-bottom-color: transparent;
cursor: default; }
.w3l-products-page .nav-pills > lspan.fa {
float: left; }
.w3l-products-page .nav-pills > li > a {
border-radius: 0px; }
.w3l-products-page .nav-pills > li + lspan.fa {
margin-left: 2px; }
.w3l-products-page .nav-pills > li.active > a,
.w3l-products-page .nav-pills > li.active > a:hover,
.w3l-products-page .nav-pills > li.active > a:focus {
color: #fff;
background-color: #121212; }
.w3l-products-page .nav-stacked > lspan.fa {
float: none; }
.w3l-products-page .nav-stacked > li + lspan.fa {
margin-top: 2px;
margin-left: 0; }
.w3l-products-page .nav-justified,
.w3l-products-page .nav-tabs.nav-justified {
width: 100%; }
.w3l-products-page .nav-justified > li,
.w3l-products-page .nav-tabs.nav-justified > lspan.fa {
float: none; }
.w3l-products-page .nav-justified > li > a,
.w3l-products-page .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px; }
.w3l-products-page .nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto; }
@media (min-width: 768px) {
.w3l-products-page .nav-justified > li,
.w3l-products-page .nav-tabs.nav-justified > lspan.fa {
display: table-cell;
width: 1%; }
.w3l-products-page .nav-justified > li > a,
.w3l-products-page .nav-tabs.nav-justified > li > a {
margin-bottom: 0; } }
.w3l-products-page .nav-tabs-justified,
.w3l-products-page .nav-tabs.nav-justified {
border-bottom: 0; }
.w3l-products-page .nav-tabs-justified > li > a,
.w3l-products-page .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 0px; }
.w3l-products-page .nav-tabs-justified > .active > a,
.w3l-products-page .nav-tabs.nav-justified > .active > a,
.w3l-products-page .nav-tabs-justified > .active > a:hover,
.w3l-products-page .nav-tabs.nav-justified > .active > a:hover,
.w3l-products-page .nav-tabs-justified > .active > a:focus,
.w3l-products-page .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.w3l-products-page .nav-tabs-justified > li > a,
.w3l-products-page .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 0px 0px 0 0; }
.w3l-products-page .nav-tabs-justified > .active > a,
.w3l-products-page .nav-tabs.nav-justified > .active > a,
.w3l-products-page .nav-tabs-justified > .active > a:hover,
.w3l-products-page .nav-tabs.nav-justified > .active > a:hover,
.w3l-products-page .nav-tabs-justified > .active > a:focus,
.w3l-products-page .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff; } }
.w3l-products-page .tab-content > .tab-pane {
display: none; }
.w3l-products-page .tab-content > .active {
display: block; }
.w3l-products-page .nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.w3l-products-page #wpbBreadcrumbs {
background-position: center center;
background-repeat: no-repeat;
padding: 330px 0 220px;
background-size: cover;
margin: 0 0 100px; }
@media (max-width: 991px) {
.w3l-products-page #wpbBreadcrumbs {
padding: 250px 0 100px;
margin-bottom: 30px; } }
.w3l-products-page .breadcrumb-heading {
font-size: 25px;
color: white;
font-family: Helvetica Medium;
font-weight: 400;
text-transform: uppercase;
margin: 0; }
.w3l-products-page .breadcrumb {
margin: 0px;
padding: 8px 0px;
list-style: none;
border-radius: 0px;
font-size: 15px;
font-weight: 400;
text-transform: capitalize; }
.w3l-products-page .breadcrumb > lspan.fa {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .breadcrumb > li a {
color: white;
position: relative;
padding-right: 20px;
display: block; }
.w3l-products-page .breadcrumb > li a:after {
content: "";
width: 1px;
height: 50%;
top: 7px;
right: 8px;
position: absolute;
background-color: white; }
.w3l-products-page .breadcrumb > li a:hover {
color: var(--theme-color-3); }
.w3l-products-page .breadcrumb > .active {
color: white; }
.w3l-products-page .pagination {
margin: 0;
padding: 0;
background: #fff;
clear: both; }
.w3l-products-page .pagination > lspan.fa {
display: block;
float: left;
background: #fff;
width: 25px;
height: 25px;
border: 1px solid #666;
margin-right: 12px; }
.w3l-products-page .pagination > li > a,
.w3l-products-page .pagination > li > span {
position: relative;
display: block;
line-height: 23px;
color: #121212;
text-decoration: none;
text-align: center;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .pagination > li:hover,
.w3l-products-page .pagination > li.active {
background: #121212;
cursor: pointer; }
.w3l-products-page .pagination > li:hover > a,
.w3l-products-page .pagination > li:hover > span,
.w3l-products-page .pagination > li.active > a,
.w3l-products-page .pagination > li.active > span {
color: #fff; }
.w3l-products-page .pagination > li:last-child {
margin-right: 0; }
.w3l-products-page .pagination > .disabled > span,
.w3l-products-page .pagination > .disabled > span:hover,
.w3l-products-page .pagination > .disabled > span:focus,
.w3l-products-page .pagination > .disabled > a,
.w3l-products-page .pagination > .disabled > a:hover,
.w3l-products-page .pagination > .disabled > a:focus {
color: #999;
background-color: transparent;
border-color: #666;
cursor: not-allowed; }
.w3l-products-page .pagination .pagiPrevious.disabled,
.w3l-products-page .pagination .pagiNext.disabled {
display: none; }
.w3l-products-page .pager {
padding-left: 0;
margin: 21px 0;
list-style: none;
text-align: center; }
.w3l-products-page .pager:before,
.w3l-products-page .pager:after {
content: " ";
display: table; }
.w3l-products-page .pager:after {
clear: both; }
.w3l-products-page .pager lspan.fa {
display: inline; }
.w3l-products-page .pager li > a,
.w3l-products-page .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: transparent;
border: 1px solid #666;
border-radius: 0; }
.w3l-products-page .pager li > a:hover,
.w3l-products-page .pager li > a:focus {
text-decoration: none;
background-color: #fff; }
.w3l-products-page .pager .next > a,
.w3l-products-page .pager .next > span {
float: right; }
.w3l-products-page .pager .previous > a,
.w3l-products-page .pager .previous > span {
float: left; }
.w3l-products-page .pager .disabled > a,
.w3l-products-page .pager .disabled > a:hover,
.w3l-products-page .pager .disabled > a:focus,
.w3l-products-page .pager .disabled > span {
color: #999;
background-color: transparent;
cursor: not-allowed; }
.w3l-products-page .label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em; }
.w3l-products-page .label:empty {
display: none; }
.w3l-products-page .btn .label {
position: relative;
top: -1px; }
.w3l-products-page a.label:hover,
.w3l-products-page a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.w3l-products-page .label-default {
background-color: #aaa; }
.w3l-products-page .label-default[href]:hover,
.w3l-products-page .label-default[href]:focus {
background-color: #919191; }
.w3l-products-page .label-primary {
background-color: #121212; }
.w3l-products-page .label-primary[href]:hover,
.w3l-products-page .label-primary[href]:focus {
background-color: #000; }
.w3l-products-page .label-success {
background-color: #5cb85c; }
.w3l-products-page .label-success[href]:hover,
.w3l-products-page .label-success[href]:focus {
background-color: #449d44; }
.w3l-products-page .label-info {
background-color: #5bc0de; }
.w3l-products-page .label-info[href]:hover,
.w3l-products-page .label-info[href]:focus {
background-color: #31b0d5; }
.w3l-products-page .label-warning {
background-color: #f0ad4e; }
.w3l-products-page .label-warning[href]:hover,
.w3l-products-page .label-warning[href]:focus {
background-color: #ec971f; }
.w3l-products-page .label-danger {
background-color: #d9534f; }
.w3l-products-page .label-danger[href]:hover,
.w3l-products-page .label-danger[href]:focus {
background-color: #c9302c; }
.w3l-products-page .badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 13px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #aaa;
border-radius: 10px; }
.w3l-products-page .badge:empty {
display: none; }
.w3l-products-page .btn .badge {
position: relative;
top: -1px; }
.w3l-products-page .btn-xs .badge,
.w3l-products-page .btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px; }
.w3l-products-page .list-group-item.active > .badge,
.w3l-products-page .nav-pills > .active > a > .badge {
color: #909090;
background-color: #fff; }
.w3l-products-page .list-group-item > .badge {
float: right; }
.w3l-products-page .list-group-item > .badge + .badge {
margin-right: 5px; }
.w3l-products-page .nav-pills > li > a > .badge {
margin-left: 3px; }
.w3l-products-page a.badge:hover,
.w3l-products-page a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer; }
.w3l-products-page .alert {
padding: 15px;
margin-bottom: 21px;
border: 1px solid transparent;
border-radius: 0px; }
.w3l-products-page .alert h4 {
margin-top: 0;
color: inherit; }
.w3l-products-page .alert .alert-link {
font-weight: bold; }
.w3l-products-page .alert > p,
.w3l-products-page .alert > ul {
margin-bottom: 0; }
.w3l-products-page .alert > p + p {
margin-top: 5px; }
.w3l-products-page .alert-dismissable,
.w3l-products-page .alert-dismissible {
padding-right: 35px; }
.w3l-products-page .alert-dismissable .close,
.w3l-products-page .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit; }
.w3l-products-page .alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d; }
.w3l-products-page .alert-success hr {
border-top-color: #c9e2b3; }
.w3l-products-page .alert-success .alert-link {
color: #2b542c; }
.w3l-products-page .alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f; }
.w3l-products-page .alert-info hr {
border-top-color: #a6e1ec; }
.w3l-products-page .alert-info .alert-link {
color: #245269; }
.w3l-products-page .alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b; }
.w3l-products-page .alert-warning hr {
border-top-color: #f7e1b5; }
.w3l-products-page .alert-warning .alert-link {
color: #66512c; }
.w3l-products-page .alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442; }
.w3l-products-page .alert-danger hr {
border-top-color: #e4b9c0; }
.w3l-products-page .alert-danger .alert-link {
color: #843534; }
.w3l-products-page .media {
margin-top: 20px; }
.w3l-products-page .media:first-child {
margin-top: 0; }
.w3l-products-page .media,
.w3l-products-page .media-body {
zoom: 1;
overflow: hidden; }
.w3l-products-page .media-object {
display: block; }
.w3l-products-page .media-object.img-thumbnail {
max-width: none; }
.w3l-products-page .media-right,
.w3l-products-page .media > .pull-right {
padding-left: 20px; }
.w3l-products-page .media-left,
.w3l-products-page .media > .pull-left {
padding-right: 20px; }
.w3l-products-page .media-left,
.w3l-products-page .media-right,
.w3l-products-page .media-body {
display: table-cell;
vertical-align: top; }
.w3l-products-page .media-middle {
vertical-align: middle; }
.w3l-products-page .media-bottom {
vertical-align: bottom; }
.w3l-products-page .media-heading {
margin-top: 0;
margin-bottom: 5px; }
.w3l-products-page .media-list {
padding-left: 0;
list-style: none; }
.w3l-products-page .list-group {
margin-bottom: 20px;
padding-left: 0; }
.w3l-products-page .list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd; }
.w3l-products-page .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
.w3l-products-page .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; }
.w3l-products-page a.list-group-item,
.w3l-products-page button.list-group-item {
color: #555; }
.w3l-products-page a.list-group-item .list-group-item-heading,
.w3l-products-page button.list-group-item .list-group-item-heading {
color: #333; }
.w3l-products-page a.list-group-item:hover,
.w3l-products-page a.list-group-item:focus,
.w3l-products-page button.list-group-item:hover,
.w3l-products-page button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5; }
.w3l-products-page button.list-group-item {
width: 100%;
text-align: left; }
.w3l-products-page .list-group-item.disabled,
.w3l-products-page .list-group-item.disabled:hover,
.w3l-products-page .list-group-item.disabled:focus {
background-color: #fff;
color: #aaa;
cursor: not-allowed; }
.w3l-products-page .list-group-item.disabled .list-group-item-heading,
.w3l-products-page .list-group-item.disabled:hover .list-group-item-heading,
.w3l-products-page .list-group-item.disabled:focus .list-group-item-heading {
color: inherit; }
.w3l-products-page .list-group-item.disabled .list-group-item-text,
.w3l-products-page .list-group-item.disabled:hover .list-group-item-text,
.w3l-products-page .list-group-item.disabled:focus .list-group-item-text {
color: #aaa; }
.w3l-products-page .list-group-item.active,
.w3l-products-page .list-group-item.active:hover,
.w3l-products-page .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #121212;
border-color: #121212; }
.w3l-products-page .list-group-item.active .list-group-item-heading,
.w3l-products-page .list-group-item.active .list-group-item-heading > small,
.w3l-products-page .list-group-item.active .list-group-item-heading > .small,
.w3l-products-page .list-group-item.active:hover .list-group-item-heading,
.w3l-products-page .list-group-item.active:hover .list-group-item-heading > small,
.w3l-products-page .list-group-item.active:hover .list-group-item-heading > .small,
.w3l-products-page .list-group-item.active:focus .list-group-item-heading,
.w3l-products-page .list-group-item.active:focus .list-group-item-heading > small,
.w3l-products-page .list-group-item.active:focus .list-group-item-heading > .small {
color: inherit; }
.w3l-products-page .list-group-item.active .list-group-item-text,
.w3l-products-page .list-group-item.active:hover .list-group-item-text,
.w3l-products-page .list-group-item.active:focus .list-group-item-text {
color: #787878; }
.w3l-products-page .list-group-item-success {
color: #3c763d;
background-color: #dff0d8; }
.w3l-products-page a.list-group-item-success,
.w3l-products-page button.list-group-item-success {
color: #3c763d; }
.w3l-products-page a.list-group-item-success .list-group-item-heading,
.w3l-products-page button.list-group-item-success .list-group-item-heading {
color: inherit; }
.w3l-products-page a.list-group-item-success:hover,
.w3l-products-page a.list-group-item-success:focus,
.w3l-products-page button.list-group-item-success:hover,
.w3l-products-page button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6; }
.w3l-products-page a.list-group-item-success.active,
.w3l-products-page a.list-group-item-success.active:hover,
.w3l-products-page a.list-group-item-success.active:focus,
.w3l-products-page button.list-group-item-success.active,
.w3l-products-page button.list-group-item-success.active:hover,
.w3l-products-page button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d; }
.w3l-products-page .list-group-item-info {
color: #31708f;
background-color: #d9edf7; }
.w3l-products-page a.list-group-item-info,
.w3l-products-page button.list-group-item-info {
color: #31708f; }
.w3l-products-page a.list-group-item-info .list-group-item-heading,
.w3l-products-page button.list-group-item-info .list-group-item-heading {
color: inherit; }
.w3l-products-page a.list-group-item-info:hover,
.w3l-products-page a.list-group-item-info:focus,
.w3l-products-page button.list-group-item-info:hover,
.w3l-products-page button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3; }
.w3l-products-page a.list-group-item-info.active,
.w3l-products-page a.list-group-item-info.active:hover,
.w3l-products-page a.list-group-item-info.active:focus,
.w3l-products-page button.list-group-item-info.active,
.w3l-products-page button.list-group-item-info.active:hover,
.w3l-products-page button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f; }
.w3l-products-page .list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3; }
.w3l-products-page a.list-group-item-warning,
.w3l-products-page button.list-group-item-warning {
color: #8a6d3b; }
.w3l-products-page a.list-group-item-warning .list-group-item-heading,
.w3l-products-page button.list-group-item-warning .list-group-item-heading {
color: inherit; }
.w3l-products-page a.list-group-item-warning:hover,
.w3l-products-page a.list-group-item-warning:focus,
.w3l-products-page button.list-group-item-warning:hover,
.w3l-products-page button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc; }
.w3l-products-page a.list-group-item-warning.active,
.w3l-products-page a.list-group-item-warning.active:hover,
.w3l-products-page a.list-group-item-warning.active:focus,
.w3l-products-page button.list-group-item-warning.active,
.w3l-products-page button.list-group-item-warning.active:hover,
.w3l-products-page button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b; }
.w3l-products-page .list-group-item-danger {
color: #a94442;
background-color: #f2dede; }
.w3l-products-page a.list-group-item-danger,
.w3l-products-page button.list-group-item-danger {
color: #a94442; }
.w3l-products-page a.list-group-item-danger .list-group-item-heading,
.w3l-products-page button.list-group-item-danger .list-group-item-heading {
color: inherit; }
.w3l-products-page a.list-group-item-danger:hover,
.w3l-products-page a.list-group-item-danger:focus,
.w3l-products-page button.list-group-item-danger:hover,
.w3l-products-page button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc; }
.w3l-products-page a.list-group-item-danger.active,
.w3l-products-page a.list-group-item-danger.active:hover,
.w3l-products-page a.list-group-item-danger.active:focus,
.w3l-products-page button.list-group-item-danger.active,
.w3l-products-page button.list-group-item-danger.active:hover,
.w3l-products-page button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442; }
.w3l-products-page .list-group-item-heading {
margin-top: 0;
margin-bottom: 5px; }
.w3l-products-page .list-group-item-text {
margin-bottom: 0;
line-height: 1.3; }
.w3l-products-page .panel {
margin-bottom: 21px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.w3l-products-page .panel-body {
padding: 15px; }
.w3l-products-page .panel-body:before,
.w3l-products-page .panel-body:after {
content: " ";
display: table; }
.w3l-products-page .panel-body:after {
clear: both; }
.w3l-products-page .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: -1px;
border-top-left-radius: -1px; }
.w3l-products-page .panel-heading > .dropdown .dropdown-toggle {
color: inherit; }
.w3l-products-page .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
color: inherit; }
.w3l-products-page .panel-title > a,
.w3l-products-page .panel-title > small,
.w3l-products-page .panel-title > .small,
.w3l-products-page .panel-title > small > a,
.w3l-products-page .panel-title > .small > a {
color: inherit; }
.w3l-products-page .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: -1px;
border-bottom-left-radius: -1px; }
.w3l-products-page .panel > .list-group,
.w3l-products-page .panel > .panel-collapse > .list-group {
margin-bottom: 0; }
.w3l-products-page .panel > .list-group .list-group-item,
.w3l-products-page .panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0; }
.w3l-products-page .panel > .list-group:first-child .list-group-item:first-child,
.w3l-products-page .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1px;
border-top-left-radius: -1px; }
.w3l-products-page .panel > .list-group:last-child .list-group-item:last-child,
.w3l-products-page .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1px;
border-bottom-left-radius: -1px; }
.w3l-products-page .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.w3l-products-page .panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0; }
.w3l-products-page .list-group + .panel-footer {
border-top-width: 0; }
.w3l-products-page .panel > .table,
.w3l-products-page .panel > .table-responsive > .table,
.w3l-products-page .panel > .panel-collapse > .table {
margin-bottom: 0; }
.w3l-products-page .panel > .table caption,
.w3l-products-page .panel > .table-responsive > .table caption,
.w3l-products-page .panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px; }
.w3l-products-page .panel > .table:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: -1px;
border-top-left-radius: -1px; }
.w3l-products-page .panel > .table:first-child > thead:first-child > tr:first-child,
.w3l-products-page .panel > .table:first-child > tbody:first-child > tr:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: -1px;
border-top-right-radius: -1px; }
.w3l-products-page .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.w3l-products-page .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.w3l-products-page .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.w3l-products-page .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: -1px; }
.w3l-products-page .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.w3l-products-page .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.w3l-products-page .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.w3l-products-page .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.w3l-products-page .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: -1px; }
.w3l-products-page .panel > .table:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: -1px;
border-bottom-left-radius: -1px; }
.w3l-products-page .panel > .table:last-child > tbody:last-child > tr:last-child,
.w3l-products-page .panel > .table:last-child > tfoot:last-child > tr:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: -1px;
border-bottom-right-radius: -1px; }
.w3l-products-page .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.w3l-products-page .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.w3l-products-page .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.w3l-products-page .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: -1px; }
.w3l-products-page .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.w3l-products-page .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.w3l-products-page .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.w3l-products-page .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.w3l-products-page .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: -1px; }
.w3l-products-page .panel > .panel-body + .table,
.w3l-products-page .panel > .panel-body + .table-responsive,
.w3l-products-page .panel > .table + .panel-body,
.w3l-products-page .panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd; }
.w3l-products-page .panel > .table > tbody:first-child > tr:first-child th,
.w3l-products-page .panel > .table > tbody:first-child > tr:first-child td {
border-top: 0; }
.w3l-products-page .panel > .table-bordered,
.w3l-products-page .panel > .table-responsive > .table-bordered {
border: 0; }
.w3l-products-page .panel > .table-bordered > thead > tr > th:first-child,
.w3l-products-page .panel > .table-bordered > thead > tr > td:first-child,
.w3l-products-page .panel > .table-bordered > tbody > tr > th:first-child,
.w3l-products-page .panel > .table-bordered > tbody > tr > td:first-child,
.w3l-products-page .panel > .table-bordered > tfoot > tr > th:first-child,
.w3l-products-page .panel > .table-bordered > tfoot > tr > td:first-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.w3l-products-page .panel > .table-bordered > thead > tr > th:last-child,
.w3l-products-page .panel > .table-bordered > thead > tr > td:last-child,
.w3l-products-page .panel > .table-bordered > tbody > tr > th:last-child,
.w3l-products-page .panel > .table-bordered > tbody > tr > td:last-child,
.w3l-products-page .panel > .table-bordered > tfoot > tr > th:last-child,
.w3l-products-page .panel > .table-bordered > tfoot > tr > td:last-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.w3l-products-page .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.w3l-products-page .panel > .table-bordered > thead > tr:first-child > td,
.w3l-products-page .panel > .table-bordered > thead > tr:first-child > th,
.w3l-products-page .panel > .table-bordered > tbody > tr:first-child > td,
.w3l-products-page .panel > .table-bordered > tbody > tr:first-child > th,
.w3l-products-page .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.w3l-products-page .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0; }
.w3l-products-page .panel > .table-bordered > tbody > tr:last-child > td,
.w3l-products-page .panel > .table-bordered > tbody > tr:last-child > th,
.w3l-products-page .panel > .table-bordered > tfoot > tr:last-child > td,
.w3l-products-page .panel > .table-bordered > tfoot > tr:last-child > th,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.w3l-products-page .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.w3l-products-page .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.w3l-products-page .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0; }
.w3l-products-page .panel > .table-responsive {
border: 0;
margin-bottom: 0; }
.w3l-products-page .panel-group {
margin-bottom: 21px; }
.w3l-products-page .panel-group .panel {
margin-bottom: 0;
border-radius: 0px; }
.w3l-products-page .panel-group .panel + .panel {
margin-top: 5px; }
.w3l-products-page .panel-group .panel-heading {
border-bottom: 0; }
.w3l-products-page .panel-group .panel-heading + .panel-collapse > .panel-body,
.w3l-products-page .panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd; }
.w3l-products-page .panel-group .panel-footer {
border-top: 0; }
.w3l-products-page .panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd; }
.w3l-products-page .panel-default {
border-color: #ddd; }
.w3l-products-page .panel-default > .panel-heading {
color: #666;
background-color: #f5f5f5;
border-color: #ddd; }
.w3l-products-page .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd; }
.w3l-products-page .panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #666; }
.w3l-products-page .panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd; }
.w3l-products-page .panel-primary {
border-color: #121212; }
.w3l-products-page .panel-primary > .panel-heading {
color: #fff;
background-color: #121212;
border-color: #121212; }
.w3l-products-page .panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #121212; }
.w3l-products-page .panel-primary > .panel-heading .badge {
color: #121212;
background-color: #fff; }
.w3l-products-page .panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #121212; }
.w3l-products-page .panel-success {
border-color: #d6e9c6; }
.w3l-products-page .panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6; }
.w3l-products-page .panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6; }
.w3l-products-page .panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d; }
.w3l-products-page .panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6; }
.w3l-products-page .panel-info {
border-color: #bce8f1; }
.w3l-products-page .panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; }
.w3l-products-page .panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1; }
.w3l-products-page .panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f; }
.w3l-products-page .panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1; }
.w3l-products-page .panel-warning {
border-color: #faebcc; }
.w3l-products-page .panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc; }
.w3l-products-page .panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc; }
.w3l-products-page .panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b; }
.w3l-products-page .panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc; }
.w3l-products-page .panel-danger {
border-color: #ebccd1; }
.w3l-products-page .panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1; }
.w3l-products-page .panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1; }
.w3l-products-page .panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442; }
.w3l-products-page .panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1; }
.w3l-products-page .embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.w3l-products-page .embed-responsive .embed-responsive-item,
.w3l-products-page .embed-responsive iframe,
.w3l-products-page .embed-responsive embed,
.w3l-products-page .embed-responsive object,
.w3l-products-page .embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0; }
.w3l-products-page .embed-responsive-16by9 {
padding-bottom: 56.25%; }
.w3l-products-page .embed-responsive-4by3 {
padding-bottom: 75%; }
.w3l-products-page .close {
float: right;
font-size: 22.5px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff; }
.w3l-products-page .close:hover,
.w3l-products-page .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
.w3l-products-page button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.w3l-products-page .modal-open {
overflow: hidden; }
.w3l-products-page .modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0; }
.w3l-products-page .modal.fade .modal-dialog {
transform: translate(0, -25%);
transition: transform 0.3s ease-out; }
.w3l-products-page .modal.in .modal-dialog {
transform: translate(0, 0); }
.w3l-products-page .modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.w3l-products-page .modal-dialog {
position: relative;
width: auto;
margin: 10px; }
.w3l-products-page .modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0; }
.w3l-products-page .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.w3l-products-page .modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.w3l-products-page .modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50); }
.w3l-products-page .modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5; }
.w3l-products-page .modal-header:before,
.w3l-products-page .modal-header:after {
content: " ";
display: table; }
.w3l-products-page .modal-header:after {
clear: both; }
.w3l-products-page .modal-header .close {
margin-top: -2px; }
.w3l-products-page .modal-title {
margin: 0;
line-height: 1.42857; }
.w3l-products-page .modal-body {
position: relative;
padding: 15px; }
.w3l-products-page .modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.w3l-products-page .modal-footer:before,
.w3l-products-page .modal-footer:after {
content: " ";
display: table; }
.w3l-products-page .modal-footer:after {
clear: both; }
.w3l-products-page .modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; }
.w3l-products-page .modal-footer .btn-group .btn + .btn {
margin-left: -1px; }
.w3l-products-page .modal-footer .btn-block + .btn-block {
margin-left: 0; }
.w3l-products-page .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 768px) {
.w3l-products-page .modal-dialog {
width: 600px;
margin: 30px auto; }
.w3l-products-page .modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.w3l-products-page .modal-sm {
width: 300px; } }
@media (min-width: 992px) {
.w3l-products-page .modal-lg {
width: 900px; } }
.w3l-products-page .tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: Poppins, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 13px;
opacity: 0;
filter: alpha(opacity=0); }
.w3l-products-page .tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90); }
.w3l-products-page .tooltip.top {
margin-top: -3px;
padding: 5px 0; }
.w3l-products-page .tooltip.right {
margin-left: 3px;
padding: 0 5px; }
.w3l-products-page .tooltip.bottom {
margin-top: 3px;
padding: 5px 0; }
.w3l-products-page .tooltip.left {
margin-left: -3px;
padding: 0 5px; }
.w3l-products-page .tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0px; }
.w3l-products-page .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.w3l-products-page .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.w3l-products-page .tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.w3l-products-page .tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
.w3l-products-page .tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000; }
.w3l-products-page .tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; }
.w3l-products-page .tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.w3l-products-page .tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.w3l-products-page .tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.w3l-products-page .popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: Poppins, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 15px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.w3l-products-page .popover.top {
margin-top: -10px; }
.w3l-products-page .popover.right {
margin-left: 10px; }
.w3l-products-page .popover.bottom {
margin-top: 10px; }
.w3l-products-page .popover.left {
margin-left: -10px; }
.w3l-products-page .popover-title {
margin: 0;
padding: 8px 14px;
font-size: 15px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0; }
.w3l-products-page .popover-content {
padding: 9px 14px; }
.w3l-products-page .popover > .arrow,
.w3l-products-page .popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.w3l-products-page .popover > .arrow {
border-width: 11px; }
.w3l-products-page .popover > .arrow:after {
border-width: 10px;
content: ""; }
.w3l-products-page .popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px; }
.w3l-products-page .popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff; }
.w3l-products-page .popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25); }
.w3l-products-page .popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff; }
.w3l-products-page .popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px; }
.w3l-products-page .popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff; }
.w3l-products-page .popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25); }
.w3l-products-page .popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px; }
.w3l-products-page .carousel {
position: relative; }
.w3l-products-page .carousel-inner {
position: relative;
overflow: hidden;
width: 100%; }
.w3l-products-page .carousel-inner > .item {
display: none;
position: relative;
transition: 0.6s ease-in-out left; }
.w3l-products-page .carousel-inner > .item > img,
.w3l-products-page .carousel-inner > .item > a > img {
display: inline-block;
max-width: 100%;
height: auto;
line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
.w3l-products-page .carousel-inner > .item {
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px; }
.w3l-products-page .carousel-inner > .item.next,
.w3l-products-page .carousel-inner > .item.active.right {
transform: translate3d(100%, 0, 0);
left: 0; }
.w3l-products-page .carousel-inner > .item.prev,
.w3l-products-page .carousel-inner > .item.active.left {
transform: translate3d(-100%, 0, 0);
left: 0; }
.w3l-products-page .carousel-inner > .item.next.left,
.w3l-products-page .carousel-inner > .item.prev.right,
.w3l-products-page .carousel-inner > .item.active {
transform: translate3d(0, 0, 0);
left: 0; } }
.w3l-products-page .carousel-inner > .active,
.w3l-products-page .carousel-inner > .next,
.w3l-products-page .carousel-inner > .prev {
display: block; }
.w3l-products-page .carousel-inner > .active {
left: 0; }
.w3l-products-page .carousel-inner > .next,
.w3l-products-page .carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%; }
.w3l-products-page .carousel-inner > .next {
left: 100%; }
.w3l-products-page .carousel-inner > .prev {
left: -100%; }
.w3l-products-page .carousel-inner > .next.left,
.w3l-products-page .carousel-inner > .prev.right {
left: 0; }
.w3l-products-page .carousel-inner > .active.left {
left: -100%; }
.w3l-products-page .carousel-inner > .active.right {
left: 100%; }
.w3l-products-page .carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0); }
.w3l-products-page .carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.w3l-products-page .carousel-control.right {
left: auto;
right: 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.w3l-products-page .carousel-control:hover,
.w3l-products-page .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90); }
.w3l-products-page .carousel-control .icon-prev,
.w3l-products-page .carousel-control .icon-next,
.w3l-products-page .carousel-control .glyphicon-chevron-left,
.w3l-products-page .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block; }
.w3l-products-page .carousel-control .icon-prev,
.w3l-products-page .carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px; }
.w3l-products-page .carousel-control .icon-next,
.w3l-products-page .carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px; }
.w3l-products-page .carousel-control .icon-prev,
.w3l-products-page .carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif; }
.w3l-products-page .carousel-control .icon-prev:before {
content: '\2039'; }
.w3l-products-page .carousel-control .icon-next:before {
content: '\203a'; }
.w3l-products-page .carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center; }
.w3l-products-page .carousel-indicators lspan.fa {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0); }
.w3l-products-page .carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff; }
.w3l-products-page .carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.w3l-products-page .carousel-caption .btn {
text-shadow: none; }
@media screen and (min-width: 768px) {
.w3l-products-page .carousel-control .glyphicon-chevron-left,
.w3l-products-page .carousel-control .glyphicon-chevron-right,
.w3l-products-page .carousel-control .icon-prev,
.w3l-products-page .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px; }
.w3l-products-page .carousel-control .glyphicon-chevron-left,
.w3l-products-page .carousel-control .icon-prev {
margin-left: -10px; }
.w3l-products-page .carousel-control .glyphicon-chevron-right,
.w3l-products-page .carousel-control .icon-next {
margin-right: -10px; }
.w3l-products-page .carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px; }
.w3l-products-page .carousel-indicators {
bottom: 20px; } }
.w3l-products-page .clearfix:before,
.w3l-products-page .clearfix:after {
content: " ";
display: table; }
.w3l-products-page .clearfix:after {
clear: both; }
.w3l-products-page .center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.w3l-products-page .pull-right {
float: right !important; }
.w3l-products-page .pull-left {
float: left !important; }
.w3l-products-page .hide {
display: none !important; }
.w3l-products-page .show {
display: block !important; }
.w3l-products-page .invisible {
visibility: hidden; }
.w3l-products-page .text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.w3l-products-page .hidden {
display: none !important; }
.w3l-products-page .affix {
position: fixed; }
.w3l-products-page .visible-xs {
display: none !important; }
.w3l-products-page .visible-sm {
display: none !important; }
.w3l-products-page .visible-md {
display: none !important; }
.w3l-products-page .visible-lg {
display: none !important; }
.w3l-products-page .visible-xs-block,
.w3l-products-page .visible-xs-inline,
.w3l-products-page .visible-xs-inline-block,
.w3l-products-page .visible-sm-block,
.w3l-products-page .visible-sm-inline,
.w3l-products-page .visible-sm-inline-block,
.w3l-products-page .visible-md-block,
.w3l-products-page .visible-md-inline,
.w3l-products-page .visible-md-inline-block,
.w3l-products-page .visible-lg-block,
.w3l-products-page .visible-lg-inline,
.w3l-products-page .visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.w3l-products-page .visible-xs {
display: block !important; }
.w3l-products-page table.visible-xs {
display: table !important; }
.w3l-products-page tr.visible-xs {
display: table-row !important; }
.w3l-products-page th.visible-xs,
.w3l-products-page td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.w3l-products-page .visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.w3l-products-page .visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.w3l-products-page .visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.w3l-products-page .visible-sm {
display: block !important; }
.w3l-products-page table.visible-sm {
display: table !important; }
.w3l-products-page tr.visible-sm {
display: table-row !important; }
.w3l-products-page th.visible-sm,
.w3l-products-page td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.w3l-products-page .visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.w3l-products-page .visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.w3l-products-page .visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.w3l-products-page .visible-md {
display: block !important; }
.w3l-products-page table.visible-md {
display: table !important; }
.w3l-products-page tr.visible-md {
display: table-row !important; }
.w3l-products-page th.visible-md,
.w3l-products-page td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.w3l-products-page .visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.w3l-products-page .visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.w3l-products-page .visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.w3l-products-page .visible-lg {
display: block !important; }
.w3l-products-page table.visible-lg {
display: table !important; }
.w3l-products-page tr.visible-lg {
display: table-row !important; }
.w3l-products-page th.visible-lg,
.w3l-products-page td.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.w3l-products-page .visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.w3l-products-page .visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.w3l-products-page .visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.w3l-products-page .hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.w3l-products-page .hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.w3l-products-page .hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.w3l-products-page .hidden-lg {
display: none !important; } }
.w3l-products-page .visible-print {
display: none !important; }
@media print {
.w3l-products-page .visible-print {
display: block !important; }
.w3l-products-page table.visible-print {
display: table !important; }
.w3l-products-page tr.visible-print {
display: table-row !important; }
.w3l-products-page th.visible-print,
.w3l-products-page td.visible-print {
display: table-cell !important; } }
.w3l-products-page .visible-print-block {
display: none !important; }
@media print {
.w3l-products-page .visible-print-block {
display: block !important; } }
.w3l-products-page .visible-print-inline {
display: none !important; }
@media print {
.w3l-products-page .visible-print-inline {
display: inline !important; } }
.w3l-products-page .visible-print-inline-block {
display: none !important; }
@media print {
.w3l-products-page .visible-print-inline-block {
display: inline-block !important; } }
@media print {
.w3l-products-page .hidden-print {
display: none !important; } }
.w3l-products-page .fancybox-wrap,
.w3l-products-page .fancybox-skin,
.w3l-products-page .fancybox-outer,
.w3l-products-page .fancybox-inner,
.w3l-products-page .fancybox-image,
.w3l-products-page .fancybox-wrap iframe,
.w3l-products-page .fancybox-wrap object,
.w3l-products-page .fancybox-nav,
.w3l-products-page .fancybox-nav span,
.w3l-products-page .fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top; }
.w3l-products-page .fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020; }
.w3l-products-page .fancybox-skin {
position: relative;
background: transparent;
color: #444;
text-shadow: none; }
.w3l-products-page .fancybox-opened {
z-index: 8030; }
.w3l-products-page .fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.w3l-products-page .fancybox-outer,
.w3l-products-page .fancybox-inner {
position: relative; }
.w3l-products-page .fancybox-inner {
overflow: hidden; }
.w3l-products-page .fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch; }
.w3l-products-page .fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap; }
.w3l-products-page .fancybox-image,
.w3l-products-page .fancybox-iframe {
display: block;
width: 100%;
height: 100%; }
.w3l-products-page .fancybox-image {
max-width: 100%;
max-height: 100%; }
.w3l-products-page #fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
opacity: 0.9;
cursor: pointer;
z-index: 8060; }
.w3l-products-page #fancybox-loading div {
width: 50px;
height: 50px;
background: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350) center center no-repeat; }
.w3l-products-page .fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 32px;
height: 32px;
cursor: pointer;
z-index: 8040;
background: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/wpbClosea5f7.png?6250277391899673350) center center no-repeat;
background-color: white;
border-radius: 50%; }
.w3l-products-page .fancybox-nav {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
cursor: pointer;
text-decoration: none;
z-index: 8040; }
.w3l-products-page .fancybox-prev {
left: 10px; }
.w3l-products-page .fancybox-next {
right: 10px; }
.w3l-products-page .fancybox-nav span:before {
content: "";
font-family: 'FontAwesome';
font-size: 30px;
display: block;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px; }
.w3l-products-page .fancybox-prev span:before {
content: "\f104"; }
.w3l-products-page .fancybox-next span:before {
content: "\f105"; }
.w3l-products-page .fancybox-nav:hover span {
visibility: visible; }
.w3l-products-page .fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important; }
.w3l-products-page .fancybox-lock {
overflow: hidden !important;
width: auto; }
.w3l-products-page .fancybox-lock body {
overflow: hidden !important; }
.w3l-products-page .fancybox-lock-test {
overflow-y: hidden !important; }
.w3l-products-page .fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0, 0, 0, 0.78); }
.w3l-products-page .fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0; }
.w3l-products-page .fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll; }
@media (max-width: 768px) {
.w3l-products-page .fancybox-lock .fancybox-overlay {
display: none !important; } }
.w3l-products-page .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050; }
.w3l-products-page .fancybox-opened .fancybox-title {
visibility: visible; }
.w3l-products-page .fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center; }
.w3l-products-page .fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap; }
.w3l-products-page .fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff; }
.w3l-products-page .fancybox-title-inside-wrap {
padding-top: 10px; }
.w3l-products-page .fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8); }
.w3l-products-page .owl-carousel,
.w3l-products-page .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative; }
.w3l-products-page .owl-carousel {
display: none;
width: 100%;
z-index: 1; }
.w3l-products-page .owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden; }
.w3l-products-page .owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.w3l-products-page .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.w3l-products-page .owl-carousel .owl-item,
.w3l-products-page .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.w3l-products-page .owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.w3l-products-page .owl-carousel .owl-dots.disabled,
.w3l-products-page .owl-carousel .owl-nav.disabled {
display: none; }
.w3l-products-page .no-js .owl-carousel,
.w3l-products-page .owl-carousel.owl-loaded {
display: block; }
.w3l-products-page .owl-carousel .owl-dot,
.w3l-products-page .owl-carousel .owl-nav .owl-next,
.w3l-products-page .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.w3l-products-page .owl-carousel.owl-loading {
opacity: 0;
display: block; }
.w3l-products-page .owl-carousel.owl-hidden {
opacity: 0; }
.w3l-products-page .owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.w3l-products-page .owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.w3l-products-page .owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab; }
.w3l-products-page .owl-carousel.owl-rtl {
direction: rtl; }
.w3l-products-page .owl-carousel.owl-rtl .owl-item {
float: right; }
.w3l-products-page .owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.w3l-products-page .owl-carousel .owl-animated-in {
z-index: 0; }
.w3l-products-page .owl-carousel .owl-animated-out {
z-index: 1; }
.w3l-products-page .owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.w3l-products-page .owl-height {
transition: height .5s ease-in-out; }
.w3l-products-page .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.w3l-products-page .owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.w3l-products-page .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.w3l-products-page .owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/owl.video.playa5f7.png?6250277391899673350) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.w3l-products-page .owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3); }
.w3l-products-page .owl-carousel .owl-video-playing .owl-video-play-icon,
.w3l-products-page .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.w3l-products-page .owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.w3l-products-page .owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.w3l-products-page .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.w3l-products-page .animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.w3l-products-page .animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%,
43% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
0%,
20%,
53%,
80%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0); }
40%,
43% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0); }
70% {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0); }
90% {
transform: translate3d(0, -4px, 0); } }
.w3l-products-page .bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
transform-origin: center bottom; }
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1; }
25%,
75% {
opacity: 0; } }
@keyframes flash {
0%,
50%,
100% {
opacity: 1; }
25%,
75% {
opacity: 0; } }
.w3l-products-page .flash {
-webkit-animation-name: flash;
animation-name: flash; }
@-webkit-keyframes pulse {
0% {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
100% {
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
0% {
transform: scale3d(1, 1, 1); }
50% {
transform: scale3d(1.05, 1.05, 1.05); }
100% {
transform: scale3d(1, 1, 1); } }
.w3l-products-page .pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
0% {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
100% {
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
0% {
transform: scale3d(1, 1, 1); }
30% {
transform: scale3d(1.25, 0.75, 1); }
40% {
transform: scale3d(0.75, 1.25, 1); }
50% {
transform: scale3d(1.15, 0.85, 1); }
65% {
transform: scale3d(0.95, 1.05, 1); }
75% {
transform: scale3d(1.05, 0.95, 1); }
100% {
transform: scale3d(1, 1, 1); } }
.w3l-products-page .rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
0%,
100% {
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
0%,
100% {
transform: translate3d(0, 0, 0); }
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0); }
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0); } }
.w3l-products-page .shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
100% {
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg); }
40% {
transform: rotate3d(0, 0, 1, -10deg); }
60% {
transform: rotate3d(0, 0, 1, 5deg); }
80% {
transform: rotate3d(0, 0, 1, -5deg); }
100% {
transform: rotate3d(0, 0, 1, 0deg); } }
.w3l-products-page .swing {
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
0% {
transform: scale3d(1, 1, 1); }
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% {
transform: scale3d(1, 1, 1); } }
@keyframes tada {
0% {
transform: scale3d(1, 1, 1); }
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
100% {
transform: scale3d(1, 1, 1); } }
.w3l-products-page .tada {
-webkit-animation-name: tada;
animation-name: tada; }
@-webkit-keyframes wobble {
0% {
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% {
transform: none; } }
@keyframes wobble {
0% {
transform: none; }
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
100% {
transform: none; } }
.w3l-products-page .wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
20% {
transform: scale3d(1.1, 1.1, 1.1); }
40% {
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03); }
80% {
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
transform: scale3d(1, 1, 1); } }
.w3l-products-page .bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
100% {
transform: none; } }
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, 25px, 0); }
75% {
transform: translate3d(0, -10px, 0); }
90% {
transform: translate3d(0, 5px, 0); }
100% {
transform: none; } }
.w3l-products-page .bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
100% {
transform: none; } }
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(25px, 0, 0); }
75% {
transform: translate3d(-10px, 0, 0); }
90% {
transform: translate3d(5px, 0, 0); }
100% {
transform: none; } }
.w3l-products-page .bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
100% {
transform: none; } }
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0); }
75% {
transform: translate3d(10px, 0, 0); }
90% {
transform: translate3d(-5px, 0, 0); }
100% {
transform: none; } }
.w3l-products-page .bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
100% {
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
75% {
transform: translate3d(0, 10px, 0); }
90% {
transform: translate3d(0, -5px, 0); }
100% {
transform: translate3d(0, 0, 0); } }
.w3l-products-page .bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9); }
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); } }
.w3l-products-page .bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.w3l-products-page .bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.w3l-products-page .bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.w3l-products-page .bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0); }
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.w3l-products-page .bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.w3l-products-page .fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
transform: none; } }
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.w3l-products-page .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, 100%, 0); } }
.w3l-products-page .fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0); } }
.w3l-products-page .fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(-100%, 0, 0); } }
.w3l-products-page .fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0); } }
.w3l-products-page .fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(100%, 0, 0); } }
.w3l-products-page .fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0); } }
.w3l-products-page .fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, -100%, 0); } }
.w3l-products-page .fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0); } }
.w3l-products-page .fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.w3l-products-page .animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
transform: perspective(400px); } }
@keyframes flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
transform: perspective(400px); } }
.w3l-products-page .flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transition-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
transform: perspective(400px); } }
@keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0; }
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transition-timing-function: ease-in; }
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
transform: perspective(400px); } }
.w3l-products-page .flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
0% {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
0% {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.w3l-products-page .flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
0% {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
0% {
transform: perspective(400px); }
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.w3l-products-page .flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg);
opacity: 1; }
100% {
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
transform: skewX(20deg);
opacity: 1; }
80% {
transform: skewX(-5deg);
opacity: 1; }
100% {
transform: none;
opacity: 1; } }
.w3l-products-page .lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.w3l-products-page .lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
transform-origin: center;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
transform-origin: center;
transform: none;
opacity: 1; } }
.w3l-products-page .rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.w3l-products-page .rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.w3l-products-page .rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
transform-origin: left bottom;
transform: none;
opacity: 1; } }
.w3l-products-page .rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
transform-origin: right bottom;
transform: none;
opacity: 1; } }
.w3l-products-page .rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1; }
100% {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1; }
100% {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.w3l-products-page .rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1; }
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1; }
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.w3l-products-page .rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1; }
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1; }
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.w3l-products-page .rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1; }
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1; }
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.w3l-products-page .rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1; }
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1; }
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.w3l-products-page .rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.w3l-products-page .hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
@-webkit-keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% {
opacity: 1;
transform: none; } }
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% {
opacity: 1;
transform: none; } }
.w3l-products-page .rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
@-webkit-keyframes rollOut {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
0% {
opacity: 1; }
100% {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.w3l-products-page .rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.w3l-products-page .zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.w3l-products-page .zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.w3l-products-page .zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.w3l-products-page .zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.w3l-products-page .zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
.w3l-products-page .zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.w3l-products-page .zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center; } }
.w3l-products-page .zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center; } }
.w3l-products-page .zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.w3l-products-page .zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
0% {
transform: translateY(-100%);
visibility: visible; }
100% {
transform: translateY(0); } }
@keyframes slideInDown {
0% {
transform: translateY(-100%);
visibility: visible; }
100% {
transform: translateY(0); } }
.w3l-products-page .slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
0% {
transform: translateX(-100%);
visibility: visible; }
100% {
transform: translateX(0); } }
@keyframes slideInLeft {
0% {
transform: translateX(-100%);
visibility: visible; }
100% {
transform: translateX(0); } }
.w3l-products-page .slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
0% {
transform: translateX(100%);
visibility: visible; }
100% {
transform: translateX(0); } }
@keyframes slideInRight {
0% {
transform: translateX(100%);
visibility: visible; }
100% {
transform: translateX(0); } }
.w3l-products-page .slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
0% {
transform: translateY(100%);
visibility: visible; }
100% {
transform: translateY(0); } }
@keyframes slideInUp {
0% {
transform: translateY(100%);
visibility: visible; }
100% {
transform: translateY(0); } }
.w3l-products-page .slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
0% {
transform: translateY(0); }
100% {
visibility: hidden;
transform: translateY(100%); } }
@keyframes slideOutDown {
0% {
transform: translateY(0); }
100% {
visibility: hidden;
transform: translateY(100%); } }
.w3l-products-page .slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
0% {
transform: translateX(0); }
100% {
visibility: hidden;
transform: translateX(-100%); } }
@keyframes slideOutLeft {
0% {
transform: translateX(0); }
100% {
visibility: hidden;
transform: translateX(-100%); } }
.w3l-products-page .slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
0% {
transform: translateX(0); }
100% {
visibility: hidden;
transform: translateX(100%); } }
@keyframes slideOutRight {
0% {
transform: translateX(0); }
100% {
visibility: hidden;
transform: translateX(100%); } }
.w3l-products-page .slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
0% {
transform: translateY(0); }
100% {
visibility: hidden;
transform: translateY(-100%); } }
@keyframes slideOutUp {
0% {
transform: translateY(0); }
100% {
visibility: hidden;
transform: translateY(-100%); } }
.w3l-products-page .slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
.w3l-products-page .irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.w3l-products-page .irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important; }
.w3l-products-page .irs-line-left,
.w3l-products-page .irs-line-mid,
.w3l-products-page .irs-line-right {
position: absolute;
display: block;
top: 0; }
.w3l-products-page .irs-line-left {
left: 0;
width: 11%; }
.w3l-products-page .irs-line-mid {
left: 9%;
width: 82%; }
.w3l-products-page .irs-line-right {
right: 0;
width: 11%; }
.w3l-products-page .irs-bar {
position: absolute;
display: block;
left: 0;
width: 0; }
.w3l-products-page .irs-bar-edge {
position: absolute;
display: block;
top: 0;
left: 0; }
.w3l-products-page .irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0; }
.w3l-products-page .irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1; }
.w3l-products-page .irs-slider.type_last {
z-index: 2; }
.w3l-products-page .irs-min {
position: absolute;
display: block;
left: 0;
cursor: default; }
.w3l-products-page .irs-max {
position: absolute;
display: block;
right: 0;
cursor: default; }
.w3l-products-page .irs-from,
.w3l-products-page .irs-to,
.w3l-products-page .irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap; }
.w3l-products-page .irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px; }
.w3l-products-page .irs-with-grid .irs-grid {
display: none; }
.w3l-products-page .irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000; }
.w3l-products-page .irs-grid-pol.small {
height: 4px; }
.w3l-products-page .irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000; }
.w3l-products-page .irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2; }
.w3l-products-page .irs-disabled {
opacity: .4; }
.w3l-products-page .lt-ie9 .irs-disabled {
filter: alpha(opacity=40); }
.w3l-products-page .irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important; }
.w3l-products-page .irs-line-mid,
.w3l-products-page .irs-line-left,
.w3l-products-page .irs-line-right,
.w3l-products-page .irs-bar,
.w3l-products-page .irs-bar-edge,
.w3l-products-page .irs-slider {
background: url(sprite-skin-flat.html) repeat-x; }
.w3l-products-page .irs {
height: 40px; }
.w3l-products-page .irs-with-grid {
height: 60px; }
.w3l-products-page .irs-line {
height: 6px;
top: 25px; }
.w3l-products-page .irs-line-left {
height: 5px; }
.w3l-products-page .irs-line-mid {
height: 5px;
background-position: 0 0; }
.w3l-products-page .irs-line-right {
height: 5px; }
.w3l-products-page .irs-bar {
height: 6px;
top: 25px;
background-position: 0 -60px; }
.w3l-products-page .irs-bar-edge {
top: 25px;
height: 6px;
width: 9px;
background-position: 0 -90px; }
.w3l-products-page .irs-shadow {
height: 3px;
top: 34px;
background: #000;
opacity: .25; }
.w3l-products-page .lt-ie9 .irs-shadow {
filter: alpha(opacity=25); }
.w3l-products-page .irs-slider {
width: 18px;
height: 18px;
top: 20px;
background-position: 0 -120px; }
.w3l-products-page .irs-slider.state_hover,
.w3l-products-page .irs-slider:hover {
background-position: 0 -150px; }
.w3l-products-page .irs-min,
.w3l-products-page .irs-max {
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 3px;
background: #e1e4e9;
border-radius: 4px; }
.w3l-products-page .irs-from,
.w3l-products-page .irs-to,
.w3l-products-page .irs-single {
color: #fff;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
border-radius: 4px;
background: #121212; }
.w3l-products-page .irs-from:after,
.w3l-products-page .irs-to:after,
.w3l-products-page .irs-single:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #121212; }
.w3l-products-page .irs-grid-pol {
background: #e1e4e9; }
.w3l-products-page .irs-grid-text {
color: #999; }
.w3l-products-page .filterPrice {
margin-top: 30px; }
.w3l-products-page .filterPrice .irs-slider {
background: #121212;
border-radius: 50%;
width: 14px;
height: 14px; }
.w3l-products-page .filterPrice .irs-slider:before {
width: 8px;
height: 8px;
border-radius: 50%;
content: "";
position: absolute;
top: 3px;
right: 3px;
background-color: #fff; }
.w3l-products-page .filterPrice .irs-bar {
background: #121212; }
.w3l-products-page .btnFilterPrice {
background-color: #fff;
padding: 5px 25px;
color: #121212;
font-size: 15px;
text-transform: uppercase;
border: 2px solid #121212;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .btnFilterPrice:hover {
background-color: #121212;
color: #fff; }
.w3l-products-page .nopadding {
padding-left: 0;
padding-right: 0; }
.w3l-products-page .nomargin {
margin-left: 0;
margin-right: 0; }
.w3l-products-page .bg_primary {
background-color: #121212; }
.w3l-products-page .bg_success {
background-color: #5cb85c; }
.w3l-products-page .bg_info {
background-color: #5bc0de; }
.w3l-products-page .bg_warning {
background-color: #f0ad4e; }
.w3l-products-page .bg_danger {
background-color: #f0ad4e; }
.w3l-products-page .wpbBlock {
padding-bottom: 30px; }
.w3l-products-page .borderStyle {
height: 0;
display: block; }
.w3l-products-page .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.w3l-products-page .slick-slider .slick-track,
.w3l-products-page .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0); }
.w3l-products-page .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.w3l-products-page .slick-list:focus {
outline: none; }
.w3l-products-page .slick-list.dragging {
cursor: pointer;
cursor: hand; }
.w3l-products-page .slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.w3l-products-page .slick-track:before,
.w3l-products-page .slick-track:after {
content: "";
display: table; }
.w3l-products-page .slick-track:after {
clear: both; }
.w3l-products-page .slick-loading .slick-track {
visibility: hidden; }
.w3l-products-page .slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
.w3l-products-page [dir="rtl"] .slick-slide {
float: right; }
.w3l-products-page .slick-slide.slick-loading img {
display: none; }
.w3l-products-page .slick-slide.dragging img {
pointer-events: none; }
.w3l-products-page .slick-initialized .slick-slide {
display: block; }
.w3l-products-page .slick-loading .slick-slide {
visibility: hidden; }
.w3l-products-page .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.w3l-products-page .slick-slide:hover .slick-next {
right: 15px; }
.w3l-products-page .slick-slide:hover .slick-prev {
left: 15px; }
.w3l-products-page .slick-arrow.slick-hidden {
display: none; }
.w3l-products-page .slick-loading .slick-list {
background: #fff url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350) center center no-repeat; }
.w3l-products-page .slick-prev,
.w3l-products-page .slick-next {
background: transparent;
width: 30px;
height: 30px;
margin: auto;
line-height: 30px;
border: 0;
right: 50%;
transform: translateX(50%);
text-align: center;
font-size: 0;
padding: 0;
color: #909090;
position: absolute;
z-index: 99;
border-radius: 50%;
transition: all 0.5s ease-in-out 0s; }
.w3l-products-page .slick-prev:before,
.w3l-products-page .slick-next:before {
font-size: 20px;
font-family: "FontAwesome";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto; }
.w3l-products-page .slick-prev:hover:before,
.w3l-products-page .slick-next:hover:before {
color: var(--theme-color-3); }
.w3l-products-page .slick-next {
top: 0; }
.w3l-products-page .slick-next:before {
content: "\f176"; }
.w3l-products-page .slick-prev {
bottom: 15px; }
.w3l-products-page .slick-prev:before {
content: "\f175"; }
.w3l-products-page .slick-dots {
position: absolute;
bottom: -15px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.w3l-products-page .slick-dots lspan.fa {
display: inline-block;
position: relative;
margin: 0 10px 0 0;
padding: 0;
cursor: pointer;
vertical-align: bottom; }
.w3l-products-page .slick-dots li button {
display: block;
width: 4px;
height: 18px;
font-size: 0;
font-weight: 700;
padding: 0;
cursor: pointer;
box-sizing: content-box;
background-color: #afb0b1;
border: 1px solid #afb0b1;
transition: all 0.2s ease; }
.w3l-products-page .slick-dots li.slick-active button {
background-color: var(--theme-color-3);
width: 4px;
height: 8px;
font-size: 0;
border-color: var(--theme-color-3); }
.w3l-products-page .wpbSlideshowWrapper {
position: relative; }
.w3l-products-page .wpbSlideshowWrapper .wpbssSlide .wpbssImage > img {
width: 100%; }
.w3l-products-page .video-loader {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
margin-left: -20px;
margin-top: -20px;
border-radius: 50%;
border: 3px solid #666;
border-top-color: transparent;
-webkit-animation: spin 0.65s infinite linear;
animation: spin 0.65s infinite linear;
transition: all 0.1s ease-out 0.5s;
z-index: 4;
top: 50%;
left: 50%; }
.w3l-products-page .ie9 .video-loader,
.w3l-products-page .video-is-loaded .video-loader,
.w3l-products-page .video-is-playing .video-loader,
.w3l-products-page .video-is-paused .video-loader,
.w3l-products-page .autoplay .video-loader,
.w3l-products-page .no-autoplay .video-loader {
content: none;
display: none; }
.w3l-products-page .video-is-loading .video-loader,
.w3l-products-page .autoplay .video-is-loading .video-loader,
.w3l-products-page .no-autoplay .video-is-loading .video-loader {
display: block;
visibility: visible;
opacity: 1; }
.w3l-products-page .wpbSlideshows .item-paginav-featured .inner-item-paginav-featured {
position: relative; }
.w3l-products-page .wpbSlideshows .item-paginav-featured .inner-item-paginav-featured .paginav-featured-info {
position: absolute;
bottom: 32%;
text-align: center;
width: 100%; }
.w3l-products-page .wpbSlideshows .item-paginav-featured .inner-item-paginav-featured .paginav-featured-info > span {
color: #fff;
font-style: italic;
font-size: 25px;
font-weight: 300; }
.w3l-products-page .wpbSlideshows .item-paginav-featured .inner-item-paginav-featured .paginav-featured-info > h2 {
margin: 0;
font-size: 40px;
text-transform: uppercase;
font-weight: 400;
font-family: Helvetica medium;
color: #fff; }
.w3l-products-page .wpbSlideshow.wpbBlock {
padding-bottom: 0; }
.w3l-products-page .wpbSlideshow .slideshow {
overflow: hidden; }
.w3l-products-page .wpbSlideshow .wpbssSlide,
.w3l-products-page .wpbSlideshow .slick-list,
.w3l-products-page .wpbSlideshow .slick-track {
height: 100%; }
.w3l-products-page .wpbSlideshow .slick-next,
.w3l-products-page .wpbSlideshow .slick-prev {
display: none !important; }
.w3l-products-page .wpbSlideshow .slick-dots {
bottom: 30px; }
.w3l-products-page .video-is-playing .slick-dots {
display: none; }
.w3l-products-page .btnssPause:focus {
clip: auto;
width: auto;
height: auto;
margin: 0;
color: #FFF;
background-color: #333;
padding: 15px;
z-index: 10;
transition: none; }
.w3l-products-page .video-is-playing .btnssPause:focus {
display: none; }
.w3l-products-page .btnssPauseStop {
display: block; }
.w3l-products-page .is-paused .btnssPauseStop {
display: none; }
.w3l-products-page .btnssPausePlay {
display: none; }
.w3l-products-page .is-paused .btnssPausePlay {
display: block; }
.w3l-products-page .wpbssSlide {
position: relative;
overflow: hidden; }
.w3l-products-page .wpbssLink {
display: block; }
.w3l-products-page .wpbssLink:active,
.w3l-products-page .wpbssLink:focus {
opacity: 1; }
.w3l-products-page .wpbssImage {
transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87);
z-index: 1; }
.w3l-products-page .slick-initialized .wpbssImage,
.w3l-products-page .no-js .wpbssImage {
opacity: 1; }
.w3l-products-page .wpbssSlideBackgroundVideo .wpbssImage {
opacity: 0; }
.w3l-products-page .no-autoplay .wpbssImage {
opacity: 1; }
.w3l-products-page .ie9 .wpbssSlide {
z-index: 1 !important; }
.w3l-products-page .ie9 .slick-dots {
z-index: 2; }
.w3l-products-page .slideshow__link .wpbssCaption {
cursor: inherit; }
.w3l-products-page .slideshow__slide--has-background-video .wpbssCaption {
padding-top: 90px; }
.w3l-products-page .video-is-playing .wpbssCaption {
display: none; }
.w3l-products-page .wpbssSlide.video-is-paused .wpbssCaption {
display: none; }
.w3l-products-page .wpbssCaption.caption-left {
text-align: left; }
.w3l-products-page .wpbssCaption.caption-right {
text-align: right; }
.w3l-products-page .wpbssCaption.caption-center {
text-align: center; }
.w3l-products-page .wpbssCaption .slideBtn.caption-left {
text-align: left; }
.w3l-products-page .wpbssCaption .slideBtn.caption-right {
text-align: right; }
.w3l-products-page .wpbssCaption .slideBtn.caption-center {
text-align: center; }
.w3l-products-page .wpbssCaption .slideDesc.caption-left {
text-align: left; }
.w3l-products-page .wpbssCaption .slideDesc.caption-right {
text-align: right; }
.w3l-products-page .wpbssCaption .slideDesc.caption-center {
text-align: center; }
.w3l-products-page .sliderCaption .slideSubTitle {
font-size: 35px;
letter-spacing: 0px;
font-weight: 300;
margin: 0; }
@media (max-width: 1199px) {
.w3l-products-page .sliderCaption .slideSubTitle {
font-size: 19px; } }
.w3l-products-page .sliderCaption .slideTitle {
text-transform: capitalize;
font-size: 70px;
font-family: Helvetica medium;
font-weight: 400;
margin: 0 0 50px 0;
position: relative; }
.w3l-products-page .sliderCaption .slideTitle > img {
position: absolute;
right: -16px;
top: -70px;
opacity: 1; }
@media (max-width: 767px) {
.w3l-products-page .sliderCaption .slideTitle > img {
display: none; } }
@media (max-width: 1199px) {
.w3l-products-page .sliderCaption .slideTitle {
font-size: 40px; }
.w3l-products-page .sliderCaption .slideTitle > img {
width: 92px;
right: -8px;
top: -40px; } }
@media (max-width: 767px) {
.w3l-products-page .sliderCaption .slideTitle {
margin: 0 0 20px 0; } }
.w3l-products-page .sliderCaption .slideTitle span {
font-size: 50px;
color: var(--theme-color-3); }
.w3l-products-page .sliderCaption .slideTitle1 {
text-transform: uppercase;
display: inline-block;
font-size: 20px;
font-weight: 600;
margin-top: 25px;
margin-bottom: 60px;
position: relative; }
.w3l-products-page .sliderCaption .slideTitle1 span {
font-size: 30px;
font-weight: 700; }
.w3l-products-page .slideDesc {
font-size: 13px;
color: #909090;
margin-bottom: 30px;
max-width: 470px; }
.w3l-products-page .btnWpbingoSlider {
color: #121212;
text-transform: capitalize;
background: transparent;
border: 1px solid #fff;
font-weight: 400;
border-color: var(--theme-color-3);
border-style: solid;
border-width: 0px 0px 4px;
padding: 0 0 6px 0;
font-size: 16px;
transition: all 0.3s ease-in-out 0s; }
@media (max-width: 767px) {
.w3l-products-page .btnWpbingoSlider {
font-size: 14px; } }
.w3l-products-page .btnWpbingoSlider:hover {
color: var(--theme-color-3);
border-width: 0px 0px 4px;
border-color: var(--theme-color-3);
border-style: solid; }
.w3l-products-page .btnWpbingoSlider.btnWhite {
border-color: white;
background: white;
color: #121212; }
.w3l-products-page .btnWpbingoSlider.btnWhite:hover {
border-color: #121212;
background-color: #121212;
color: white; }
.w3l-products-page .btnWpbingoSlider.btnRed {
border-color: red;
color: red; }
.w3l-products-page .btnWpbingoSlider.btnRed:hover {
border-color: red;
background-color: red;
color: #fff; }
.w3l-products-page .btnWpbingoSlider.btnBlack {
border-color: black;
color: black; }
.w3l-products-page .btnWpbingoSlider.btnBlack:hover {
border-color: black;
background-color: black;
color: #fff; }
.w3l-products-page .btnWpbingoSlider.btnBlue {
color: blue;
border-color: blue; }
.w3l-products-page .btnWpbingoSlider.btnBlue:hover {
border-color: blue;
background-color: blue;
color: #fff; }
.w3l-products-page .btnWpbingoSlider.btnYellow {
color: yellow;
border-color: yellow; }
.w3l-products-page .btnWpbingoSlider.btnYellow:hover {
border-color: yellow;
background-color: yellow;
color: #000; }
.w3l-products-page .btnWpbingoSlider.btnGreen {
color: green;
border-color: green; }
.w3l-products-page .btnWpbingoSlider.btnGreen:hover {
border-color: green;
background-color: green;
color: #fff; }
.w3l-products-page .btnWpbingoSlider.btnPink {
border-color: pink;
color: pink; }
.w3l-products-page .btnWpbingoSlider.btnPink:hover {
border-color: pink;
background-color: pink;
color: #000; }
.w3l-products-page .btnWpbingoSlider.btnSilver {
border-color: #C0C0C0;
color: #C0C0C0; }
.w3l-products-page .btnWpbingoSlider.btnSilver:hover {
border-color: #C0C0C0;
background-color: #C0C0C0;
color: #fff; }
.w3l-products-page .vc-col {
padding-left: 0; }
@media (max-width: 991px) {
.w3l-products-page .slideDesc {
overflow: hidden;
font-size: 20px; } }
@media (max-width: 767px) {
.w3l-products-page .sliderCaption .slideTitle {
font-size: 25px; }
.w3l-products-page .sliderCaption .slideTitle span {
font-size: 15px; }
.w3l-products-page .sliderCaption .slideTitle1 {
font-size: 12px;
margin: 0; }
.w3l-products-page .sliderCaption .slideSubTitle {
font-size: 15px;
padding: 0; }
.w3l-products-page .slideDesc {
font-size: 20px;
margin: 0;
max-width: 200px; }
.w3l-products-page .slick-dots {
display: none !important; } }
@media (max-width: 480px) {
.w3l-products-page .sliderCaption .slideTitle {
font-size: 20px; }
.w3l-products-page .sliderCaption .slideDesc {
font-size: 12px;
max-height: 30px; }
.w3l-products-page .sliderCaption .slideTitle1 {
font-size: 10px;
margin-bottom: 5px; }
.w3l-products-page .sliderCaption .slideTitle1 .line-slider {
height: 2px; }
.w3l-products-page .slideDesc {
font-size: 12px; } }
.w3l-products-page .wpbssCaptionContent {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-40%);
-moz-transform: translateY(-40%);
-ms-transform: translateY(-40%);
-o-transform: translateY(-40%);
opacity: 0;
transition: all 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
transition-delay: 0.3s;
z-index: 3; }
.w3l-products-page .slick-active .wpbssCaptionContent,
.w3l-products-page .no-js .wpbssCaptionContent {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
opacity: 1; }
.w3l-products-page .wpbssCaptionContent::after {
content: "";
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
margin-left: -20px;
margin-top: -20px;
border-radius: 50%;
border: 3px solid #666;
border-top-color: transparent;
-webkit-animation: spin 0.65s infinite linear;
animation: spin 0.65s infinite linear;
opacity: 1;
transition: all 1s cubic-bezier(0.29, 0.63, 0.44, 1);
bottom: -30px;
left: 50%; }
.w3l-products-page .slick-initialized .wpbssCaptionContent::after,
.w3l-products-page .no-js .wpbssCaptionContent::after {
opacity: 0;
visibility: hidden;
content: none; }
.w3l-products-page .wpbssCaptionInner {
display: inline-block;
padding: 35px;
text-align: left; }
@media (max-width: 1199px) and (min-width: 991px) {
.w3l-products-page .wpbssCaptionInner {
padding-right: 100px; } }
.w3l-products-page .wpbssVideo {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 2; }
.w3l-products-page .wpbssVideoBackground {
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in; }
.w3l-products-page .autoplay .wpbssVideoBackground.video-is-loaded {
display: block;
visibility: visible;
opacity: 1;
position: absolute; }
.w3l-products-page .wpbssSlideBackgroundVideo::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2; }
.w3l-products-page .wpbssVideo-chrome {
display: none;
opacity: 0;
visibility: none;
width: 100%;
height: 100%;
transition: all 0.2s ease-in; }
.w3l-products-page .ie9 .wpbssVideo-chrome {
display: block; }
.w3l-products-page .wpbssSlide.video-is-playing .wpbssVideo-chrome,
.w3l-products-page .wpbssSlide.video-is-paused .wpbssVideo-chrome {
display: block;
visibility: visible;
opacity: 1; }
.w3l-products-page .btnssVideoControl {
display: none;
visibility: hidden;
opacity: 0;
position: absolute;
padding: 5px;
z-index: 4;
transition: all 0.1s ease-out; }
.w3l-products-page .btnssVideoControl:hover,
.w3l-products-page .btnssVideoControl:focus {
opacity: 0.7; }
.w3l-products-page .wpbssHasCaption {
margin-top: 30px; }
.w3l-products-page .btnssVideoControlPlay {
opacity: 0;
position: relative;
margin: 0 auto; }
.w3l-products-page .btnssVideoControlPlay .wpbssVideoBackground {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%); }
.w3l-products-page .video-is-loaded .btnssVideoControlPlay {
display: block;
visibility: visible;
opacity: 1; }
.w3l-products-page .video-is-loading .btnssVideoControlPlay,
.w3l-products-page .video-is-playing .btnssVideoControlPlay,
.w3l-products-page .wpbssSlide.video-is-paused .btnssVideoControlPlay {
display: none;
visibility: hidden;
opacity: 0; }
.w3l-products-page .btnssVideoControlPlay .icon {
width: 42px;
height: 100%;
fill: currentColor; }
.w3l-products-page .btnssVideoControlClose {
top: 10px;
right: 10px;
background-color: #fff;
color: #000; }
.w3l-products-page .video-is-playing .btnssVideoControlClose,
.w3l-products-page .wpbssSlide.video-is-paused .btnssVideoControlClose {
display: block;
visibility: visible;
opacity: 1; }
.w3l-products-page .wpbssNoImagePlaceholder .icon {
border: 0; }
.w3l-products-page .slick-current .leftright-1 {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .leftright-2 {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .leftright-3 {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .leftright-4 {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1.8s;
animation-duration: 1.8s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .leftright-5 {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .rightleft-1 {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .rightleft-2 {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .rightleft-3 {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .rightleft-4 {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 1.8s;
animation-duration: 1.8s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .rightleft-5 {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .topbottom-1 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .topbottom-2 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .topbottom-3 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .topbottom-4 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1.8s;
animation-duration: 1.8s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .topbottom-5 {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .bottomtop-1 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .bottomtop-2 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .bottomtop-3 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .bottomtop-4 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1.8s;
animation-duration: 1.8s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page .slick-current .bottomtop-5 {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-iteration-count: none;
animation-iteration-count: none; }
.w3l-products-page #wpbMegamenu {
background-color: rgba(0, 0, 0, 0); }
.w3l-products-page #wpbMegamenu .menuContainer {
margin: 0px;
padding: 0px; }
.w3l-products-page .wpbMegamenu ul {
list-style: none;
padding: 0px; }
.w3l-products-page .wpbMegamenu ul.nav {
margin: 0px;
padding: 0px; }
.w3l-products-page .wpbMegamenu ul.nav > lspan.fa {
padding: 0px;
float: none;
margin: 0;
display: inline-block;
vertical-align: middle; }
.w3l-products-page .wpbMegamenu ul.nav > li:first-child a {
margin-left: 0; }
.w3l-products-page .wpbMegamenu ul.nav > li:last-child a {
margin-right: 0; }
.w3l-products-page .wpbMegamenu ul.nav > li > a {
font-size: 14px;
text-transform: uppercase;
padding: 4px 0;
margin: 0 23px;
font-weight: 500;
background-color: transparent;
color: #121212;
position: relative;
transition: all 0.35s ease; }
.w3l-products-page .wpbMegamenu ul.nav > li > a:before {
content: "";
width: 0;
height: 1px;
background: var(--theme-color-3);
position: absolute;
bottom: 0;
left: 0;
transition: width 0.2s ease; }
@media (max-width: 1199px) {
.w3l-products-page .wpbMegamenu ul.nav > li > a {
margin: 0 20px; } }
.w3l-products-page .wpbMegamenu ul.nav > li > a span {
position: relative; }
.w3l-products-page .wpbMegamenu ul.nav > li.hasMenuDropdown > a:after {
content: "\f107";
display: inline-block;
vertical-align: middle;
font-family: "FontAwesome";
float: right;
margin-left: 5px; }
.w3l-products-page .wpbMegamenu ul.nav > li.hasMenuDropdown.hasMegaMenu {
position: static; }
.w3l-products-page .wpbMegamenu ul.nav > li.hasMenuDropdown:hover > .menuDropdown,
.w3l-products-page .wpbMegamenu ul.nav > li.hasMenuDropdown:focus > .menuDropdown {
visibility: visible;
top: 100%;
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page .wpbMegamenu ul.nav > li:hover > a,
.w3l-products-page .wpbMegamenu ul.nav > li:hover > a:hover,
.w3l-products-page .wpbMegamenu ul.nav > li.active > a,
.w3l-products-page .wpbMegamenu ul.nav > li.active > a:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbMegamenu ul.nav > li:hover > a:before,
.w3l-products-page .wpbMegamenu ul.nav > li:hover > a:hover:before,
.w3l-products-page .wpbMegamenu ul.nav > li.active > a:before,
.w3l-products-page .wpbMegamenu ul.nav > li.active > a:hover:before {
content: "";
width: 100%; }
.w3l-products-page .wpbMegamenu .menuDropdown {
background-color: #fff;
background-position: right bottom;
background-repeat: no-repeat;
display: block;
position: absolute;
text-align: left;
top: 150%;
left: 0px;
margin: 0px;
padding: 10px 20px;
min-width: 220px;
z-index: 900;
visibility: hidden;
border-radius: 3px;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.3s ease;
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.12); }
.w3l-products-page .wpbMegamenu .menuDropdown.megaMenu {
right: 0px;
width: 100%;
padding: 20px 30px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1499px) {
.w3l-products-page .wpbMegamenu .menuDropdown.megaMenu {
width: 134%; } }
@media (max-width: 1199px) {
.w3l-products-page .wpbMegamenu .menuDropdown.megaMenu {
width: 161%; } }
.w3l-products-page .wpbMegamenu .menuDropdown .menuDropdown {
top: 0;
left: 150%; }
.w3l-products-page .wpbMegamenu .menuDropdown .wpbMenuLinks {
margin-bottom: 30px;
padding-right: 20px;
position: relative; }
.w3l-products-page .wpbMegamenu .menuDropdown .menuTitle {
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
color: #121212;
display: block;
border-bottom: 0;
position: relative; }
.w3l-products-page .wpbMegamenu .menuDropdown .menuTitle > span,
.w3l-products-page .wpbMegamenu .menuDropdown .menuTitle a {
font-size: 15px;
padding: 5px 0;
background-color: transparent;
color: #121212;
display: block;
font-weight: 600;
font-style: inherit;
text-transform: uppercase; }
.w3l-products-page .wpbMegamenu .menuDropdown lspan.fa {
position: relative;
border-bottom: 1px solid #f5f5f5; }
.w3l-products-page .wpbMegamenu .menuDropdown li a {
font-size: 14px;
font-weight: 400;
padding: 5px 0;
background-color: transparent;
color: #666;
display: block;
transition: all 0.35s ease; }
.w3l-products-page .wpbMegamenu .menuDropdown li a:hover {
background-color: transparent;
color: #db9b2e;
text-decoration: none; }
.w3l-products-page .wpbMegamenu .menuDropdown li:last-child {
border-bottom: 0; }
.w3l-products-page .wpbMegamenu .menuDropdown li.menuTitle {
border-bottom: 0; }
.w3l-products-page .wpbMegamenu .menuDropdown li.hasMenuDropdown > a:after {
content: "\f105";
display: inline-block;
vertical-align: middle;
font-family: "FontAwesome";
float: right;
margin-left: 5px; }
.w3l-products-page .wpbMegamenu .menuDropdown li.hasMenuDropdown:hover > .menuDropdown,
.w3l-products-page .wpbMegamenu .menuDropdown li.hasMenuDropdown:focus > .menuDropdown {
visibility: visible;
left: 100%;
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page .wpbMenuProducts .listProduct {
padding-top: 15px; }
.w3l-products-page .wpbMenuProducts .blockProMenu {
margin-bottom: 10px; }
.w3l-products-page .wpbMenuProducts .blockProMenu:before,
.w3l-products-page .wpbMenuProducts .blockProMenu:after {
content: " ";
display: table; }
.w3l-products-page .wpbMenuProducts .blockProMenu:after {
clear: both; }
.w3l-products-page .wpbMenuProducts .blockProMenu .proName {
margin: 0px 0 5px;
padding: 0px; }
.w3l-products-page .wpbMenuProducts .blockProMenu .proName a {
display: block;
color: #121212;
line-height: 22px;
max-height: 45px;
overflow: hidden; }
.w3l-products-page .wpbMenuProducts .blockProMenu .proName a:hover,
.w3l-products-page .wpbMenuProducts .blockProMenu .proName a:focus {
color: #db9b2e;
text-decoration: none; }
.w3l-products-page .wpbMenuProducts .blockProMenu .boxProPrice {
margin: 5px 0px; }
.w3l-products-page .wpbMenuProducts .blockProMenu .boxProPrice .proPrice {
color: #121212; }
.w3l-products-page .wpbMenuProducts .blockProMenu .boxProPrice .proPrice.oldPrice {
text-decoration: line-through;
color: #b4b4b4; }
.w3l-products-page .wpbMenuProducts .blockProMenu .proReviews {
line-height: 18px; }
.w3l-products-page .wpbMenuProducts .blockProMenu .proReviews .spr-badge-caption {
display: none; }
.w3l-products-page .wpbMenuHtml {
padding-left: 20px;
position: relative; }
.w3l-products-page .wpbMenuHtml:before {
content: "";
top: 15px;
width: 0;
height: calc(100% - 15px);
position: absolute;
left: 0;
border-left: 1px solid #666; }
.w3l-products-page .wpbMenuHtml .htmlContent {
padding-top: 15px; }
.w3l-products-page .wpbMenuListCollection .coll-item {
padding: 15px; }
.w3l-products-page .wpbMenuListCollection .collImage {
margin-bottom: 10px; }
.w3l-products-page .wpbMenuListCollection .collTitle {
text-align: center; }
.w3l-products-page .wpbMenuListCollection .collTitle a {
color: #121212; }
.w3l-products-page .wpbMenuListCollection .collTitle a:hover,
.w3l-products-page .wpbMenuListCollection .collTitle a:focus {
color: var(--theme-color-3); }
@media (max-width: 992px) {
.w3l-products-page .menuMobileActive {
height: 100%;
overflow: hidden; } }
.w3l-products-page .menuBtnMobile {
position: relative; }
.w3l-products-page .btnMenuMobile {
border-top: 1px solid var(--theme-color-3);
border-bottom: 1px solid var(--theme-color-3); }
.w3l-products-page .btnMenuMobile > span {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #121212; }
.w3l-products-page .btnMenuMobile:hover {
cursor: pointer; }
.w3l-products-page .btnMenuMobile:hover span {
background-color: #121212; }
.w3l-products-page .menuMobileContainer {
-webkit-transform: translateZ(0);
will-change: transform;
display: block;
width: 300px;
position: fixed;
top: 0;
bottom: 0;
left: -300px;
z-index: 1000;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
color: #666;
background-color: #F6F6F6;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
.w3l-products-page .menuMobileActive .menuMobileContainer {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
-ms-transform: translateX(300px);
-o-transform: translateX(300px); }
.w3l-products-page .menuMobileContainer .memoHeader {
position: relative;
margin: 0px;
padding: 20px 20px;
border-bottom: 1px solid #666;
font-weight: bold;
font-size: 21px;
color: #121212;
background: var(--theme-color-3); }
.w3l-products-page .menuMobileContainer .memoHeader .close {
font-size: 24px;
font-weight: initial;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 24px;
background: #fff; }
.w3l-products-page .menuMobileContainer .memoHeader .close > span {
font-size: 20px;
font-weight: 700; }
.w3l-products-page .menuMobileContainer ul {
list-style: none;
padding: 0px; }
.w3l-products-page .menuMobileContainer ul.memoDropdown {
margin-bottom: 15px; }
.w3l-products-page .menuMobileContainer .memoNav {
margin: 10px 0px;
padding: 0 20px; }
.w3l-products-page .menuMobileContainer .memoNav lspan.fa {
position: relative;
border-bottom: 1px solid #ddd; }
.w3l-products-page .menuMobileContainer .memoNav li a {
display: block;
padding: 10px 0px;
color: #121212;
font-size: 14px;
font-weight: 400;
text-transform: uppercase; }
.w3l-products-page .menuMobileContainer .memoNav li a:hover {
color: var(--theme-color-3); }
.w3l-products-page .menuMobileContainer .memoNav li .memoBtnDropdown {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
width: 40px;
height: 40px;
text-align: center;
line-height: 38px;
cursor: pointer; }
.w3l-products-page .menuMobileContainer .memoNav .memoDropdown > lspan.fa {
padding-left: 15px; }
.w3l-products-page .menuMobileOverlay {
display: block;
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, 0.8);
pointer-events: none;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
.w3l-products-page .menuMobileActive .menuMobileOverlay {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page #proFeature .wpbTitle {
background-color: #f5f5f5;
text-align: center;
padding: 25px 20px;
margin: 0 0 30px;
text-transform: uppercase; }
.w3l-products-page .labelSale {
position: absolute;
top: 15px;
right: 15px;
padding: 2px 10px;
color: white;
background-color: #121212;
z-index: 2; }
.w3l-products-page .priceProduct {
font-size: 15px;
color: var(--theme-color-3);
font-weight: 500; }
.w3l-products-page .priceProduct.priceCompare {
color: #666;
font-weight: 300;
font-size: 15px;
text-decoration: line-through; }
.w3l-products-page .priceProduct.priceSale {
margin-left: 5px; }
.w3l-products-page .proReviews .spr-badge-starrating .spr-icon {
font-size: 12px; }
.w3l-products-page .proReviews .spr-badge-starrating .spr-icon.spr-icon-star-empty {
color: #666; }
.w3l-products-page .proReviews .spr-badge-starrating .spr-icon.spr-icon-star {
color: #666; }
.w3l-products-page .proReviews .spr-badge-starrating .spr-icon.spr-icon-star:before {
color: #FFD700; }
.w3l-products-page .spr-icon-star-empty {
font-size: 100% !important; }
.w3l-products-page .spr-icon-star {
color: #666;
font-size: 100% !important; }
.w3l-products-page .spr-icon-star:before {
color: #FFD700; }
.w3l-products-page .wpbProBlock {
position: relative;
overflow: hidden;
padding-bottom: 45px; }
.w3l-products-page .wpbProBlock .proFeaturedImage {
display: block; }
.w3l-products-page .wpbProBlock .proFeaturedImage span {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: white;
z-index: 1;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.5s ease; }
.w3l-products-page .wpbProBlock .proDescription {
margin-bottom: 10px;
font-size: 14px;
color: #606060; }
.w3l-products-page .wpbProBlock .productType {
font-size: 11px;
font-family: Helvetica;
color: #909090;
font-weight: 500; }
.w3l-products-page .wpbProBlock .proContent {
position: relative;
z-index: 10; }
.w3l-products-page .wpbProBlock .proName {
margin: 0 0 5px;
padding: 0; }
.w3l-products-page .wpbProBlock .proName a {
line-height: 25px;
font-size: 16px;
color: var(--title-color);
font-weight: 600;
text-transform: capitalize; }
.w3l-products-page .wpbProBlock .proName:hover a {
color: var(--heading-color); }
.w3l-products-page .wpbProBlock .proReviews {
padding: 0; }
.w3l-products-page .wpbProBlock .proReviews .spr-badge-caption {
display: none; }
.w3l-products-page .wpbProBlock .proPrice {
display: inline-block; }
.w3l-products-page .wpbProBlock .proPrice > div {
display: inline-block; }
.w3l-products-page .wpbProBlock .wpbSwatchCus {
display: inline-block;
position: absolute;
right: 0; }
.w3l-products-page .wpbProBlock.multiple_image:hover .proFeaturedImage span {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart {
background: white;
position: relative;
height: 50px;
line-height: 48px;
text-align: center;
padding: 0 20px;
color: #121212; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart span.fa {
font-size: 18px;
color: #fff;
line-height: 50px; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart:hover {
background: var(--theme-color-3);
color: white; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart:hover > span.fa {
color: white; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect {
background: #121212;
position: relative;
height: 50px;
line-height: 48px;
text-align: center;
padding: 0 20px;
color: white; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect span.fa {
font-size: 20px;
color: #121212; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect:hover {
background: var(--theme-color-3);
color: white; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect:hover > span.fa {
color: white; }
.w3l-products-page .wpbProBlock .btnButtonProduct .btnProductWishlist {
background-color: #121212;
position: relative;
width: 50px;
height: 50px;
z-index: 10;
font-size: 20px;
color: white;
display: inline-block;
line-height: 50px;
transition: all 0.1s ease-in-out 0s; }
.w3l-products-page .wpbProBlock .btnButtonProduct .btnProductWishlist:hover {
background: var(--theme-color-3);
color: white; }
.w3l-products-page .proList.grid .wpbProBlock {
padding-bottom: 55px; }
.w3l-products-page .proList.grid .wpbProBlock .proHImage {
position: relative;
overflow: hidden;
text-align: center; }
.w3l-products-page .proList.grid .wpbProBlock .proContent {
padding-top: 25px;
text-align: center; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct {
position: absolute;
right: 0;
bottom: 13%;
transition: all .3s ease-in-out; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView {
position: relative;
z-index: 99;
top: 0;
right: -50px;
opacity: 0;
visibility: hidden;
text-align: right;
font-size: 0;
white-space: nowrap;
transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out 0.1s, font-size 0.1s ease, right 0.2s ease-in-out 0.1s;
margin-bottom: 20px; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview {
width: 50px;
height: 50px;
text-align: center;
display: inline-block;
line-height: 50px;
background: var(--theme-color-3); }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview > span.fa {
font-size: 18px;
color: #fff;
line-height: 50px;
transition: all 0.2s ease; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView:hover {
background: var(--theme-color-3);
padding: 0 15px 0 50px;
font-size: 14px; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView:hover .btnProductQuickview {
width: auto;
color: white;
background: var(--theme-color-3); }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView:hover .btnProductQuickview > span.fa {
position: absolute;
top: 0;
left: 15px;
color: white;
margin-right: 10px; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart {
text-align: right;
margin-bottom: 20px;
position: relative;
top: 0;
right: -50px;
visibility: hidden;
transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out 0.2s, right 0.2s ease-in-out 0.2s; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect {
z-index: 10;
background: var(--theme-color-3);
color: #121212;
padding: 0;
width: 50px;
height: 50px;
position: relative;
text-align: center;
border: none;
font-size: 0;
white-space: nowrap;
transition: font-size 0.1s ease; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart i,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect span.fa {
font-size: 18px;
line-height: 50px;
color: #121212;
transition: all 0.2s ease; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart .select_options,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect .select_options {
text-transform: capitalize; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnAddToCart,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnSelect {
background: var(--theme-color-3);
width: auto;
padding: 0 15px 0 50px;
font-size: 14px;
display: inline-block;
color: white; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnAddToCart i,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnSelect span.fa {
position: absolute;
top: -2px;
left: 15px;
color: white;
margin-right: 10px; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .btnWishlist {
text-align: right; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist {
text-align: center;
position: relative;
top: 0;
right: -50px;
opacity: 0;
visibility: hidden;
background: var(--theme-color-3);
font-size: 0;
white-space: nowrap;
transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s, font-size 0.1s ease, right 0.3s ease-in-out 0.3s; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist span.fa {
font-size: 18px;
color: #fff;
line-height: 55px;
transition: all 0.2s ease; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist:hover {
background: var(--theme-color-3);
width: auto;
padding: 0 15px 0 50px;
font-size: 14px;
transition: font-size 0.2s ease;
display: inline-block;
color: white; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist:hover > span.fa {
position: absolute;
top: -2px;
left: 15px;
color: white;
margin-right: 10px; }
.w3l-products-page .proList.grid .wpbProBlock .proPrice {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transition: all 0.3s ease-in-out 0s;
position: relative; }
.w3l-products-page .proList.grid .wpbProBlock .proPrice .priceProduct {
color: var(--theme-color-3);
font-weight: 600; }
.w3l-products-page .proList.grid .wpbProBlock .proPrice .priceProduct.priceCompare {
color: #666;
font-weight: 300; }
.w3l-products-page .proList.grid .wpbProBlock .proPrice:before {
content: "";
width: 0;
height: 1px;
background: #909090;
position: absolute;
bottom: 0;
transition: width 0.2s ease; }
.w3l-products-page .proList.grid .wpbProBlock .proAttr {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #444;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 30px;
margin: 0;
text-transform: uppercase;
font-weight: bold;
text-align: center;
z-index: 10; }
.w3l-products-page .proList.grid .wpbProBlock .proAttr.outstock {
background-color: #121212;
background-color: rgba(18, 18, 18, 0.5);
zoom: 1;
background-color: transparent\9;
color: #666; }
.w3l-products-page .proList.grid .wpbProBlock:hover .btnButtonProduct .productQuickView,
.w3l-products-page .proList.grid .wpbProBlock:hover .btnButtonProduct .formAddToCart,
.w3l-products-page .proList.grid .wpbProBlock:hover .btnButtonProduct .btnProductWishlist {
opacity: 1;
visibility: visible;
right: 0; }
.w3l-products-page .proList.grid1 .wpbProBlock {
padding-bottom: 0; }
.w3l-products-page .proList.grid1 .wpbProBlock .proHImage {
padding-left: 0; }
@media (max-width: 767px) {
.w3l-products-page .proList.grid1 .wpbProBlock .proHImage {
padding-left: 15px;
margin-bottom: 30px; } }
.w3l-products-page .proList.grid1 .wpbProBlock .images {
padding: 0; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent {
padding-top: 0;
text-align: left; }
@media (max-width: 480px) {
.w3l-products-page .proList.grid1 .wpbProBlock .proContent {
padding: 0; } }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proName {
margin: 0 0 35px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proName a {
font-size: 25px;
color: #121212;
font-weight: 500; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proName a:hover {
color: var(--theme-color-3); }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proPrice {
margin-bottom: 40px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proPrice .priceProduct {
font-size: 30px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proPrice .priceCompare {
font-size: 20px;
color: #909090; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .proDescription {
margin-bottom: 50px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .btnButtonProduct {
display: flex;
position: initial;
opacity: 1;
left: unset;
bottom: unset;
transform: unset;
transition: unset; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .btnButtonProduct .formAddToCart {
margin-right: 20px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .btnButtonProduct .formAddToCart .btnAddToCart {
padding: 0 20px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .btnButtonProduct .formAddToCart .btnAddToCart span {
display: inline-block;
font-size: 16px;
font-weight: 500;
font-family: Poppins, Arial, sans-serif;
margin-left: 10px; }
.w3l-products-page .proList.grid1 .wpbProBlock .proContent .btnButtonProduct .btnWishlist {
float: unset;
text-align: center; }
.w3l-products-page .proList.list .wpbProBlock {
padding-bottom: 0;
margin-bottom: 45px; }
.w3l-products-page .proList.list .wpbProBlock .itemList {
display: flex; }
@media (max-width: 480px) {
.w3l-products-page .proList.list .wpbProBlock .itemList {
display: block; } }
.w3l-products-page .proList.list .wpbProBlock .itemList .proHImage {
position: relative;
overflow: hidden;
z-index: 1;
width: 30%;
display: inline-block;
float: left; }
@media (max-width: 1199px) {
.w3l-products-page .proList.list .wpbProBlock .itemList .proHImage {
width: 40%; } }
@media (max-width: 480px) {
.w3l-products-page .proList.list .wpbProBlock .itemList .proHImage {
width: 100%;
text-align: center; } }
.w3l-products-page .proList.list .wpbProBlock .itemList .proHImage:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(144, 144, 144, 0.5);
z-index: 9;
opacity: 0;
visibility: hidden; }
.w3l-products-page .proList.list .wpbProBlock .itemList .proContent {
position: relative;
z-index: 10;
display: inline-block;
float: left;
width: calc(70% - 30px);
padding: 58px 50px;
border: 1px solid rgba(143, 143, 143, 0.2);
margin-left: 30px; }
@media (max-width: 1599px) and (min-width: 1200px) {
.w3l-products-page .proList.list .wpbProBlock .itemList .proContent {
padding: 30px; } }
@media (max-width: 1199px) {
.w3l-products-page .proList.list .wpbProBlock .itemList .proContent {
width: calc(60% - 30px);
padding: 20px; } }
@media (max-width: 480px) {
.w3l-products-page .proList.list .wpbProBlock .itemList .proContent {
width: 100%;
margin-left: 0;
padding: 20px 20px 30px; } }
.w3l-products-page .proList.list .wpbProBlock .proName {
margin-top: 10px;
margin-bottom: 10px; }
.w3l-products-page .proList.list .wpbProBlock .proName a {
line-height: 1.1px;
font-size: 18px;
color: #121212;
font-weight: 500; }
.w3l-products-page .proList.list .wpbProBlock .proName:hover a {
color: var(--theme-color-3); }
.w3l-products-page .proList.list .wpbProBlock .proReviews {
margin: 10px 0 20px; }
.w3l-products-page .proList.list .wpbProBlock .proPrice {
margin-bottom: 15px;
color: var(--theme-color-3); }
.w3l-products-page .proList.list .wpbProBlock .proPrice .priceProduct {
font-size: 18px;
color: var(--theme-color-3); }
.w3l-products-page .proList.list .wpbProBlock .proPrice .priceProduct.priceCompare {
font-size: 15px;
color: #666;
font-weight: 300; }
.w3l-products-page .proList.list .wpbProBlock .proDescription {
color: #666;
margin-bottom: 37px;
font-size: 15px;
line-height: 1.7; }
.w3l-products-page .proList.list .wpbProBlock .btnButtonProduct {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index: 9999;
width: 50px;
text-align: center;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: all 0.4s ease-in-out 0s; }
.w3l-products-page .proList.list .wpbProBlock .btnButtonProduct .productQuickView {
position: relative;
width: 50px;
height: 50px;
z-index: 99;
overflow: hidden;
background: var(--theme-color-3);
transition: all 0.4s ease-in-out 0s; }
.w3l-products-page .proList.list .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview {
font-size: 0; }
.w3l-products-page .proList.list .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview > span.fa {
font-size: 24px;
color: white;
line-height: 50px; }
.w3l-products-page .proList.list .wpbProBlock .btnButtonProduct .productQuickView:hover {
background: white; }
.w3l-products-page .proList.list .wpbProBlock .btnButtonProduct .productQuickView:hover span.fa {
color: #121212; }
.w3l-products-page .proList.list .wpbProBlock .formAddToCart {
display: block; }
.w3l-products-page .proList.list .wpbProBlock .formAddToCart .btnAddToCart {
font-size: 15px;
display: inline-block;
background-color: white;
border: 1px solid #121212;
color: #121212;
font-weight: 500;
text-align: right;
float: left;
padding: 0 20px;
margin-right: 10px;
text-transform: uppercase;
line-height: 45px;
height: 45px; }
.w3l-products-page .proList.list .wpbProBlock .formAddToCart .btnAddToCart:hover {
color: white;
background: var(--theme-color-3);
border-color: var(--theme-color-3); }
.w3l-products-page .proList.list .wpbProBlock .btnWishlist {
display: block; }
.w3l-products-page .proList.list .wpbProBlock .btnWishlist .btnProductWishlist {
font-size: 15px;
border: 1px solid #121212;
background-color: white;
color: #121212;
font-weight: 500;
text-align: right;
float: left;
text-transform: uppercase;
display: inline-block;
padding: 0 20px;
line-height: 45px;
height: 45px; }
.w3l-products-page .proList.list .wpbProBlock .btnWishlist .btnProductWishlist:hover {
color: white;
background: var(--theme-color-3);
border-color: var(--theme-color-3); }
.w3l-products-page .proList.list .wpbProBlock:hover .proHImage:before {
opacity: 1;
visibility: visible; }
.w3l-products-page .proList.list .wpbProBlock:hover .btnButtonProduct {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page .proList.list .wpbSwatchCus {
display: block;
position: inherit; }
.w3l-products-page .proList.list .wpbSwatchCus .wpbSwatchProduct > lspan.fa {
margin: 0px 2px 4px 0px; }
.w3l-products-page .collBoxSort {
padding-bottom: 45px; }
.w3l-products-page .collBoxSort:before,
.w3l-products-page .collBoxSort:after {
content: " ";
display: table; }
.w3l-products-page .collBoxSort:after {
clear: both; }
.w3l-products-page .collBoxSort:before {
content: "";
width: 100%;
border-bottom: 1px solid #f5f5f5;
position: relative;
top: 15px; }
@media (max-width: 480px) {
.w3l-products-page .collBoxSort:before {
display: none; } }
.w3l-products-page .collBoxSort .countProduct {
color: #666;
font-weight: 400;
text-transform: uppercase;
line-height: 25px; }
.w3l-products-page .collBoxSort .collView {
float: left;
background: #fff;
padding-right: 50px; }
.w3l-products-page .collBoxSort .changeView {
border: none;
color: #121212;
padding: 0 10px 0 0;
background: transparent;
float: left; }
.w3l-products-page .collBoxSort .changeView.changeViewActive {
color: var(--theme-color-3); }
.w3l-products-page .collBoxSort .changeView:hover {
color: var(--theme-color-3); }
.w3l-products-page .collBoxSort .collSortBy {
font-size: 15px;
font-weight: 700;
color: #121212;
position: relative; }
@media (max-width: 337px) {
.w3l-products-page .collBoxSort .collSortBy {
float: left !important; } }
.w3l-products-page .collBoxSort .collSortBy #SortBy:hover {
cursor: pointer; }
.w3l-products-page .collBoxSort .collSortBy #SortBy:hover:after {
color: var(--theme-color-3); }
.w3l-products-page .collBoxSort .collSortBy #SortBy:hover .btn {
color: var(--theme-color-3); }
.w3l-products-page .collBoxSort .collSortBy #SortBy:before {
content: "";
position: absolute;
padding-left: 50px;
height: 25px;
left: -50px;
background: #fff; }
.w3l-products-page .collBoxSort .collSortBy #SortBy .btn {
background: #fff;
padding: 0 0 0 25px;
border: none;
margin-bottom: 5px; }
.w3l-products-page .collBoxSort .collSortBy #SortBy .btn:hover,
.w3l-products-page .collBoxSort .collSortBy #SortBy .btn:focus,
.w3l-products-page .collBoxSort .collSortBy #SortBy .btn:active {
color: var(--theme-color-3);
box-shadow: none;
outline: none; }
.w3l-products-page .collBoxSort .collSortBy #SortBy .dropdown-menu {
left: auto;
right: 0;
padding: 15px;
font-weight: 400; }
@media (max-width: 337px) {
.w3l-products-page .collBoxSort .collSortBy #SortBy .dropdown-menu {
left: 0; } }
.w3l-products-page .collBoxSort .collSortBy #SortBy .dropdown-menu > li:hover {
cursor: pointer;
color: var(--theme-color-3); }
.w3l-products-page .collBoxSort .collSortBy #SortBy:after {
content: "\f1ce";
font-size: 20px;
position: absolute;
left: 0;
top: -5px;
color: #121212; }
.w3l-products-page .collBoxSort .collSortBy > select {
width: auto;
margin-top: -5px;
height: 30px;
border: 0;
color: #909090;
box-shadow: none;
display: inline-block;
vertical-align: middle;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none; }
.w3l-products-page .wpbPagination {
position: relative; }
.w3l-products-page .wpbPagination:before {
content: "";
width: 100%;
border-bottom: 1px solid #f5f5f5;
position: absolute;
top: 10px;
z-index: -1; }
@media (max-width: 480px) {
.w3l-products-page .wpbPagination:before {
display: none; } }
.w3l-products-page .wpbPagination .itemPaginate {
font-size: 12px;
line-height: 25px;
font-weight: 400;
color: #909090;
text-transform: uppercase;
background: #fff;
padding-right: 50px; }
.w3l-products-page #productSelect {
display: none; }
.w3l-products-page .proBoxPrimaryInner {
padding-bottom: 70px; }
.w3l-products-page .proThumbnails .thumbItem > a {
display: inline-block; }
.w3l-products-page .proThumbnails .thumbItem > a.active,
.w3l-products-page .proThumbnails .thumbItem > a:hover {
box-shadow: 4px 3px 5px 0 rgba(143, 143, 143, 0.5); }
.w3l-products-page .proThumbnails.bottom:hover .owl-nav .owl-next:before {
left: 0;
opacity: 1; }
.w3l-products-page .proThumbnails.bottom:hover .owl-nav .owl-prev:before {
right: 0;
opacity: 1; }
.w3l-products-page .proThumbnails.bottom .owl-dots {
display: none; }
.w3l-products-page .proThumbnails.bottom .wpb-thumblist .owl-stage-outer {
padding-bottom: 5px;
margin-right: -5px;
margin-bottom: -5px; }
.w3l-products-page .proThumbnails.bottom .wpb-thumblist .owl-stage-outer .owl-item .thumbItem > a {
display: inline-block; }
.w3l-products-page .proThumbnails.bottom .wpb-thumblist .owl-stage-outer .owl-item .thumbItem > a.active,
.w3l-products-page .proThumbnails.bottom .wpb-thumblist .owl-stage-outer .owl-item .thumbItem > a:hover {
box-shadow: 4px 3px 5px 0 rgba(143, 143, 143, 0.5); }
.w3l-products-page .proThumbnails.bottom .owl-nav > div {
opacity: 1;
visibility: visible; }
.w3l-products-page .proThumbnails.bottom .owl-nav .owl-prev:before {
content: "\f177";
font-size: 18px;
position: absolute;
left: 0;
right: -70px;
bottom: 0;
top: 0;
margin: auto;
opacity: 0;
transition: all 0.2s ease; }
.w3l-products-page .proThumbnails.bottom .owl-nav .owl-next:before {
content: "\f178";
font-size: 18px;
font-family: "FontAwesome";
position: absolute;
left: -70px;
right: 0;
bottom: 0;
opacity: 0;
top: 0;
margin: auto;
transition: all 0.2s ease; }
.w3l-products-page .proThumbnails.outside {
margin-bottom: 40px; }
.w3l-products-page .proThumbnails.outside .owl-dots {
display: none; }
.w3l-products-page .proThumbnails.outside .wpb-thumblist .owl-stage-outer {
padding-bottom: 5px;
margin-right: -5px;
margin-bottom: -5px; }
.w3l-products-page .proThumbnails.outside .wpb-thumblist .owl-stage-outer .owl-item .thumbItem > a {
display: inline-block; }
.w3l-products-page .proThumbnails.outside .wpb-thumblist .owl-stage-outer .owl-item .thumbItem > a.active,
.w3l-products-page .proThumbnails.outside .wpb-thumblist .owl-stage-outer .owl-item .thumbItem > a:hover {
box-shadow: 4px 3px 5px 0 rgba(143, 143, 143, 0.5); }
.w3l-products-page .proThumbnails.outside .owl-nav {
position: absolute;
top: -25px;
right: 0; }
.w3l-products-page .proThumbnails.outside .owl-nav > div {
opacity: 1;
visibility: visible;
top: 0;
display: inline-block;
width: auto;
height: auto;
position: unset;
margin: 0 10px; }
.w3l-products-page .proThumbnails.outside .owl-nav .owl-prev {
right: 20px; }
.w3l-products-page .proThumbnails.outside .owl-nav .owl-prev:before {
content: "\f177";
font-size: 18px;
font-family: "FontAwesome";
margin: auto;
opacity: 1;
transition: all 0.2s ease; }
.w3l-products-page .proThumbnails.outside .owl-nav .owl-prev:after {
position: absolute;
content: "";
background: #666;
left: 27px;
top: 18px;
width: 1px;
height: 13px; }
.w3l-products-page .proThumbnails.outside .owl-nav .owl-next {
right: 17px; }
.w3l-products-page .proThumbnails.outside .owl-nav .owl-next:before {
content: "\f178";
font-size: 18px;
font-family: "FontAwesome";
opacity: 1;
top: 0;
margin: auto;
transition: all 0.2s ease; }
.w3l-products-page .proBoxPrimary .proBoxImage {
margin-bottom: 30px; }
@media (min-width: 1200px) {
.w3l-products-page .proBoxPrimary .proBoxImage {
width: calc(50% - 20px);
margin-right: 20px; } }
@media (min-width: 1200px) {
.w3l-products-page .proBoxPrimary .proBoxImage .proFeaturedImage.verticalImage {
width: 82.06979%; } }
@media (max-width: 991px) {
.w3l-products-page .proBoxPrimary .proFeaturedImage {
pointer-events: none; } }
.w3l-products-page .proFeaturedImage {
position: relative;
overflow: hidden; }
.w3l-products-page .proFeaturedImage .imgFlyCart {
width: auto !important;
height: auto !important; }
@media (min-width: 1200px) {
.w3l-products-page .proThumbnails.vertical {
width: 17.93022%; } }
@media (max-width: 767px) {
.w3l-products-page .proThumbnails.vertical {
padding: 20px 15px; }
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-prev,
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-next {
background: none;
width: 20px;
height: 20px;
bottom: -25px; }
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-prev:hover,
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-next:hover {
color: var(--theme-color-3); }
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-next {
left: 50%;
top: unset;
bottom: 100%;
line-height: 20px; }
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-next:before {
content: "\f178";
font-size: 15px; }
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-prev {
right: 51%;
line-height: 20px;
bottom: 100%; }
.w3l-products-page .proThumbnails.vertical .slick-slider .slick-prev:before {
content: "\f177";
font-size: 15px; } }
.w3l-products-page .proThumbnails.vertical .slick-vertical .slick-slide {
border: none;
text-align: center; }
.w3l-products-page .proThumbnails.vertical .slick-vertical .slick-slide > a {
display: inline-block;
vertical-align: top;
margin-bottom: 20px; }
.w3l-products-page .proThumbnails.vertical .slick-vertical .slick-slide > a.active,
.w3l-products-page .proThumbnails.vertical .slick-vertical .slick-slide > a:hover {
box-shadow: 4px 3px 5px 0 rgba(143, 143, 143, 0.5); }
.w3l-products-page .proThumbnails.vertical .slick-vertical .slick-prev,
.w3l-products-page .proThumbnails.vertical .slick-vertical .slick-next {
opacity: 0;
visibility: hidden; }
.w3l-products-page .proThumbnails.vertical .slick-vertical:hover .slick-prev,
.w3l-products-page .proThumbnails.vertical .slick-vertical:hover .slick-next {
opacity: 1;
visibility: visible; }
.w3l-products-page .proThumbnails.vertical .slick-vertical:hover .slick-prev {
bottom: -5px;
transtion: all ease 300ms; }
.w3l-products-page .proThumbnails.vertical .slick-vertical:hover .slick-next {
top: -25px;
transtion: all ease 300ms; }
.w3l-products-page .proThumbnails.bottom {
padding-top: 20px; }
.w3l-products-page .proThumbnails.outside {
padding-top: 25px; }
.w3l-products-page .proThumbnails .owl-thumblist {
margin-left: -5px;
margin-right: -5px; }
.w3l-products-page .proThumbnails .owl-thumblist .owl-stage-outer {
text-align: center; }
.w3l-products-page .proThumbnails .owl-thumblist .owl-stage {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .proThumbnails .owl-thumblist .thumbItem {
padding: 10px 5px; }
.w3l-products-page .proThumbnails .owl-thumblist .thumbItem a img {
opacity: 0.6;
filter: alpha(opacity=60); }
.w3l-products-page .proThumbnails .owl-thumblist .thumbItem a.active img {
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page .proThumbnails .owl-thumblist .slick-arrow {
background: #fff;
width: 30px;
height: 30px;
left: 0;
right: 0;
margin: auto;
line-height: 26px;
border: 2px solid #121212;
text-align: center;
color: #121212; }
.w3l-products-page .proThumbnails .owl-thumblist .slick-arrow:before {
font-size: 16px;
font-family: "FontAwesome"; }
.w3l-products-page .proThumbnails .owl-thumblist .slick-arrow:hover {
background-color: #121212;
color: #fff; }
.w3l-products-page .proThumbnails .owl-thumblist .slick-next {
bottom: -10px;
top: auto; }
.w3l-products-page .proThumbnails .owl-thumblist .slick-next:before {
content: "\f107 ";
margin: 0; }
.w3l-products-page .proThumbnails .owl-thumblist .slick-prev {
top: -12px;
line-height: 24px; }
.w3l-products-page .proThumbnails .owl-thumblist .slick-prev:before {
content: "\f106 "; }
.w3l-products-page .proThumbnails .owl-buttons {
position: relative;
padding: 10px 0;
text-align: center; }
.w3l-products-page .proThumbnails .owl-buttons > div {
position: relative;
margin: 0px 6px;
visibility: visible;
display: inline-block;
vertical-align: middle;
opacity: 0.6;
filter: alpha(opacity=60); }
.w3l-products-page .sticky .proThumbnails .thumbItem {
padding-top: 30px; }
@media (min-width: 1200px) {
.w3l-products-page .proBoxInfo {
width: calc(50% - 20px);
margin-left: 20px; } }
@media (max-width: 991px) {
.w3l-products-page .proBoxInfo {
padding-left: 15px; } }
.w3l-products-page .proBoxInfo h1 {
padding: 0px;
color: #121212;
margin-top: 18px;
margin-bottom: 15px;
font-size: 30px;
font-weight: 500;
line-height: 100%; }
.w3l-products-page .proBoxInfo .proReviews {
margin: 15px 0 10px; }
.w3l-products-page .proBoxInfo .proReviews .spr-badge-starrating {
margin-right: 30px; }
.w3l-products-page .proBoxInfo .proReviews .spr-badge-starrating .spr-icon {
font-size: 13px;
color: var(--theme-color-3); }
.w3l-products-page .proBoxInfo .proAttr {
margin: 0px 0px 15px;
color: #909090; }
.w3l-products-page .proBoxInfo .proAttr > label {
margin-right: 10px;
font-weight: 600;
color: #121212;
font-size: 14px;
margin-bottom: 0; }
.w3l-products-page .proBoxInfo .proShortDescription {
margin: 30px 0 43px;
color: #666;
font-size: 15px;
line-height: 1.7;
padding: 0; }
.w3l-products-page .proBoxInfo .proPrice {
margin: 0; }
.w3l-products-page .proBoxInfo .proPrice .priceProduct {
font-size: 25px;
color: var(--theme-color-3);
font-weight: 500; }
.w3l-products-page .proBoxInfo .proPrice .priceProduct.priceCompare {
color: #909090;
font-size: 20px;
font-weight: 300; }
.w3l-products-page .proBoxInfo .selector-wrapper {
margin: 0px 0px 10px; }
.w3l-products-page .proBoxInfo .selector-wrapper:before,
.w3l-products-page .proBoxInfo .selector-wrapper:after {
content: " ";
display: table; }
.w3l-products-page .proBoxInfo .selector-wrapper:after {
clear: both; }
.w3l-products-page .proBoxInfo .selector-wrapper > label {
display: block;
font-size: 14px;
font-style: italic;
color: #333333;
font-weight: normal;
text-transform: capitalize; }
.w3l-products-page .proBoxInfo .selector-wrapper > select {
width: 100%;
padding: 0 25px 0 20px;
font-size: 16px;
height: 40px;
color: #888888;
border: 2px solid #666;
background: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/arrow-downa5f7.png?6250277391899673350) right center no-repeat transparent;
font-style: italic;
box-shadow: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none; }
.w3l-products-page .proBoxInfo .selector-wrapper > select:focus {
border-color: #121212;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(18, 18, 18, 0.3); }
.w3l-products-page .proBoxInfo .boxButton {
display: flex;
align-items: center; }
.w3l-products-page .proBoxInfo .boxButton .proQuantity {
display: inline-block;
border: 1px solid #909090;
margin-right: 30px; }
.w3l-products-page .proBoxInfo .boxButton .proButton {
margin-top: 0;
margin-right: 30px; }
@media (max-width: 767px) {
.w3l-products-page .proBoxInfo .boxButton .proButton {
margin: 0; } }
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart {
padding: 13px 8px;
font-size: 14px;
line-height: 22px;
font-weight: 500;
display: inherit;
background: white;
color: #121212;
border: 1px solid #909090; }
@media (max-width: 767px) {
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart {
padding: 13px 0; } }
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart .add_to_cart {
width: 24px;
height: 24px;
position: absolute;
margin-left: 10px;
font-size: 24px; }
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart #AddToCartText {
padding-left: 52px;
margin-right: 15px;
color: #121212;
font-weight: 600; }
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart:hover {
background: var(--theme-color-3);
color: #fff;
border: 1px solid var(--theme-color-3); }
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart:hover #AddToCartText {
color: #fff; }
.w3l-products-page .proBoxInfo .boxButton .proButton .btnAddToCart:hover .add_to_cart {
color: #fff; }
.w3l-products-page .proBoxInfo .boxButton .proButton .swym-button-bar {
margin: 10px 0; }
.w3l-products-page .proBoxInfo .boxButton .proButton .swym-button-bar .swym-btn-container .swym-icontext {
padding: 0 25px 0 35px;
background: #121212; }
.w3l-products-page .proBoxInfo .boxButton .proButton .swym-button-bar .swym-btn-container .swym-icontext:after {
left: 20px; }
.w3l-products-page .proBoxInfo .boxButton .proButton .swym-button-bar .swym-btn-container .swym-icontext:hover {
background: #fff;
color: #121212;
border: 1px solid #121212; }
.w3l-products-page .proBoxInfo .boxButton .proButton .swym-button-bar .swym-btn-container .swym-icontext:hover:after {
color: #121212; }
.w3l-products-page .proBoxInfo .wpbGroup {
padding: 42px 0 0px; }
.w3l-products-page .proBoxInfo .wpbGroup .productCollection a {
color: #909090; }
.w3l-products-page .proBoxInfo .wpbGroup .productCollection a:hover {
color: var(--theme-color-3); }
.w3l-products-page .proBoxInfo .wpbGroup .productTags a {
color: #909090; }
.w3l-products-page .proBoxInfo .wpbGroup .productTags a:hover {
color: var(--theme-color-3); }
.w3l-products-page .proBoxInfo .wpbProductSharing {
display: block;
clear: both;
padding: 0px; }
.w3l-products-page .wpbJsQty {
display: flex; }
.w3l-products-page .wpbJsQty .wpbQtyAdjust {
border: 0;
padding: 0 10px;
height: 48px;
line-height: 48px;
background: #f5f5f5; }
.w3l-products-page .wpbJsQty .wpbQtyAdjust .txtFallback {
font-size: 16px;
font-weight: 600;
color: #121212; }
.w3l-products-page .wpbJsQty .wpbQtyAdjust:hover {
color: #121212; }
.w3l-products-page .wpbJsQty .wpbQtyNum {
height: 48px;
width: 50px;
border: 0;
line-height: 46px;
font-size: 20px;
font-weight: 600;
color: #121212;
border-left: 1px solid #909090;
border-right: 1px solid #909090;
text-align: center;
background: transparent;
border-radius: unset; }
.w3l-products-page .proDetailInfo {
padding-bottom: 95px; }
.w3l-products-page .proDetailInfo .DetailsInfo {
margin: 0;
background: #f5f5f5;
padding: 50px 100px; }
@media (max-width: 767px) {
.w3l-products-page .proDetailInfo .DetailsInfo {
padding: 30px 15px; } }
@media (min-width: 1200px) {
.w3l-products-page .proDetailInfo .DetailsInfo {
padding: 60px 10%; } }
@media (min-width: 1500px) {
.w3l-products-page .proDetailInfo .DetailsInfo {
padding: 60px 20%; } }
.w3l-products-page .proDetailInfo .nav-tabs {
text-align: center;
border-bottom: 0;
padding: 0 0 45px; }
.w3l-products-page .proDetailInfo .nav-tabs lspan.fa {
position: relative;
float: none;
display: inline-block;
vertical-align: middle;
padding: 0 20px; }
.w3l-products-page .proDetailInfo .nav-tabs li a {
padding: 0;
margin: 0;
font-size: 20px;
font-weight: 500;
border: 0;
color: #666;
padding-bottom: 1px;
line-height: 1.7;
text-transform: capitalize;
position: relative; }
.w3l-products-page .proDetailInfo .nav-tabs li a:before {
content: "";
position: absolute;
bottom: 0;
height: 2px;
background: var(--theme-color-3);
transition: all 0.2s ease;
opacity: 0;
width: 0; }
.w3l-products-page .proDetailInfo .nav-tabs li:hover a,
.w3l-products-page .proDetailInfo .nav-tabs li.active a {
color: #121212; }
.w3l-products-page .proDetailInfo .nav-tabs li:hover a:before,
.w3l-products-page .proDetailInfo .nav-tabs li.active a:before {
width: 100%;
opacity: 1; }
.w3l-products-page .proDetailInfo .tab-content {
line-height: 2em; }
.w3l-products-page .proDetailInfo .tab-content .tab-pane.active {
display: inline; }
.w3l-products-page .proDetailInfo .tab-content .tab-pane.active ul {
padding: 0; }
.w3l-products-page .proDetailInfo .tab-content .tab-pane.active ul > lspan.fa {
list-style: none; }
.w3l-products-page .proDetailInfo .tab-content .tab-pane.active ul > li:before {
content: "\f00c";
font-family: FontAwesome;
color: var(--theme-color-3);
float: left;
margin-right: 10px; }
.w3l-products-page .proDetailInfo .spr-container {
padding: 20px; }
.w3l-products-page .proDetailInfo .spr-container .spr-header-title {
font-size: 19px; }
.w3l-products-page .proDetailInfo .spr-container .spr-form-label {
font-size: 15px; }
.w3l-products-page .proDetailInfo .spr-container .spr-icon.spr-icon-star-hover {
color: #121212; }
.w3l-products-page .proDetailInfo .spr-container .spr-form-input-text,
.w3l-products-page .proDetailInfo .spr-container .spr-form-input-email,
.w3l-products-page .proDetailInfo .spr-container .spr-form-input-textarea {
border: 1px solid #666;
padding: 6px 14px; }
.w3l-products-page .proDetailInfo .spr-container .spr-button-primary {
background-color: rgba(0, 0, 0, 0);
border-color: #121212;
color: #121212;
transition: all 0.35s ease; }
.w3l-products-page .proDetailInfo .spr-container .spr-button-primary:hover {
background-color: var(--theme-color-3);
border-color: var(--theme-color-3);
color: white; }
.w3l-products-page .proDetailInfo .spr-container .spr-content .spr-form-review .spr-form-review-rating {
overflow: unset; }
.w3l-products-page .proDetailInfo .panel-heading {
padding: 0px; }
.w3l-products-page .proDetailInfo .panel-heading a {
display: block;
padding: 10px 0px;
text-decoration: none; }
.w3l-products-page .proDetailInfo .panel-group .panel-heading + .panel-collapse > .panel-body {
border: 0px; }
.w3l-products-page .proRelated #relatedProducts .wpbHomeTitle {
font-size: 25px;
text-transform: uppercase;
margin-bottom: 60px;
font-weight: 400;
font-family: Helvetica Medium;
padding: 0; }
.w3l-products-page .proRelated #relatedProducts .wpbHomeTitle:before {
display: none; }
.w3l-products-page .proRelated #relatedProducts .wpbHomeTitle .title {
font-size: 25px;
text-transform: uppercase;
font-family: Helvetica Medium; }
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav > div {
top: -50px;
background: transparent;
width: 20px;
height: 20px;
visibility: visible;
opacity: 1; }
@media (max-width: 767px) {
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav > div {
top: 0; } }
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav .owl-prev {
right: 35px;
left: auto; }
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav .owl-prev:after {
content: "";
position: absolute;
width: 1px;
height: 70%;
top: 3px;
right: -7px;
background: #828282; }
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav .owl-prev:before {
content: "\f177";
font-family: "FontAwesome";
font-size: 20px;
line-height: 20px;
vertical-align: top; }
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav .owl-next {
right: 0; }
.w3l-products-page .proRelated #relatedProducts .wpbContent .owl-nav .owl-next:before {
content: "\f178";
font-family: "FontAwesome";
font-size: 20px;
line-height: 20px;
vertical-align: top; }
.w3l-products-page #vealAccordion {
margin-top: 50px; }
.w3l-products-page #vealAccordion .panel-heading {
padding: 0; }
.w3l-products-page #vealAccordion .panel-heading .panel-title a {
background-color: #121212;
padding: 20px 25px;
color: #fff;
display: block;
position: relative; }
.w3l-products-page #vealAccordion .panel-heading .panel-title a:after {
content: "\f067";
position: absolute;
right: 15px;
top: 20px;
font-family: "FontAwesome";
font-size: 12px; }
.w3l-products-page #vealAccordion .panel-title a.collapsed {
background-color: #fff;
color: #666; }
.w3l-products-page #vealAccordion .panel-title a.collapsed:after {
content: "\f068 "; }
.w3l-products-page .swatch {
margin: 0px 0px 25px; }
.w3l-products-page .swatch:before,
.w3l-products-page .swatch:after {
content: " ";
display: table; }
.w3l-products-page .swatch:after {
clear: both; }
.w3l-products-page .swatch .header {
margin: 0px;
padding: 0 0 14px 0px;
float: left;
width: 100%;
font-size: 14px;
font-weight: 600;
color: #121212; }
.w3l-products-page .swatch input {
display: none; }
.w3l-products-page .swatch label {
float: left;
color: #121212;
font-size: 17px;
font-weight: normal;
text-align: center;
line-height: 22px;
white-space: nowrap;
font-weight: 600;
border-bottom: 1px solid transparent;
text-transform: uppercase; }
.w3l-products-page .swatch .swatch-element {
float: left;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
-webkit-font-smoothing: antialiased;
margin: 0px 10px 0px 0;
position: relative; }
.w3l-products-page .swatch .swatch-element.soldout {
display: none; }
.w3l-products-page .swatch-element label {
cursor: pointer; }
.w3l-products-page .color.swatch-element label {
padding: 0; }
.w3l-products-page .swatch input:checked + label {
border-color: #121212; }
.w3l-products-page .crossed-out {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0; }
.w3l-products-page .swatch .swatch-element .crossed-out {
display: none; }
.w3l-products-page .swatch .swatch-element.soldout .crossed-out {
display: block; }
.w3l-products-page .swatch .swatch-element.soldout label {
opacity: 0.6;
filter: alpha(opacity=60); }
.w3l-products-page .swatch .swatch-element.color label {
width: 16px;
height: 16px;
border-radius: 50%;
background-position: 50% 50%;
border: 1px solid #666;
position: relative; }
.w3l-products-page .swatch .swatch-element.color label:before {
position: absolute;
content: "";
left: 0;
right: 0;
height: 2px;
background: transparent;
bottom: -10px;
display: block; }
.w3l-products-page .swatch .swatch-element.color input:checked + label {
border: 0; }
.w3l-products-page .swatch .swatch-element.color input:checked + label:before {
background-color: #121212; }
.w3l-products-page .swatch .swatch-element.color.white input:checked + label {
border: 1px solid #666; }
.w3l-products-page .swatch .tooltip {
text-align: center;
background: gray;
color: #fff;
bottom: 100%;
padding: 10px;
display: block;
position: absolute;
width: 100px;
left: -30px;
margin-bottom: 15px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transition: all 0.25s ease-out;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-sizing: border-box; }
.w3l-products-page .swatch .tooltip:before {
bottom: -20px;
content: "";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%; }
.w3l-products-page .swatch .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid gray 10px;
bottom: -10px;
content: "";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0; }
.w3l-products-page .swatch .swatch-element:hover .tooltip {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px); }
.w3l-products-page .swatch.error {
background-color: #e8d2d2 !important;
color: #333 !important;
padding: 1em;
border-radius: 5px; }
.w3l-products-page .swatch.error p {
margin: 0.7em 0; }
.w3l-products-page .swatch.error p:first-child {
margin-top: 0; }
.w3l-products-page .swatch.error p:last-child {
margin-bottom: 0; }
.w3l-products-page .swatch.error code {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar {
padding-bottom: 56px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage {
position: relative; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageInput,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageInput {
border: none;
height: 50px;
background: #f5f5f5; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageInput:focus,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageInput:focus {
box-shadow: none;
border: none; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageButton,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageButton {
padding: 0;
background: none;
position: absolute;
right: 15px;
bottom: 0; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageButton > i,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageButton > span.fa {
font-size: 25px;
color: #909090;
line-height: 45px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageButton .searchPageButtonText,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebar .formSearchBlogPage .formSearchPageButton .searchPageButtonText {
display: none; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blog_banner,
.w3l-products-page .template-article #shopify-section-blogsidebar .blog_banner {
padding-bottom: 57px; }
@media (max-width: 767px) {
.w3l-products-page .template-blog #shopify-section-blogsidebar .blog_banner,
.w3l-products-page .template-article #shopify-section-blogsidebar .blog_banner {
text-align: center; } }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blog_banner .image_banner,
.w3l-products-page .template-article #shopify-section-blogsidebar .blog_banner .image_banner {
overflow: hidden;
display: inline-block; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blog_banner .image_banner img,
.w3l-products-page .template-article #shopify-section-blogsidebar .blog_banner .image_banner img {
transform: perspective(1000px) translate3d(0, 0, 0);
transition: transform 0.35s; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blog_banner .image_banner:hover img,
.w3l-products-page .template-article #shopify-section-blogsidebar .blog_banner .image_banner:hover img {
transform: perspective(1000px) translate3d(0, 0, 150px); }
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories {
padding-bottom: 55px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory {
padding: 5px 0; }
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory h5.cateTitle a.cateItem,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory h5.cateTitle a.cateItem {
color: #909090; }
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory h5.cateTitle a.cateItem:hover,
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory h5.cateTitle a.cateItem.active,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory h5.cateTitle a.cateItem:hover,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory h5.cateTitle a.cateItem.active {
color: var(--theme-color-3); }
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory:first-child a,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory:first-child a {
padding-top: 0; }
.w3l-products-page .template-blog #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory:last-child a,
.w3l-products-page .template-article #shopify-section-blogsidebar #wpbCategories .wpbContent .itemCategory:last-child a {
border-bottom: none;
padding-bottom: 0; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter {
padding-bottom: 57px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent {
background: #f5f5f5;
padding: 35px 20px 40px;
color: #121212; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .description,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .description {
margin-bottom: 30px;
line-height: 22px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group {
margin-bottom: 0; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group .form-control,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group .form-control {
border: 2px solid #dedede;
background: white;
margin-bottom: 10px;
height: 50px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group .btnNewsletter,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group .btnNewsletter {
font-weight: 500;
font-size: 15px;
background: var(--theme-color-3);
padding: 0 25px;
color: white;
text-transform: uppercase;
width: 100%;
height: 50px; }
.w3l-products-page .template-blog #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group .btnNewsletter:hover,
.w3l-products-page .template-article #shopify-section-blogsidebar .blogSidebarNewsletter .wpbContent .formNewsletter .form-group .btnNewsletter:hover {
background: #e2a433; }
.w3l-products-page .template-blog .blogListArticle .wpbPagination,
.w3l-products-page .template-article .blogListArticle .wpbPagination {
display: flex;
justify-content: center;
padding-bottom: 15px; }
.w3l-products-page .template-blog .blogListArticle .wpbPagination:before,
.w3l-products-page .template-article .blogListArticle .wpbPagination:before {
display: none; }
.w3l-products-page .template-blog .blogListArticle .blogArticle,
.w3l-products-page .template-article .blogListArticle .blogArticle {
margin-bottom: 45px; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item,
.w3l-products-page .template-article .blogListArticle .blogArticle .item {
position: relative; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item:before,
.w3l-products-page .template-article .blogListArticle .blogArticle .item:before {
opacity: 0;
visibility: hidden;
position: absolute;
content: "";
z-index: 1;
width: 100%;
height: 100%;
transition: all 0.3s ease;
box-shadow: -2px 3px 27px 4px rgba(102, 102, 102, 0.5); }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent {
position: absolute;
top: 0;
z-index: 9;
left: 0;
display: flex;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
background: rgba(255, 255, 255, 0.9);
transition: all 0.3s ease;
padding: 15px;
transform: scale(0.9); }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .articleMeta-date,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .articleMeta-date {
font-weight: 300;
font-size: 14px;
color: var(--theme-color-3);
margin-top: 0px;
margin-bottom: 11px;
display: inline-block; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .articleMeta-author,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .articleMeta-author {
font-size: 14px;
font-weight: 300;
color: #666; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .articleMeta-author i,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .articleMeta-author span.fa {
font-size: 15px;
margin-top: 5px;
margin-right: 5px; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .articleCountComment,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .articleCountComment {
display: none; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .articleTitile,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .articleTitile {
margin: 0;
margin-bottom: 15px;
font-size: 25px;
font-family: Helvetica Medium;
color: #121212;
line-height: 30px;
font-weight: 400;
text-transform: capitalize; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .articleTitile a:hover,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .articleTitile a:hover {
cursor: pointer;
color: var(--theme-color-3); }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .rte,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .rte {
display: none; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item .articleContent .wpbSocial,
.w3l-products-page .template-article .blogListArticle .blogArticle .item .articleContent .wpbSocial {
display: none; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item:hover:before,
.w3l-products-page .template-article .blogListArticle .blogArticle .item:hover:before {
opacity: 1;
visibility: visible; }
.w3l-products-page .template-blog .blogListArticle .blogArticle .item:hover .articleContent,
.w3l-products-page .template-article .blogListArticle .blogArticle .item:hover .articleContent {
opacity: 1;
visibility: visible;
transform: scale(1); }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist {
margin-bottom: 75px; }
@media (min-width: 992px) {
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item {
display: flex; } }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item:before,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item:before {
display: none; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleImage,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleImage {
width: 50%;
float: left; }
@media (max-width: 991px) {
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleImage,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleImage {
width: 100%;
float: unset; } }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent {
width: calc(50% - 30px);
margin-left: 30px;
float: left;
position: relative;
opacity: 1;
visibility: visible;
display: block;
transform: scale(1);
padding: 0; }
@media (max-width: 991px) {
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent {
width: 100%;
float: unset;
margin-left: 0; } }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-date,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-date {
font-weight: 300;
font-size: 14px;
color: var(--theme-color-3);
margin-top: 15px;
margin-bottom: 15px;
display: inline-block; }
@media (max-width: 1499px) and (min-width: 992px) {
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-date,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-date {
margin-top: 0; } }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-author,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-author {
font-size: 14px;
font-weight: 300;
color: #666;
padding-right: 30px;
position: relative; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-author:before,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-author:before {
content: "";
width: 5px;
height: 1px;
position: absolute;
right: 15px;
top: 9px;
background: #666; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-author i,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleMeta-author span.fa {
font-size: 15px;
margin-top: 5px;
margin-right: 5px; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleCountComment,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleCountComment {
font-size: 14px;
font-weight: 300;
color: #666;
display: inline-block; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleTitile,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleTitile {
margin: 0;
margin-bottom: 15px;
font-size: 30px;
font-family: Helvetica Medium;
color: #121212;
line-height: 30px;
font-weight: 400;
text-transform: capitalize; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .articleTitile a:hover,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .articleTitile a:hover {
cursor: pointer;
color: var(--theme-color-3); }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .rte,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .rte {
display: block;
color: #666;
font-size: 15px;
font-weight: 300;
margin-top: 10px;
margin-bottom: 48px; }
@media (max-width: 1499px) {
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .rte,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .rte {
margin-bottom: 0; } }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial {
display: block; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial .wpblistSocial,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial .wpblistSocial {
margin-left: 0; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial .wpblistSocial li,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial .wpblistSocial lspan.fa {
padding-left: 0;
padding-right: 30px; }
.w3l-products-page .template-blog .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial .wpblistSocial li a,
.w3l-products-page .template-article .blogListArticle .blogArticle.bloglist .item .articleContent .wpbSocial .wpblistSocial li a {
width: auto;
height: 20px;
line-height: 20px;
font-size: 16px; }
.w3l-products-page .template-article #pageContent .articleImage {
position: relative; }
.w3l-products-page .template-article #pageContent .post-content {
margin: 0 auto;
width: 75%; }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta-date {
font-weight: 300;
font-size: 14px;
color: var(--theme-color-3);
margin-top: 25px;
margin-bottom: 0px;
display: inline-block; }
.w3l-products-page .template-article #pageContent .articleHeader h1.wpbArticleTitle {
font-family: Helvetica Medium;
font-weight: 400;
margin-top: 5px;
margin-bottom: 10px;
font-size: 40px;
line-height: 45px;
color: #121212;
padding: 0;
text-transform: capitalize; }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta {
margin-bottom: 25px; }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta .articleMeta-author {
color: #666;
font-size: 14px;
font-weight: 300;
padding-right: 25px;
position: relative; }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta .articleMeta-author:before {
content: "";
width: 5px;
height: 1px;
position: absolute;
right: 12px;
top: 9px;
background: #666; }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta .articleMeta-author span.fa {
font-size: 15px;
margin-right: 5px;
color: var(--theme-color-3); }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta .articleMeta-author .articleMeta-blog {
color: var(--theme-color-3); }
.w3l-products-page .template-article #pageContent .articleHeader .articleMeta .articleMeta-author .articleMeta-blog span {
color: #666;
text-transform: lowercase; }
.w3l-products-page .template-article #pageContent .rte {
font-size: 15px;
color: #666;
margin-bottom: 47px; }
.w3l-products-page .template-article #pageContent .articleShare-tags {
display: inline-block;
width: 100%;
padding-bottom: 46px;
border-bottom: 1px solid #ddd;
margin-bottom: 87px; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing {
display: inline-block;
float: left; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing lspan.fa {
border: transparent; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li:hover {
border: transparent;
background: transparent; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li:hover a {
background: transparent;
box-shadow: transparent; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li:hover .btnFacebook span.fa {
color: #4267b2; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li:hover .btnTwitter span.fa {
color: #00aced; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li:hover .btnGooglePlus span.fa {
color: #12A5F4; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li:hover .btnPinterest span.fa {
color: #c8232c; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li a {
background: transparent; }
.w3l-products-page .template-article #pageContent .articleShare-tags .wpbProductSharing .socialSharing li a > span.fa {
font-size: 16px; }
.w3l-products-page .template-article #pageContent .articleShare-tags .articleTags {
text-align: right;
display: inline-block;
float: right; }
@media (max-width: 1199px) {
.w3l-products-page .template-article #pageContent .articleShare-tags .articleTags {
float: left;
text-align: left; } }
.w3l-products-page .template-article #pageContent .articleShare-tags .articleTags span {
font-weight: 500;
font-size: 16px;
color: #121212; }
.w3l-products-page .template-article #pageContent .articleShare-tags .articleTags span span.fa {
font-size: 17px;
color: #121212;
margin-right: 8px; }
.w3l-products-page .template-article #pageContent .articleShare-tags .articleTags a {
color: #666;
font-size: 14px;
font-weight: 300;
text-transform: capitalize; }
.w3l-products-page .template-article #pageContent .articleShare-tags .articleTags a:hover {
color: var(--theme-color-3); }
.w3l-products-page .template-article #pageContent .articleComment {
padding: 0;
margin-bottom: 70px; }
.w3l-products-page .template-article #pageContent .articleComment h3.wpbCommentTitle {
color: #121212;
text-transform: capitalize;
margin: 0;
margin-bottom: 35px;
font-family: Helvetica Medium;
font-size: 25px;
text-align: left; }
.w3l-products-page .template-article #pageContent .articleComment .wpbDescription {
text-align: left;
color: #909090;
font-weight: 400;
padding-top: 12px;
margin-bottom: 18px; }
.w3l-products-page .template-article #pageContent .articleComment .wpbCommentsList .itemComment {
margin-bottom: 35px; }
.w3l-products-page .template-article #pageContent .articleComment .wpbCommentsList .itemComment .rte {
padding: 0;
margin: 0;
margin-bottom: 15px;
border-bottom: 1px solid rgba(144, 144, 144, 0.3); }
.w3l-products-page .template-article #pageContent .articleComment .wpbCommentsList .itemComment span {
font-size: 12px;
color: #909090; }
.w3l-products-page .template-article #pageContent .articleComment .wpbCommentsList .itemComment span strong {
font-weight: 600;
color: #666; }
.w3l-products-page .template-article #pageContent .articleComment .comment-form {
text-align: center; }
.w3l-products-page .template-article #pageContent .articleComment .comment-form .form-group {
margin-bottom: 0; }
.w3l-products-page .template-article #pageContent .articleComment .comment-form .form-group .form-control {
background: #e9e9e9;
border: none; }
.w3l-products-page .template-article #pageContent .articleComment .commentText {
margin-bottom: 30px; }
.w3l-products-page .template-article #pageContent .articleComment .commentName {
margin-bottom: 30px; }
.w3l-products-page .template-article #pageContent .articleComment .commentEmail {
margin-bottom: 30px; }
.w3l-products-page .template-article #pageContent .articleComment .btnComment {
font-size: 15px;
height: 50px;
font-weight: 700;
line-height: 50px;
padding: 0 25px;
color: white;
background: rgba(229, 174, 73, 0.9);
border-color: var(--theme-color-3); }
.w3l-products-page .template-article #pageContent .articleComment .btnComment:hover {
background: var(--theme-color-3); }
.w3l-products-page .rte img {
max-width: 100%;
margin: 0px auto;
height: auto; }
.w3l-products-page .wpbBlogTitle {
font-size: 31px;
font-weight: bold;
border-bottom: 1px solid #666;
margin: 0px 0px 30px;
padding: 9px 0px;
display: none; }
.w3l-products-page .blogArticle .blogContent h4 {
margin: 0;
padding-bottom: 10px;
font-size: 16px;
line-height: 16px;
font-weight: 600; }
.w3l-products-page .blogArticle .blogContent h4 a {
color: #121212; }
.w3l-products-page .blogArticle .blogContent h4 a:hover,
.w3l-products-page .blogArticle .blogContent h4 a:focus {
color: var(--theme-color-3);
text-decoration: none; }
.w3l-products-page .blogArticle .blogContent .articleMeta .articleMeta-date {
text-transform: uppercase;
color: #909090; }
.w3l-products-page .blogArticle .blogContent .articleMeta .articleMeta-author {
text-transform: capitalize;
color: var(--theme-color-3);
font-weight: 600; }
.w3l-products-page .blogArticle .blogContent .articleMeta .articleMeta-author span {
color: #909090;
font-weight: 400; }
.w3l-products-page .blogArticle .blogContent .rte {
line-height: 22px;
padding-bottom: 15px; }
.w3l-products-page .blogArticle .blogContent .btn-links {
text-transform: capitalize;
font-size: 13px;
padding-left: 40px;
line-height: 18px;
margin-top: 30px;
position: relative;
color: #666;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .blogArticle .blogContent .btn-links .fa {
position: absolute;
left: 0;
top: 0;
font-size: 18px;
color: #fff;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .blogArticle .blogContent .btn-links:hover {
color: #121212; }
.w3l-products-page .blogArticle .blogContent .btn-links:hover .fa {
left: 10px;
color: #121212; }
.w3l-products-page .articleButton {
padding: 20px 0px; }
.w3l-products-page .articleButton a {
color: #909090;
background-color: #ebebeb;
padding: 8px 10px; }
.w3l-products-page .articleButton a:hover,
.w3l-products-page .articleButton a:focus {
color: white;
background-color: var(--theme-color-3);
text-decoration: none; }
.w3l-products-page .blogListArticle .blogArticle {
margin-bottom: 30px; }
.w3l-products-page .blogListArticle .blogArticle .item {
margin: 0; }
.w3l-products-page .blogListArticle .blogArticle .item .articleImage {
position: relative; }
.w3l-products-page .blogListArticle .blogArticle .item .articleTitile a {
color: #121212; }
.w3l-products-page .blogListArticle .blogArticle .item .articleTitile:hover {
color: var(--theme-color-3); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent {
display: inline-block;
position: relative; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent:before {
content: "";
background: #ddd;
position: absolute;
width: 1px;
height: calc(100% - 50px);
top: 0;
left: 50%; }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent:before {
display: none; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .btnLoadMore {
margin-top: 30px; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right {
padding-left: 165px;
position: relative; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right .articleMeta-date {
left: -44px;
top: 65%; }
@media (max-width: 1199px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right {
padding-left: 130px; } }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right {
padding-left: 15px; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right:hover .articleMeta-date .date {
color: #fff;
background: var(--theme-color-3); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right:hover .articleMeta-date .time {
bottom: 1px;
z-index: 1;
opacity: 1; }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right:hover .articleMeta-date .time {
bottom: -26px; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-right:hover .articleMeta-date > span.fa {
top: 25px; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left {
padding-right: 165px;
position: relative; }
@media (max-width: 1199px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left {
padding-right: 130px; } }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left {
padding-right: 15px; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left .articleMeta-date {
right: -44px;
top: 0; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left .articleMeta-date > span.fa {
transform: rotateY(180deg); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left:hover .articleMeta-date .date {
color: #fff;
background: var(--theme-color-3); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left:hover .articleMeta-date .time {
bottom: 0;
z-index: 1;
opacity: 1; }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left:hover .articleMeta-date .time {
bottom: -26px; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .item-left:hover .articleMeta-date > span.fa {
top: 25px; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .articleMeta-date {
position: absolute;
text-align: center; }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .articleMeta-date {
right: 40px !important;
top: 20px !important;
left: auto !important; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .articleMeta-date > span.fa {
display: block;
color: var(--theme-color-3);
font-size: 40px;
line-height: 27px;
position: relative;
top: 0;
transition: all 0.2s ease; }
@media (max-width: 991px) {
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .articleMeta-date > span.fa {
display: none; } }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .articleMeta-date .date {
color: #121212;
font-weight: 500;
text-transform: uppercase;
display: block;
padding: 7px 5px;
font-size: 14px;
-webkit-border-radius: 5px;
background: #fff;
transition: all 0.2s ease;
border: 1px solid rgba(143, 143, 143, 0.3); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .articleMeta-date .time {
padding: 2px 5px;
font-size: 12px;
font-weight: 300;
position: absolute;
left: 50%;
margin-right: -50%;
transform: translate(-50%);
bottom: 26px;
z-index: -1;
opacity: 0;
background: #fff;
transition: all 0.2s ease;
border: 1px solid rgba(143, 143, 143, 0.3);
color: var(--theme-color-3); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle {
border: 1px solid #ddd;
margin-bottom: 30px; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle:hover .articleImage > img {
transform: scale3d(1.1, 1.1, 1); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle .articleImage {
display: inline-block;
overflow: hidden; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle .articleImage > img {
transition: opacity 1s ease 0s, transform 1s ease 0s; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle .blogContent {
padding: 0 30px 35px 40px;
margin-top: 15px; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle .blogContent .articleTitile {
font-size: 20px;
margin-top: 15px;
margin-bottom: 3px;
font-weight: 400;
font-family: Helvetica medium; }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle .blogContent .btnReadmore .btnWpbingoReadmore {
color: #666;
font-weight: 500;
padding-bottom: 3px;
display: inline-block;
margin-top: 4px;
font-size: 15px;
float: unset;
padding: 0;
border: 0;
transition: all 0.3s ease;
border-bottom: 1px solid var(--theme-color-3); }
.w3l-products-page .blogLoadMore .wpbblogsMore .wpbContent .blogArticle .blogContent .btnReadmore .btnWpbingoReadmore:hover {
color: var(--theme-color-3);
background: transparent; }
.w3l-products-page .wpbBlog {
overflow: hidden; }
.w3l-products-page .wpbBlog .wpbContent .owl-stage-outer {
padding-bottom: 25px; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .articleMeta-date {
font-size: 14px;
color: var(--theme-color-3);
margin-bottom: 12px;
font-weight: 300; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .img-responsive {
transform: perspective(1000px) translate3d(0, 0, 0);
transition: transform 0.35s; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle:hover .img-responsive {
transform: perspective(1000px) translate3d(0, 0, 150px); }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .articleImage {
overflow: hidden;
position: relative;
margin: 15px 0; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .articleImage .articleMeta-date {
position: absolute;
top: 40px;
left: 30px;
background: #fff;
width: 40px;
display: inline-block; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .articleImage .articleMeta-date .day {
width: 100%;
display: inline-block;
text-align: center;
padding: 1px 0 0;
font-size: 14px;
color: #121212;
font-weight: 700; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .articleImage .articleMeta-date .month {
width: 100%;
display: inline-block;
text-align: center;
background: #121212;
color: #fff;
padding: 1px 0 0;
font-weight: 500;
font-size: 14px; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleMeta-author {
margin-right: 35px;
position: relative; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleMeta-author:after {
content: "/";
position: absolute;
right: -20px; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleContent {
margin-top: 10px; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleContent .btnReadmore {
margin: 0;
display: inline-block; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleContent .btnReadmore .btnWpbingoReadmore {
color: #666;
font-weight: 500;
display: inline-block;
margin-top: 4px;
padding: 0 0 3px 0;
border: 0;
transition: all 0.3s ease;
border-bottom: 1px solid var(--theme-color-3);
font-size: 15px; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleContent .btnReadmore .btnWpbingoReadmore:hover {
background: transparent;
color: var(--theme-color-3); }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleContent .rte {
padding-bottom: 10px; }
.w3l-products-page .wpbBlog .wpbContent .blogArticle .blogContent .articleTitile {
font-family: Helvetica Medium, sans-serif;
font-size: 20px;
font-weight: 400;
margin-top: 15px; }
.w3l-products-page .wpbVideo .wpb-video {
display: inline-block; }
.w3l-products-page .wpbVideo .wpb-video .videoThumb:hover {
opacity: 0.7; }
.w3l-products-page .wpbPolicy .content {
text-align: center; }
@media (max-width: 480px) {
.w3l-products-page .wpbPolicy .content {
margin-bottom: 30px; } }
.w3l-products-page .wpbPolicy .content .policy-icon {
display: inline-block;
background: #f5f5f5;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
margin-bottom: 22px;
text-align: center; }
.w3l-products-page .wpbPolicy .content .contactPolicy {
background: #fff;
text-align: center; }
.w3l-products-page .wpbPolicy .content .contactPolicy .title-policy {
margin: 0;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
color: #121212;
text-transform: uppercase;
font-family: Helvetica medium; }
.w3l-products-page .wpbPolicy .content .contactPolicy .description {
margin: 0;
color: #666;
font-size: 15px; }
.w3l-products-page .cartTitle {
margin: 0px;
padding: 0 0 10px 0px;
font-size: 21px;
font-weight: 600;
color: #121212;
border-bottom: 1px solid #909090; }
.w3l-products-page .cartContainer {
margin: 0;
padding: 0;
min-height: 60vh; }
.w3l-products-page .cartTable {
margin: 30px 0px 0px 0px; }
@media (max-width: 768px) {
.w3l-products-page .cartTable {
overflow-x: auto;
overflow-y: hidden; } }
.w3l-products-page .cartTable a:hover,
.w3l-products-page .cartTable a:focus {
text-decoration: none; }
.w3l-products-page .cartTable .cartHeaderLabels {
width: 100%;
max-width: 100%;
font-size: 80%; }
.w3l-products-page .cartTable .cartHeaderLabels thead tr th {
text-align: center;
padding: 15px 15px;
font-size: 14px;
color: #121212; }
.w3l-products-page .cartTable .cartHeaderLabels tbody tr td {
text-align: center;
padding: 15px 15px;
font-size: 14px;
color: #121212; }
.w3l-products-page .cartTable .cartHeaderLabels tbody tr td a {
color: #121212; }
.w3l-products-page .cartTable .cartHeaderLabels tbody tr td a:hover {
color: var(--theme-color-3); }
.w3l-products-page .cartTable .cartRemove {
display: block;
padding: 5px 0px; }
.w3l-products-page .cartTable .wpbJsQty {
display: inline-flex;
border: 1px solid #666; }
.w3l-products-page .cartItemWrap > .flexRow {
border-top: 1px solid #666; }
.w3l-products-page .cartItemWrap > .flexRow > div {
padding: 10px;
border-right: 1px solid #666; }
.w3l-products-page .cartItemWrap > .flexRow > div:last-child {
border-right: none; }
.w3l-products-page .cartItemWrap .productImage {
text-align: center; }
.w3l-products-page .cartItemWrap .productImage a {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .cartItemWrap .productInfo .productName {
font-size: 17px;
font-weight: 600; }
.w3l-products-page .cartSubtotalTitle {
font-weight: 500; }
.w3l-products-page .cartSubtotal {
font-size: 23px;
font-weight: bold;
margin: 0px 0px 0px 10px;
padding: 5px 0px; }
.w3l-products-page .functionCart {
padding: 20px;
border-top: 0px; }
.w3l-products-page .functionCart label {
font-weight: 500; }
.w3l-products-page .functionCart .cartSubtotal {
color: #121212; }
.w3l-products-page .functionCart .btnUpdateCart {
margin-right: 10px; }
.w3l-products-page .cartEmptyContent {
padding: 20px 0px;
color: #909090;
font-size: 14px; }
.w3l-products-page .cartEmptyContent .cartEmpty {
color: #666;
font-size: 17px;
font-weight: 600;
text-transform: uppercase; }
.w3l-products-page .wpbAccountTitle {
font-size: 22px;
font-weight: 600;
color: #121212;
margin: 0px 0px 30px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(102, 102, 102, 0.8); }
.w3l-products-page .form-group {
margin-bottom: 10px; }
.w3l-products-page .addressBoxTitle {
position: relative;
font-size: 23px;
font-weight: 600;
color: #121212;
border-bottom: 1px solid #666;
margin: 0px 0px 30px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(102, 102, 102, 0.8); }
.w3l-products-page .wpbAddressTitle {
position: relative;
font-size: 19px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
margin: 10px 0px;
padding: 10px 0px;
text-align: center; }
.w3l-products-page .wpbAccountContainer {
padding: 60px 0px; }
.w3l-products-page .formAccount {
padding: 30px;
margin: 0px;
background-color: #fbfbfb; }
.w3l-products-page .formAccount.formLogin {
min-height: 390px; }
.w3l-products-page .formAccount.formLogin .registerDescription {
color: #666;
font-size: 15px; }
.w3l-products-page .wpbLinkCancel {
padding: 5px 0px;
display: inline-block;
vertical-align: middle;
color: #666; }
.w3l-products-page .wpbLinkCancel:hover {
color: #121212; }
.w3l-products-page .wpbAccountList ul {
margin: 0px;
padding: 15px 0px; }
.w3l-products-page .wpbAccountList ul > li > a {
display: block;
position: relative;
padding: 10px 0px;
padding-left: 15px;
color: #666; }
.w3l-products-page .wpbAccountList ul > li > a:before {
content: "\f0c8";
font-family: "FontAwesome";
font-size: 8px;
color: #909090;
position: absolute;
top: 10px;
left: 0px; }
.w3l-products-page .wpbAccountList ul > li > a:hover,
.w3l-products-page .wpbAccountList ul > li > a:focus {
color: #121212;
text-decoration: none; }
.w3l-products-page .addressBoxContent {
margin: 0px 0px 30px;
padding: 15px;
background-color: #fbfbfb; }
.w3l-products-page .addressBoxContent .adressName {
margin: 0px 0px 10px;
padding: 10px 0px;
text-transform: capitalize;
color: #666;
font-size: 19px; }
.w3l-products-page .orderBox {
padding: 15px;
background-color: #fbfbfb; }
.w3l-products-page .orderBox .orderBoxTitle {
margin: 0px 0px 10px;
padding: 10px 0px;
text-transform: capitalize;
color: #666;
font-size: 19px; }
.w3l-products-page .addressList {
margin: 30px 0px;
padding: 10px;
border: 1px solid #666; }
.w3l-products-page .addressList .addressBoxFunction {
position: absolute;
right: 0px;
bottom: 15px; }
.w3l-products-page .addressList .addressBoxFunction > a {
position: relative;
display: inline-block;
vertical-align: middle;
color: #666;
font-size: 15px;
font-weight: 300;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 15px; }
.w3l-products-page .addressList .addressBoxFunction > a:before {
content: "";
font-family: "FontAwesome";
position: absolute;
top: 0px;
left: 0px; }
.w3l-products-page .addressList .addressBoxFunction > a:first-child:before {
content: "\f044"; }
.w3l-products-page .addressList .addressBoxFunction > a:last-child:before {
content: "\f00d";
color: #e4474f; }
.w3l-products-page .addressList .addressBoxFunction > a:hover,
.w3l-products-page .addressList .addressBoxFunction > a:focus {
color: #121212;
text-decoration: none; }
@media (min-width: 992px) {
.w3l-products-page .wpb-contact .contact-page {
display: flex; } }
.w3l-products-page .wpb-contact .contact-page .inforContact {
height: 100%; }
.w3l-products-page .wpb-contact .contact-page .inforContact .wpbContactBox {
margin-bottom: 0px; }
.w3l-products-page .wpb-contact .contact-page .wpbContactTitle {
font-weight: 400;
font-family: Helvetica Medium;
font-size: 25px;
margin-top: 0;
margin-bottom: 47px;
color: #121212; }
@media (min-width: 992px) {
.w3l-products-page .wpb-contact .contact-page .contact-left {
width: 40%; } }
@media (max-width: 991px) {
.w3l-products-page .wpb-contact .contact-page .contact-left {
margin-bottom: 50px; } }
@media (min-width: 992px) {
.w3l-products-page .wpb-contact .contact-page .contact-right {
width: 60%; } }
.w3l-products-page .wpbContactBox {
margin-bottom: 30px; }
.w3l-products-page .wpbContactBox label {
display: block;
color: var(--theme-color-3);
margin-bottom: 5px;
font-weight: 500;
font-size: 17px; }
.w3l-products-page .wpbContactBox .wpbContent > div {
margin-bottom: 35px; }
.w3l-products-page .wpbContactBox .wpbContent > ul {
padding: 0;
list-style: none; }
.w3l-products-page .wpbContactBox .wpbContent > ul lspan.fa {
display: flex;
margin-bottom: 25px; }
.w3l-products-page .formContactUs .form-group {
margin-bottom: 24px; }
.w3l-products-page .formContactUs .form-group .form-control {
border: 1px solid #ddd;
background: white; }
.w3l-products-page .formContactUs .form-group textarea.form-control {
max-height: 120px; }
.w3l-products-page .formContactUs .form-group .hidden-label {
margin-bottom: 12px; }
.w3l-products-page .formContactUs .form-group label {
font-weight: 400;
margin-bottom: 12px; }
.w3l-products-page .formContactUs .form-group label span {
color: red;
margin-left: 5px; }
.w3l-products-page .formContactUs .form-button .btnWpbingoOne {
height: 50px;
font-weight: 700;
text-align: center;
font-size: 15px;
margin-top: 5px;
padding: 0 75px;
color: white;
background: var(--theme-color-3);
text-transform: capitalize;
border: 1px solid var(--theme-color-3);
transition: all 0.3s ease; }
.w3l-products-page .formContactUs .form-button .btnWpbingoOne:hover {
background: #dc991f;
color: white;
border-color: #dc991f; }
.w3l-products-page .wpbGoogleMap {
position: relative;
padding-bottom: 40%;
margin-bottom: 95px; }
@media (max-width: 767px) {
.w3l-products-page .wpbGoogleMap {
padding-bottom: 100%; } }
.w3l-products-page .wpbGoogleMap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.w3l-products-page #pageContent.page404 {
position: unset;
text-align: center;
overflow: visibility; }
.w3l-products-page #pageContent.page404 .page404Content img {
margin: 0px auto; }
.w3l-products-page #pageContent.page404 .page404Content .boxText .page404Title {
font-size: 25px;
font-family: Helvetica Medium;
font-weight: 400;
color: #121212;
margin: 0px;
padding: 0px;
margin-top: 40px;
margin-bottom: 88px;
text-transform: uppercase; }
@media (max-width: 767px) {
.w3l-products-page #pageContent.page404 .page404Content .boxText .page404Title {
font-size: 12px;
margin-bottom: 15px; } }
.w3l-products-page #pageContent.page404 .page404Content .boxText .page404Des {
font-size: 15px;
color: #666;
width: 100%;
max-width: 550px;
margin: 0 auto;
font-weight: 300; }
@media (max-width: 767px) {
.w3l-products-page #pageContent.page404 .page404Content .boxText .page404Des {
font-size: 7px; } }
.w3l-products-page #pageContent.page404 .page404Content .boxText .page404Des span {
font-size: 20px;
color: #121212;
font-weight: 400;
display: inline-block;
margin-bottom: 5px; }
@media (max-width: 767px) {
.w3l-products-page #pageContent.page404 .page404Content .boxText .page404Des span {
font-size: 10px; } }
.w3l-products-page #pageContent.page404 .page404Content .formSearch {
width: 100%;
display: block;
max-width: 370px;
position: relative;
margin: 0 auto;
margin-bottom: 40px;
border-bottom: 0; }
.w3l-products-page #pageContent.page404 .page404Content .formSearch .form-control {
border: none;
border-bottom: 1px solid #909090;
padding-left: 5px;
background: transparent; }
.w3l-products-page #pageContent.page404 .page404Content .formSearch .form-control:hover,
.w3l-products-page #pageContent.page404 .page404Content .formSearch .form-control:active,
.w3l-products-page #pageContent.page404 .page404Content .formSearch .form-control:focus {
border: none;
border-bottom: 1px solid #909090;
box-shadow: unset; }
.w3l-products-page #pageContent.page404 .page404Content .formSearch .btnWpbingoSearch {
border: none;
position: absolute;
right: 0;
bottom: 0;
background: transparent;
padding-right: 5px; }
.w3l-products-page #pageContent.page404 .page404Content .formSearch .btnWpbingoSearch .btnSearchText {
display: none; }
.w3l-products-page #pageContent.page404 .boxButton {
margin-top: 55px; }
.w3l-products-page #pageContent.page404 .boxButton .textButton {
font-size: 15px;
color: #666;
display: inherit;
margin-bottom: 13px; }
.w3l-products-page #pageContent.page404 .boxButton .buttonHome {
display: inline-block;
font-size: 14px;
color: white;
font-weight: 700;
border: 1px solid var(--theme-color-3);
background: var(--theme-color-3);
text-transform: uppercase;
padding: 0 15px;
line-height: 38px; }
.w3l-products-page #pageContent.page404 .boxButton .buttonHome:hover {
color: white;
border-color: #dc991f;
background: #dc991f; }
.w3l-products-page .wpbSearchContainer .formSearch {
position: relative;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
box-shadow: none;
max-width: 500px;
margin: 0px auto 30px;
padding: 0px;
text-align: center; }
.w3l-products-page .wpbSearchContainer .btnWpbingoSearch {
height: 40px; }
.w3l-products-page .wpbSearchContainer .wpbSearch {
height: 40px;
margin-bottom: 30px; }
.w3l-products-page .wpbSearchTitle {
margin: 0px;
padding: 20px 0px;
font-size: 19px;
color: #666;
display: block;
text-align: center;
color: #909090; }
.w3l-products-page #searchPagination {
border-top: 1px solid #666;
text-align: center;
padding: 40px 0;
margin-top: 40px; }
.w3l-products-page .jsQuickview .proFeaturedImage {
position: relative;
width: 100%; }
.w3l-products-page .jsQuickview .proFeaturedImage a {
display: block; }
.w3l-products-page .jsQuickview .proFeaturedImage .loadingImage {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background-color: #e5e5e5; }
.w3l-products-page .jsQuickview .proFeaturedImage .loadingImage:before {
content: "";
z-index: 10;
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin: -27px auto 0px;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350);
background-repeat: no-repeat;
background-position: center center;
background-color: white;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.w3l-products-page .jsQuickview .selector-wrapper {
display: none; }
.w3l-products-page #wpbQuickView {
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1135;
overflow-x: auto;
overflow-y: scroll; }
.w3l-products-page #wpbQuickView .jsQuickview {
position: absolute;
width: 980px;
top: 10%;
height: auto;
margin: 0px auto;
left: 0px;
right: 0px;
padding: 30px;
z-index: 2;
background-color: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.w3l-products-page #wpbQuickView .quickviewClose {
position: absolute; }
.w3l-products-page #wpbQuickView .proBoxPrimary {
padding: 0px; }
.w3l-products-page #wpbQuickView .proBoxPrimary .quickviewName {
margin: 0 0 20px;
color: #121212;
font-weight: 600; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proQuantity {
display: inline-block;
margin-right: 15px; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proQuantity .qtySelector {
display: none; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proQuantity .wpbJsQty {
border: 1px solid #909090; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton {
display: inline-block; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton .btnAddToCart {
height: 50px;
position: relative;
top: -2px;
background: #121212;
border: 1px solid #121212; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton .btnAddToCart i.add_to_cart {
font-size: 24px;
color: #fff;
margin-right: 5px;
position: relative;
top: 0; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton .btnAddToCart span {
font-size: 14px;
font-weight: 600;
color: #fff;
position: relative;
top: -3px; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton .btnAddToCart:hover {
background: var(--theme-color-3);
border-color: var(--theme-color-3); }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton .btnAddToCart:hover span,
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .form-ajaxtocart .proButton .btnAddToCart:hover span.fa {
color: #fff; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .btnWishlist {
display: inline-block;
border: 1px solid #121212;
margin-top: 15px; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .btnWishlist a.btnProductWishlist {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 40px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: #121212; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .btnWishlist a.btnProductWishlist span.fa {
font-size: 20px;
margin-right: 10px;
color: #fff; }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .btnWishlist:hover {
border-color: var(--theme-color-3); }
.w3l-products-page #wpbQuickView .proBoxPrimary .proBoxInfo .btnWishlist:hover a {
background: var(--theme-color-3); }
.w3l-products-page .proThumbnailsQuickview {
overflow: hidden; }
.w3l-products-page .proThumbnailsQuickview .thumbItem a {
display: block; }
.w3l-products-page .proThumbnailsQuickview .thumbItem img {
max-width: 100%;
margin: 0px auto;
height: auto; }
.w3l-products-page .jsDrawerOpen {
overflow: hidden;
height: 100%; }
.w3l-products-page .drawer {
-webkit-transform: translateZ(0);
will-change: transform;
display: none;
position: fixed;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
top: 0;
bottom: 0;
padding: 0 15px 15px;
max-width: 95%;
z-index: 10;
color: #666;
background-color: #F6F6F6;
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); }
.w3l-products-page .drawer input,
.w3l-products-page .drawer textarea {
border-color: #666; }
.w3l-products-page .drawerLeft {
width: 300px;
left: -300px;
border-right: 1px solid #666; }
.w3l-products-page .jsDrawerOpenLeft .drawerLeft {
display: block;
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
-ms-transform: translateX(300px);
-o-transform: translateX(300px); }
.w3l-products-page .lt-ie9 .jsDrawerOpenLeft .drawerLeft {
left: 0; }
.w3l-products-page .drawerRight {
width: 300px;
right: -300px;
border-left: 1px solid #666; }
.w3l-products-page .jsDrawerOpenRight .drawerRight {
display: block;
-webkit-transform: translateX(-300px);
-moz-transform: translateX(-300px);
-ms-transform: translateX(-300px);
-o-transform: translateX(-300px); }
.w3l-products-page .lt-ie9 .jsDrawerOpenRight .drawerRight {
right: 0; }
.w3l-products-page .isMoved {
transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);
max-width: 1920px;
margin: 0 auto; }
.w3l-products-page .jsDrawerOpenLeft .isMoved {
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
-ms-transform: translateX(300px);
-o-transform: translateX(300px); }
.w3l-products-page .jsDrawerOpenRight .isMoved {
-webkit-transform: translateX(-300px);
-moz-transform: translateX(-300px);
-ms-transform: translateX(-300px);
-o-transform: translateX(-300px); }
.w3l-products-page .is-transitioning {
display: block !important;
visibility: visible !important; }
.w3l-products-page a:focus,
.w3l-products-page button:focus {
outline: none; }
.w3l-products-page .row.noGutter {
margin-left: 0px;
margin-right: 0px; }
.w3l-products-page .noGutter > [class*='col-'] {
padding-right: 0;
padding-left: 0; }
.w3l-products-page .errors ul {
list-style: none;
margin: 0px;
padding: 0px; }
.w3l-products-page .embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden; }
.w3l-products-page .embed-responsive .embed-responsive-item,
.w3l-products-page .embed-responsive iframe,
.w3l-products-page .embed-responsive embed,
.w3l-products-page .embed-responsive object,
.w3l-products-page .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.w3l-products-page .embed-responsive-21by9 {
padding-bottom: 42.85714%; }
.w3l-products-page .embed-responsive-16by9 {
padding-bottom: 56.25%; }
.w3l-products-page .embed-responsive-4by3 {
padding-bottom: 75%; }
.w3l-products-page .embed-responsive-1by1 {
padding-bottom: 100%; }
.w3l-products-page .proSlickCarousel {
margin-left: -15px;
margin-right: -15px; }
.w3l-products-page .proSlickCarousel .item {
padding: 0px 15px; }
.w3l-products-page .proOwlCarousel {
margin-left: -15px;
margin-right: -15px; }
.w3l-products-page .btnWpbingoOne {
background-color: #fff;
border-color: #909090;
color: #121212;
border-width: 1px;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
transition: all 0.35s ease; }
.w3l-products-page .btnWpbingoOne:hover {
background-color: var(--theme-color-3);
color: #fff;
border: 1px solid var(--theme-color-3); }
.w3l-products-page .btnWpbingoOne:focus,
.w3l-products-page .btnWpbingoOne:active {
outline: none; }
.w3l-products-page .btnWpbingoTwo {
background-color: transparent;
color: #121212;
border-color: #909090;
border-width: 1px;
transition: all 0.35s ease; }
.w3l-products-page .btnWpbingoTwo:hover {
background-color: #121212;
border-color: #121212;
color: #fff; }
.w3l-products-page .btnOutlinePrimary {
border: 1px solid #121212;
color: #121212; }
.w3l-products-page .btnOutlinePrimary:hover {
color: #909090;
border-color: #909090; }
.w3l-products-page .btnLoadMore {
border: 2px solid var(--theme-color-3);
font-size: 15px;
text-transform: uppercase;
color: var(--theme-color-3);
font-weight: 600;
text-align: center;
padding: 14px 35px;
display: inline-block;
position: relative;
border-radius: 35px; }
.w3l-products-page .btnLoadMore:hover {
border: 2px solid var(--theme-color-3);
background: var(--theme-color-3);
color: #fff; }
.w3l-products-page .btnWpbingoCancel {
background-color: #f9f9f9;
color: #909090;
border: 1px solid #666;
transition: all 0.35s ease; }
.w3l-products-page .btnWpbingoCancel:hover {
background-color: #ececec; }
.w3l-products-page .btnWpbingoReadmore {
border: 1px solid #909090;
color: #121212;
font-weight: 600;
padding: 11px 10px;
text-transform: capitalize;
font-size: 14px;
float: right; }
.w3l-products-page .btnWpbingoReadmore:hover {
background-color: var(--theme-color-3);
color: #fff; }
.w3l-products-page .wpbFlexRow {
margin-left: -15px;
margin-right: -15px; }
.w3l-products-page .flexRow {
display: flex;
flex-flow: row wrap; }
.w3l-products-page .banners-effect-1 img {
transition: all 0.2s ease-in; }
.w3l-products-page .banners-effect-1 img:hover {
opacity: 0.8; }
.w3l-products-page .banners-effect-2 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-2 a:hover:before,
.w3l-products-page .banners-effect-2 a:hover:after {
left: 0;
opacity: 1; }
.w3l-products-page .banners-effect-2 a:before,
.w3l-products-page .banners-effect-2 a:after {
background-color: rgba(255, 255, 255, 0.4);
display: block;
width: 100%;
height: 100%;
left: -100%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
transition: all 0.3s ease-in;
content: "";
z-index: 1; }
.w3l-products-page .banners-effect-3 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-3 a:hover:before,
.w3l-products-page .banners-effect-3 a:hover:after {
border: 0 solid rgba(0, 0, 0, 0.7);
opacity: 0;
filter: alpha(opacity=0); }
.w3l-products-page .banners-effect-3 a:before,
.w3l-products-page .banners-effect-3 a:after {
border: 50px solid transparent;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
top: 0;
content: "";
opacity: 1;
filter: alpha(opacity=100);
width: 100px;
height: 100px;
-webkit-transform: scale(7);
-moz-transform: scale(7);
-ms-transform: scale(7);
-o-transform: scale(7);
transition: all 0.4s ease-in-out;
visibility: visible;
z-index: 1; }
.w3l-products-page .banners-effect-4 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-4 a:hover:before,
.w3l-products-page .banners-effect-4 a:hover:after {
opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
-o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1); }
.w3l-products-page .banners-effect-4 a:before,
.w3l-products-page .banners-effect-4 a:after {
border-bottom: 50px solid rgba(0, 0, 0, 0.2);
border-top: 50px solid rgba(0, 0, 0, 0.2);
content: "";
height: 100%;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
transform-origin: 50% 50% 0;
width: 100%;
-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
-o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transition: opacity 0.4s ease 0s, transform 0.35s ease 0s;
visibility: visible;
z-index: 1; }
.w3l-products-page .banners-effect-5 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-5 a:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 70px solid rgba(255, 255, 255, 0);
top: 0;
left: 0;
transition: all 0.5s ease-in-out; }
.w3l-products-page .banners-effect-5 a:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
opacity: 0.5;
border: 30px solid #fff;
top: 0;
left: 0;
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.5s ease-in-out; }
.w3l-products-page .banners-effect-5 a:hover:before {
border: 0 solid rgba(255, 255, 255, 0.7); }
.w3l-products-page .banners-effect-5 a:hover:after {
transform: scale(0.8);
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
opacity: 0;
transition-delay: 0.1s; }
.w3l-products-page .banners-effect-6 a {
display: inline-block;
position: relative;
overflow: hidden;
background: #000;
vertical-align: top; }
.w3l-products-page .banners-effect-6 a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 1;
filter: alpha(opacity=100);
transition: opacity 1s ease 0s, transform 1s ease 0s; }
.w3l-products-page .banners-effect-6 a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
transform: scale3d(1.1, 1.1, 1); }
.w3l-products-page .banners-effect-7 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-7 a:before {
position: absolute;
background: rgba(0, 0, 0, 0.3);
width: 0;
top: 0;
left: 50%;
content: "";
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .banners-effect-7 a:hover:before {
width: 100%;
left: 0;
top: 0;
height: 100%; }
.w3l-products-page .banners-effect-8 a {
display: inline-block;
position: relative;
overflow: hidden;
background: #000;
vertical-align: top; }
.w3l-products-page .banners-effect-8 a:before,
.w3l-products-page .banners-effect-8 a:after {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-8 a:before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
transform: scale(0, 1); }
.w3l-products-page .banners-effect-8 a:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
transform: scale(1, 0); }
.w3l-products-page .banners-effect-8 img {
opacity: 1;
filter: alpha(opacity=100);
transition: opacity 0.35s ease 0s; }
.w3l-products-page .banners-effect-8 a:hover:before,
.w3l-products-page .banners-effect-8 a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1); }
.w3l-products-page .banners-effect-8 a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); }
.w3l-products-page .banners-effect-9 a {
display: inline-block;
position: relative;
z-index: 10;
overflow: hidden; }
.w3l-products-page .banners-effect-9 a:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: #000;
content: '';
transition: opacity 0.35s;
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2);
opacity: 0; }
.w3l-products-page .banners-effect-9 a:hover:before {
opacity: 1; }
.w3l-products-page .banners-effect-9 a img {
opacity: 1;
transition: transform 0.35s;
transform: perspective(1000px) translate3d(0, 0, 0);
transition: opacity 1s ease 0s, transform 1s ease 0s; }
.w3l-products-page .banners-effect-9 a:hover img {
transform: scale3d(1.1, 1.1, 1); }
.w3l-products-page .banners-effect-10 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-10 a:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%);
content: '';
opacity: 0;
transform: translate3d(0, 50%, 0);
transition: opacity 0.35s, transform 0.35s; }
.w3l-products-page .banners-effect-10 a:hover:before {
opacity: 1;
transform: translate3d(0, 0, 0); }
.w3l-products-page .banners-effect-11 a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-11 a:hover:before,
.w3l-products-page .banners-effect-11 a:hover:after {
width: 100%;
height: 100%; }
.w3l-products-page .banners-effect-11 a:before,
.w3l-products-page .banners-effect-11 a:after {
background-color: rgba(0, 0, 0, 0.15);
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
width: 0;
transition: all 0.3s ease-out 0s; }
.w3l-products-page .banners-effect-11 a:after {
left: auto;
right: 0;
bottom: 0; }
.w3l-products-page .banners-effect-12 img {
transition: all 0.3s ease-in; }
.w3l-products-page .banners-effect-12 img:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%); }
.w3l-products-page .banners-effect-13 {
position: relative;
overflow: hidden; }
.w3l-products-page .banners-effect-13:before,
.w3l-products-page .banners-effect-13:after {
content: "";
position: absolute;
display: block;
z-index: 1;
transition: all 0.5s ease-in-out; }
.w3l-products-page .banners-effect-13:before {
height: 1px;
top: 10px;
left: 50%;
right: 50%;
background-color: white; }
.w3l-products-page .banners-effect-13:after {
width: 1px;
left: 10px;
top: 50%;
bottom: 50%;
background-color: white; }
.w3l-products-page .banners-effect-13 a {
position: relative;
display: block; }
.w3l-products-page .banners-effect-13 a:before,
.w3l-products-page .banners-effect-13 a:after {
content: "";
position: absolute;
display: block;
z-index: 1;
transition: all 0.5s ease-in-out; }
.w3l-products-page .banners-effect-13 a:before {
height: 1px;
bottom: 10px;
left: 50%;
right: 50%;
background-color: white; }
.w3l-products-page .banners-effect-13 a:after {
width: 1px;
right: 10px;
top: 50%;
bottom: 50%;
background-color: white; }
.w3l-products-page .banners-effect-13:hover:before {
left: 10px;
right: 10px; }
.w3l-products-page .banners-effect-13:hover:after {
top: 10px;
bottom: 10px; }
.w3l-products-page .banners-effect-13:hover a:before {
left: 10px;
right: 10px; }
.w3l-products-page .banners-effect-13:hover a:after {
top: 10px;
bottom: 10px; }
.w3l-products-page .banners-effect-14 a {
display: block;
overflow: hidden;
position: relative; }
.w3l-products-page .banners-effect-14 a:before {
border: 1px solid #ffffff;
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
filter: alpha(opacity=0);
transform: scale(1.4);
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-14 a:after {
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
transform: scale(1.4);
opacity: 0;
filter: alpha(opacity=0);
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.05);
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-14 a:hover:before,
.w3l-products-page .banners-effect-14 a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1); }
.w3l-products-page .banners-effect-14 a {
display: block;
overflow: hidden;
position: relative; }
.w3l-products-page .banners-effect-14 a img {
transform: scale(1);
transition: all 0.35s ease 0s; }
.w3l-products-page .banners-effect-14 a:before,
.w3l-products-page .banners-effect-14 a:after {
content: "";
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
transition: all 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-14 a:before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
bottom: 20px;
left: 10px;
right: 10px;
top: 20px;
transform: scale(1, 0); }
.w3l-products-page .banners-effect-14 a:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
left: 20px;
right: 20px;
bottom: 10px;
top: 10px;
transform: scale(0, 1); }
.w3l-products-page .banners-effect-14 a:hover:before,
.w3l-products-page .banners-effect-14 a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1); }
.w3l-products-page .banners-effect-14 a:hover img {
transform: scale(1.05); }
.w3l-products-page .banners-effect-15 a {
display: block;
overflow: hidden;
position: relative; }
.w3l-products-page .banners-effect-15 a:before {
border: 1px solid #ffffff;
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-15 a img {
transition: all 0.35s ease 0s; }
.w3l-products-page .banners-effect-15 a:hover:before {
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page .banners-effect-15 a:hover img {
transition: all 0.35s ease 0s; }
.w3l-products-page .banners-effect-16 a {
display: block;
overflow: hidden;
position: relative; }
.w3l-products-page .banners-effect-16 a:before {
border: 1px solid #ffffff;
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-16 a:after {
bottom: 20px;
content: "";
left: 20px;
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
right: 20px;
top: 20px;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
z-index: 1; }
.w3l-products-page .banners-effect-16 a img {
transition: all 0.35s ease 0s; }
.w3l-products-page .banners-effect-16 a:hover:before {
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page .owl-nav > div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
cursor: pointer;
margin-top: -25px;
width: 50px;
height: 50px;
font-size: 0px;
background-color: none;
color: white;
visibility: hidden;
line-height: 50px;
color: #828282;
text-align: center;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.35s ease; }
.w3l-products-page .owl-nav > div:before {
font-family: "Ionicons";
font-size: 40px;
display: inline-block;
vertical-align: middle; }
.w3l-products-page .owl-nav > div:hover {
opacity: 1;
filter: alpha(opacity=100);
color: var(--theme-color-3); }
.w3l-products-page .owl-nav .owl-prev {
left: -50px; }
.w3l-products-page .owl-nav .owl-prev:before {
content: "\f3d2"; }
.w3l-products-page .owl-nav .owl-next {
right: -50px; }
.w3l-products-page .owl-nav .owl-next:before {
content: "\f3d3"; }
.w3l-products-page .owl-dots {
text-align: center; }
.w3l-products-page .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .owl-dots .owl-dot > span {
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
margin: 5px;
background: #e0e0e0; }
.w3l-products-page .owl-dots .owl-dot.active > span {
border: 2px solid #121212;
background-color: #fff; }
.w3l-products-page .wpbOwlRow .owl-nav .owl-next {
right: -100px; }
.w3l-products-page .wpbOwlRow .owl-nav .owl-prev {
left: -100px; }
@media (max-width: 1199px) {
.w3l-products-page .wpbOwlRow .owl-nav .owl-next {
right: 0; }
.w3l-products-page .wpbOwlRow .owl-nav .owl-prev {
left: 0; } }
.w3l-products-page .wpbOwlRow:hover .owl-nav > div {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
z-index: 999; }
.w3l-products-page .wpbOwlRow:hover .owl-nav .owl-next {
right: -50px; }
.w3l-products-page .wpbOwlRow:hover .owl-nav .owl-prev {
left: -50px; }
.w3l-products-page #loading {
position: fixed;
top: 50% !important;
left: 50%;
margin-top: -27px;
margin-left: -27px;
z-index: 100; }
.w3l-products-page #loading:before {
content: "";
display: block;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350);
background-repeat: no-repeat;
background-position: center center;
background-color: white;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.w3l-products-page .proLoading {
position: relative;
min-height: 420px;
background-color: #fff; }
.w3l-products-page .proLoading:before {
content: "";
z-index: 10;
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin: -27px auto 0px;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350);
background-repeat: no-repeat;
background-position: center center;
background-color: white;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.w3l-products-page #loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -27px;
margin-left: -27px;
z-index: 100; }
.w3l-products-page #loading:before {
content: "";
display: block;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350);
background-repeat: no-repeat;
background-position: center center;
background-color: white;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.w3l-products-page #loadingSite {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
z-index: 999999999;
background: #fff; }
.w3l-products-page #loadingSite img {
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -32px;
margin-top: -32px; }
.w3l-products-page .loader {
font-size: 10px;
position: fixed;
top: 50%;
left: 50%;
margin: -5em 0 0 -5em;
text-indent: -9999em;
border: 4px solid #ccc;
border-left-color: #000;
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear; }
.w3l-products-page .loader,
.w3l-products-page .loader:after {
border-radius: 50%;
width: 10em;
height: 10em; }
@-webkit-keyframes load8 {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes load8 {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.w3l-products-page .proLoading {
position: relative;
min-height: 450px;
background-color: #e5e5e5; }
.w3l-products-page .proLoading:before {
content: "";
z-index: 10;
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin: -27px auto 0px;
width: 54px;
height: 54px;
border-radius: 50%;
background-image: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/loadinga5f7.gif?6250277391899673350);
background-repeat: no-repeat;
background-position: center center;
background-color: white;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.w3l-products-page .singleImage {
position: relative;
background-position: center center; }
@media (max-width: 767px) {
.w3l-products-page .singleImage {
background-position: right center; } }
.w3l-products-page .singleImage .contentImage {
font-weight: 300;
padding-top: 110px;
padding-bottom: 100px;
padding-right: 15px; }
@media (max-width: 767px) {
.w3l-products-page .singleImage .contentImage {
padding-left: 15px; } }
.w3l-products-page .singleImage .contentImage .subImage {
font-size: 30px;
color: var(--theme-color-3);
text-transform: capitalize;
margin: 0;
font-family: Helvetica bold;
font-weight: 400; }
.w3l-products-page .singleImage .contentImage .titleImage {
font-size: 30px;
font-family: Helvetica bold;
font-weight: 400;
color: #121212;
text-transform: lowercase;
font-weight: 400;
margin: 0;
margin-bottom: 17px; }
.w3l-products-page .singleImage .contentImage .descImage {
font-size: 15px;
color: #666;
text-transform: initial;
margin: 0;
margin-bottom: 12px;
font-weight: 300; }
.w3l-products-page .singleImage .contentImage .descImage > span {
text-transform: uppercase; }
.w3l-products-page .singleImage .contentImage .buttonImage {
display: inline-block;
margin-top: 30px;
color: #fff;
height: 50px;
line-height: 40px;
font-weight: 500;
text-transform: uppercase;
padding: 5px 40px;
background: var(--theme-color-3);
border: 1px solid var(--theme-color-3);
transition: all 0.2s ease; }
.w3l-products-page .singleImage .contentImage .buttonImage:hover {
background: #dc991f; }
.w3l-products-page .topbar {
padding: 10px 30px; }
.w3l-products-page .linktobar .topbar-inner {
padding: 10px 40px; }
.w3l-products-page .linktobar .topbar-inner .topbar-left {
padding-top: 5px; }
@media (max-width: 767px) {
.w3l-products-page .linktobar .topbar-inner .topbar-left {
padding-top: 0; } }
.w3l-products-page .linktobar .topbar-inner .topbar-left .phone {
font-size: 13px;
color: #fff;
padding-right: 20px;
position: relative; }
.w3l-products-page .linktobar .topbar-inner .topbar-left .phone > span.fa {
font-size: 16px;
margin-right: 10px; }
.w3l-products-page .linktobar .topbar-inner .topbar-left .phone:after {
content: "";
position: absolute;
background: #fff;
width: 1px;
height: 15px;
top: 2px;
right: 1px; }
@media (max-width: 991px) {
.w3l-products-page .linktobar .topbar-inner .topbar-left .phone:after {
display: none; } }
.w3l-products-page .linktobar .topbar-inner .topbar-left .mail {
font-size: 13px;
color: #fff;
padding-left: 20px;
position: relative; }
.w3l-products-page .linktobar .topbar-inner .topbar-left .mail > span.fa {
font-size: 16px;
margin-right: 10px; }
.w3l-products-page .linktobar .topbar-inner .topbar-right {
text-align: right; }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbSocial {
display: inline-block;
position: relative;
padding-right: 20px; }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbSocial:after {
position: absolute;
top: 9px;
content: "";
right: -3px;
width: 1px;
height: 15px;
background: #fff; }
@media (max-width: 991px) {
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbSocial {
display: none; } }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbSocial .wpblistSocial .btn-social {
font-size: 19px;
color: #fff;
width: auto;
height: auto;
margin-left: 15px;
margin-right: 0; }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbSocial .wpblistSocial > lspan.fa {
vertical-align: unset; }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbHeaderWishlist {
display: inline-block;
font-size: 19px;
margin: 0;
padding: 0 20px;
position: relative; }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbHeaderWishlist:after {
position: absolute;
top: 7px;
content: "";
right: -1px;
width: 1px;
height: 15px;
background: #fff; }
@media (max-width: 767px) {
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbHeaderWishlist {
display: none; } }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbIconTopLinks {
display: inline-block; }
.w3l-products-page .linktobar .topbar-inner .topbar-right .wpbIconTopLinks > span.fa {
font-size: 19px;
padding-left: 20px; }
.w3l-products-page #wpbHeaderMain {
transition: all 0.3s ease-in-out 0s; }
@media (max-width: 991px) {
.w3l-products-page #wpbHeaderMain {
padding: 0; } }
.w3l-products-page #wpbHeaderMain.header-center .headerContent {
width: 100%;
z-index: 999;
display: flex;
align-items: center;
padding: 40px;
left: 0;
flex-wrap: wrap; }
@media (max-width: 767px) {
.w3l-products-page #wpbHeaderMain.header-center .headerContent {
padding: 40px 15px; } }
.w3l-products-page #wpbHeaderMain.header-center .headerContent .wpbHeaderCenter {
position: relative;
text-align: left; }
@media (max-width: 1199px) {
.w3l-products-page #wpbHeaderMain.header-center .headerContent .wpbHeaderCenter {
padding-left: 0; } }
@media (max-width: 991px) {
.w3l-products-page #wpbHeaderMain.header-center .headerContent .wpbHeaderCenter {
display: flex;
justify-content: flex-start;
padding-left: 0;
order: 2; } }
.w3l-products-page .wpbLogo {
margin: 0px;
padding: 0px;
text-align: center;
line-height: 0; }
@media (max-width: 992px) {
.w3l-products-page .wpbLogo {
margin: 0 0 30px 0;
text-align: center; } }
.w3l-products-page .wpbLogo .wpbLogoLink {
display: inline-block; }
.w3l-products-page .wpbLogo .wpbLogoLink img {
max-height: 73px; }
.w3l-products-page .wpbHeaderRight {
display: flex;
-ms-align-items: center;
align-items: center;
-ms-justify-content: flex-end;
justify-content: flex-end; }
@media (max-width: 1199px) {
.w3l-products-page .wpbHeaderRight {
padding-right: 0; } }
@media (max-width: 991px) {
.w3l-products-page .wpbHeaderRight {
order: 3; } }
.w3l-products-page .wpbHeaderRight .formSearch {
margin-top: 0;
color: #828282;
border: 1px solid #ddd;
display: flex;
font-size: 14px;
height: 40px;
padding: 0 25px;
max-width: 415px;
width: 100%;
border-radius: 5px;
-webkit-border-radius: 5px; }
.w3l-products-page .wpbHeaderRight .formSearch .wpbSearch {
border: 0;
background: transparent;
height: 40px;
line-height: 40px;
padding: 0; }
.w3l-products-page .wpbHeaderRight .formSearch .btnWpbingoSearch {
background: transparent;
border: 0;
font-size: 19px;
color: #121212;
line-height: 40px;
padding: 0; }
.w3l-products-page .wpbHeaderRight .formSearch .btnWpbingoSearch:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbHeaderRight .formSearch .btnWpbingoSearch > span {
font-size: 0; }
.w3l-products-page .headerFixed.active {
left: 0;
right: 0;
position: fixed;
top: 0;
z-index: 100;
background-color: #fff;
box-shadow: 0 0 5px #ddd;
-webkit-animation: fadeInDown 900ms ease-in-out;
animation: fadeInDown 900ms ease-in-out; }
.w3l-products-page .headerFixed.active .wpbHeaderFixed {
background-color: #fff; }
.w3l-products-page .headerFixed.active .wpbLogoLink img {
max-height: 60px; }
.w3l-products-page .template-index .isMoved {
padding-top: 0 !important; }
.w3l-products-page .mainContent {
padding: 0; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .navigation-left {
display: inline-block;
cursor: pointer;
font-size: 25px;
color: #121212; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .navigation-left:hover {
color: var(--theme-color-3); }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left {
overflow-x: hidden;
overflow-y: auto;
position: fixed;
width: 280px;
bottom: 0;
top: 0px;
left: -280px;
padding: 50px 20px 0px;
background: #fff;
z-index: 999999;
visibility: hidden;
text-align: center;
border: 1px solid #f3f3f3;
border-width: 1px 0 0 1px;
transition: all 0.5s ease-in-out 0s; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection {
list-style: none;
padding: 0; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection .item-collection {
padding: 0 20px;
text-align: left;
border-bottom: 1px solid #f2f2f2; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection .item-collection:hover {
background: #f1f1f1; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection .item-collection a {
padding: 8.5px 0;
display: inline-block;
width: 100%;
color: #666; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection .item-collection a:before {
display: none; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection .item-collection a:hover {
color: #909090; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb-list-collection .item-collection:last-child {
border-bottom: none;
border-radius-bottom-right: 10px;
border-radius-bottom-left: 10px; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb_close {
font-size: 22px;
cursor: pointer;
color: #666; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left .wpb_close:hover {
color: #909090; }
.w3l-products-page #wpbHeaderBottom .headerContent .wpbHeaderLeft .wpb_container_left.active {
left: 0px;
visibility: visible; }
.w3l-products-page .fixContainer .container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
width: 100% !important; }
.w3l-products-page #pageContent {
position: relative;
overflow: hidden;
padding-top: 50px;
margin-top: -50px; }
@media (max-width: 991px) {
.w3l-products-page #pageContent .main-archive {
display: flex;
flex-direction: column; } }
.w3l-products-page #footer {
color: #121212;
margin-top: 100px; }
.w3l-products-page .template-index #footer {
margin-top: 0; }
.w3l-products-page .footerTop {
margin-bottom: 80px; }
@media (max-width: 767px) {
.w3l-products-page .footerTop .imgPayment {
text-align: center; } }
.w3l-products-page .footerTop .footerTopWrap {
display: flex;
padding: 50px 0; }
@media (max-width: 480px) {
.w3l-products-page .footerTop .footerTopWrap {
display: block;
text-align: center; } }
.w3l-products-page .footerTop .footerTopWrap .wpbSocialFooter {
margin-bottom: 55px; }
.w3l-products-page .wpbFooterLinks {
margin: 0px; }
.w3l-products-page .wpbFooterLinks lspan.fa {
margin-bottom: 16px; }
.w3l-products-page .wpbFooterLinks li a {
padding: 0px;
display: inline-block;
vertical-align: middle;
color: #666;
transition: all 0.3s ease-in-out 0s;
font-weight: 400; }
.w3l-products-page .wpbFooterLinks li a:hover,
.w3l-products-page .wpbFooterLinks li a:focus {
color: #e2a433;
text-decoration: none; }
.w3l-products-page .wpb_wrappertime {
color: #666; }
.w3l-products-page .wpb_wrappertime strong {
text-transform: uppercase;
font-family: Helvetica medium;
font-weight: 400;
color: #121212; }
.w3l-products-page .footerCenter {
position: relative;
padding: 60px 0px;
background-color: #fff; }
.w3l-products-page .footerCenter .footerCenterWrap .wpbFooterRow {
display: flex; }
.w3l-products-page .footerCenter .footerCenterWrap .wpbFooterLinks li a {
color: #666;
font-size: 14px;
text-transform: capitalize; }
.w3l-products-page .footerCenter .footerCenterWrap .wpbFooterLinks li:hover a {
color: var(--theme-color-3); }
.w3l-products-page .footerCenter .footerCenterWrap .wpb-contactinfo {
padding-bottom: 0; }
.w3l-products-page .footerCopyRight {
position: relative;
background-color: #fff; }
.w3l-products-page .footerCopyRight .wrapper {
padding: 22px 0; }
.w3l-products-page .footerCopyRight .wrapper .imgPayment {
text-align: right; }
@media (max-width: 767px) {
.w3l-products-page .footerCopyRight .wrapper .imgPayment {
text-align: center;
margin-top: 20px; } }
.w3l-products-page .footerCopyRight .wpbSocial {
text-align: right; }
@media (max-width: 767px) {
.w3l-products-page .footerCopyRight .wpbSocial {
text-align: center;
margin-top: 20px; } }
.w3l-products-page .footerCopyRight .wpbCopyRightLinks {
text-align: center; }
.w3l-products-page .footerCopyRight .wpbCopyRightLinks lspan.fa {
border-left: 1px solid #666;
line-height: 14px;
margin: 3px 0; }
.w3l-products-page .footerCopyRight .wpbCopyRightLinks li:first-child {
border-left: 0; }
.w3l-products-page .footerCopyRight .wpbCopyRightLinks li a {
padding: 0 5px;
color: #bbbbbb;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .footerCopyRight .wpbCopyRightLinks li a:hover {
color: #121212; }
.w3l-products-page .wpbCopyRight {
text-align: left;
color: #666; }
@media (max-width: 767px) {
.w3l-products-page .wpbCopyRight {
text-align: center; } }
.w3l-products-page .wpbCopyRight span {
color: var(--theme-color-3);
font-weight: 600; }
.w3l-products-page .wpbTitle {
font-family: Helvetica;
font-size: 14px;
font-weight: 700;
color: #909090;
margin: 0; }
.w3l-products-page .wpbTitle_style1 {
position: relative;
font-size: 20px;
font-weight: 500; }
.w3l-products-page .wpbTitle_style1:before {
height: 1px;
content: "";
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
zoom: 1;
background-color: transparent\9;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto; }
.w3l-products-page .wpbTitle_style1 > span {
background: #fff;
position: relative;
padding-right: 10px;
display: inline-block;
vertical-align: middle;
line-height: 30px; }
.w3l-products-page .wpbTitle_style1 .icon {
font-size: 24px;
color: #121212;
margin-right: 10px;
position: relative;
bottom: -2px; }
.w3l-products-page .wpbHomeTitle {
margin: 0;
font-family: Helvetica Medium, sans-serif;
color: #121212;
text-align: center;
font-size: 30px;
position: relative;
font-weight: 400;
margin-bottom: 15px;
text-transform: uppercase; }
.w3l-products-page .wpbHomeTitle:before {
content: "";
position: absolute;
height: 4px;
width: 70px;
display: none;
bottom: 0;
left: calc(50% - 35px);
background: var(--theme-color-3); }
.w3l-products-page .wpbHomeTitle .title {
background-color: white;
display: inline-block;
position: relative;
margin: 0 auto;
font-size: 35px;
text-transform: uppercase; }
.w3l-products-page .wpbHomeTitle .subtitle {
color: #666;
display: block;
margin: 0 auto;
line-height: 22px;
font-weight: 300;
text-transform: none;
font-size: 15px;
padding-bottom: 5px; }
.w3l-products-page .wpbSubTitle {
font-size: 15px;
font-weight: 300;
color: #666;
text-align: center;
margin: 0;
padding: 0;
padding-bottom: 50px;
display: block; }
.w3l-products-page .wpbFooterTitle {
font-family: Helvetica Medium, sans-serif;
font-size: 20px;
font-weight: 400;
margin: 0 0 40px;
text-transform: capitalize;
color: #121212; }
.w3l-products-page .titleSidebar {
font-family: Helvetica Medium;
font-size: 20px;
font-weight: 400;
margin: 0 0 30px;
padding: 0 0 17px;
position: relative;
color: #121212; }
.w3l-products-page .titleSidebar:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: rgba(229, 174, 73, 0.5); }
.w3l-products-page .wpbArticleTitle {
font-family: Helvetica;
font-size: 27px;
font-weight: 600;
margin: 10px 0 0px;
text-transform: uppercase;
color: #909090;
padding: 12px 0px; }
.w3l-products-page .wpbPageTitle {
font-size: 24px;
font-weight: 500;
margin: 0 0 30px;
color: #909090; }
.w3l-products-page .wpbPageSubTitle {
position: relative;
display: block;
font-family: Oswald;
padding-bottom: 15px;
position: relative;
font-size: 18px;
color: #909090;
font-weight: 400;
margin-bottom: 25px; }
.w3l-products-page .wpbPageSubTitle:before {
background-color: #121212;
bottom: 0;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
width: 20px; }
@media (min-width: 1500px) {
.w3l-products-page .wpbCenterColumn.col-md-9 {
width: 80%; } }
@media (min-width: 1500px) {
.w3l-products-page .wpbSidebar {
width: 20%; } }
@media (max-width: 991px) {
.w3l-products-page .wpbSidebar {
order: 2;
margin-top: 30px; } }
.w3l-products-page .wpbSidebar .wpbCategoriesSidebar .wpbContent .itemCategory {
color: #666;
padding: 5px 0; }
.w3l-products-page .wpbSidebar .wpbCategoriesSidebar .wpbContent .itemCategory:hover {
color: #121212; }
.w3l-products-page .wpbSidebar .wpbCategoriesSidebar .wpbContent .itemCategory:last-child {
border-bottom: none;
padding-bottom: 0; }
.w3l-products-page .wpbSidebar .wpbCategoriesSidebar .wpbContent .itemCategory:first-child {
padding-top: 0; }
.w3l-products-page .wpbSidebar .wpbCategoriesSidebar .wpbContent .itemCategory:first-child a {
padding-top: 0; }
.w3l-products-page .wpbSidebar > div {
margin-top: 47px; }
.w3l-products-page .wpbSidebar > div:first-child {
margin-top: 0px; }
.w3l-products-page .wpbSidebar > div:last-child {
margin-bottom: 30px; }
.w3l-products-page .wpbSidebar > div#shopify-section-sidebartag {
margin-top: 20px; }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle {
margin-top: 30px; }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProItem:last-child .wpbProBlock {
padding-bottom: 13px; }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock {
padding-bottom: 30px; }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media {
border: 1px solid #f5f5f5; }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media .proHImage {
float: left;
width: 100px; }
@media (max-width: 1199px) and (min-width: 992px) {
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media .proHImage {
width: auto; } }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media .media-body {
padding: 12px 10px 0 20px; }
@media (max-width: 1199px) and (min-width: 992px) {
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media .media-body {
padding: 20px; } }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media .media-body .proName a {
color: #666;
font-size: 15px;
font-weight: 500; }
.w3l-products-page .wpbSidebar #shopify-section-sidebarproductlist .wpbProducts .proListStyle .wpbProBlock .media .media-body .proName a:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectOne a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectOne a:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 70px solid rgba(255, 255, 255, 0);
top: 0;
left: 0;
transition: all 0.5s ease-in-out; }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectOne a:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
opacity: 0.5;
border: 30px solid #fff;
top: 0;
left: 0;
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.5s ease-in-out; }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectOne a:hover:before {
border: 0 solid rgba(255, 255, 255, 0.7); }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectOne a:hover:after {
transform: scale(0.8);
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
opacity: 0;
transition-delay: 0.1s; }
@media (max-width: 767px) {
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectTwo {
text-align: center; } }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectTwo a {
display: inline-block;
overflow: hidden; }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectTwo a img {
transition: transform 0.3s ease; }
.w3l-products-page .wpbSidebar .wpbBannerSidebar .effectTwo a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); }
.w3l-products-page .wpb-currency {
position: relative;
float: left; }
.w3l-products-page .wpb-currency .wpb-currency__title {
display: inline-block;
padding-right: 12px;
color: #121212;
font-size: 12px;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.35s ease; }
.w3l-products-page .wpb-currency .wpb-currency__title:after {
content: "\f107";
position: absolute;
top: 50%;
right: 0;
font-family: "FontAwesome";
font-size: 12px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.w3l-products-page .wpb-currency .wpb-currency__content {
line-height: 24px;
margin: 0;
padding: 10px 0;
border-top: 2px solid #121212;
box-shadow: 0 2px 15px #f1f1f1; }
.w3l-products-page .wpb-currency .wpb-currency__content .wpb-currency__item {
padding: 0 20px;
cursor: pointer;
font-weight: 500;
color: #121212; }
.w3l-products-page .wpb-currency .wpb-currency__content .wpb-currency__item.active,
.w3l-products-page .wpb-currency .wpb-currency__content .wpb-currency__item:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbIconTopLinks {
display: flex;
align-items: center;
text-transform: uppercase;
cursor: pointer;
font-size: 13px;
font-weight: 400;
position: relative;
transition: all 300ms ease 0s; }
.w3l-products-page .wpbIconTopLinks > span.fa {
font-size: 18px;
padding-left: 30px;
color: #121212; }
@media (max-width: 480px) {
.w3l-products-page .wpbIconTopLinks > span.fa {
padding-left: 15px; } }
.w3l-products-page .wpbIconTopLinks:hover span.fa {
color: var(--theme-color-3); }
.w3l-products-page .wpbIconTopLinks p {
margin: 0;
padding-top: 6px; }
.w3l-products-page .wpbTopLinks {
position: absolute;
right: 0;
border-top: 2px solid #121212;
background: #fff;
min-width: 150px;
top: 100%;
z-index: 999;
box-shadow: 0 2px 15px #f1f1f1; }
.w3l-products-page .wpbTopLinks ul {
padding: 10px; }
.w3l-products-page .wpbTopLinks li a {
color: #121212;
display: block;
line-height: 14px;
padding: 8px 10px; }
.w3l-products-page .wpbTopLinks li a:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbContact {
color: #bbb; }
.w3l-products-page .wpbContact .icon {
font-size: 20px;
margin-right: 7px;
position: relative;
bottom: -2px;
color: #fff; }
.w3l-products-page .wpbContact lspan.fa {
padding: 0;
position: relative;
margin-right: 40px; }
.w3l-products-page .wpbContact li:before {
content: "";
width: 0;
height: 18px;
border-left: 1px solid rgba(255, 255, 255, 0.1);
position: absolute;
right: -20px;
top: 6px; }
@media (max-width: 768px) {
.w3l-products-page .wishlist-productlist .boxWishlist {
overflow-x: auto;
overflow-y: hidden; } }
.w3l-products-page .wishlist-productlist .boxWishlist table {
width: 100%;
max-width: 100%;
font-size: 80%; }
.w3l-products-page .wishlist-productlist .boxWishlist table thead tr {
border: 1px solid #666; }
.w3l-products-page .wishlist-productlist .boxWishlist table thead tr th {
border: 1px solid #666;
text-align: center;
padding: 15px 15px;
font-size: 14px;
color: #121212; }
.w3l-products-page .wishlist-productlist .boxWishlist table thead tr .product-thumbnail {
width: 100px;
display: block;
border: none; }
.w3l-products-page .wishlist-productlist .boxWishlist table thead tr .product-stock-status {
width: 200px; }
.w3l-products-page .wishlist-productlist .boxWishlist table thead tr .product-add-to-cart {
width: 200px; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody td {
border: 1px solid #666;
text-align: center;
padding: 15px 15px; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .nameProduct {
color: #666;
font-size: 15px; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .nameProduct:hover {
color: #121212; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .price {
font-size: 15px;
font-weight: 600;
color: var(--theme-color-3); }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .stock {
display: inline-block; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .stock .instock {
border: 2px solid #297e29;
margin: 0;
text-transform: uppercase;
padding: 5px 10px;
color: #297e29;
font-weight: 600; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .stock .outstock {
border: 2px solid #ff1f1f;
margin: 0;
text-transform: uppercase;
padding: 5px 10px;
color: #ff1f1f;
font-weight: 600; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .add {
display: inline-block;
text-transform: uppercase;
background: #121212;
font-weight: 600;
color: #fff;
padding: 5px 30px;
cursor: pointer; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .add:hover {
opacity: 0.7; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .remove {
cursor: pointer; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .remove:before {
display: inline-block;
content: "\f136";
font-family: "Material-Design-Iconic-Font";
font-size: 18px;
color: #121212 !important; }
.w3l-products-page .wishlist-productlist .boxWishlist table tbody .remove:hover:before {
color: #ff1f1f !important; }
.w3l-products-page .wpbHeaderWishlist {
padding-right: 0;
font-size: 25px;
margin-left: 30px; }
@media (max-width: 767px) {
.w3l-products-page .wpbHeaderWishlist {
display: none; } }
.w3l-products-page .wpbHeaderWishlist a {
color: #121212; }
.w3l-products-page .wpbHeaderWishlist a:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbCartTop {
position: relative;
display: flex;
z-index: 20;
margin: 0;
margin-left: 30px;
margin-right: 12px;
transition: all 0.3s ease-in-out 0s; }
@media (max-width: 480px) {
.w3l-products-page .wpbCartTop {
margin-left: 15px;
margin-right: 10px; } }
.w3l-products-page .wpbCartTop #CartCount {
width: 23px;
height: 23px;
background: var(--theme-color-3);
color: #fff;
text-align: center;
position: absolute;
top: -19px;
right: -11px;
border-radius: 50%;
line-height: 23px;
font-weight: 600;
font-size: 12px; }
.w3l-products-page .wpbCartTop a {
position: relative;
display: block;
height: 24px;
color: #909090; }
.w3l-products-page .wpbCartTop a > span {
display: inline-block;
margin-top: 0;
width: 24px;
height: 24px;
text-align: center;
font-size: 24px;
color: #121212; }
.w3l-products-page .wpbCartTop a:hover > span {
color: var(--theme-color-3); }
.w3l-products-page .wpbSearchIcon {
position: relative;
z-index: 15;
cursor: pointer;
line-height: 16px;
padding-left: 28px;
display: inline-block;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .wpbSearchIcon span.fa {
font-size: 23px;
position: relative;
color: #121212; }
.w3l-products-page .wpbSearchIcon:hover span.fa {
color: var(--theme-color-3); }
.w3l-products-page .wpbSearchIcon .searchPageButtonText {
color: #909090;
font-size: 12px; }
.w3l-products-page .wpbSearchIcon .searchPageButtonText:hover {
color: var(--theme-color-3); }
.w3l-products-page #wpbSearchTop {
left: 0;
position: fixed;
top: 0%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
padding: 70px 0 100px;
width: 100%;
transition: all 0.3s ease-in-out 0s; }
@media (max-width: 991px) {
.w3l-products-page #wpbSearchTop {
padding: 20px 0 50px; } }
.w3l-products-page #wpbSearchTop.in {
z-index: 999;
opacity: 1;
filter: alpha(opacity=100); }
.w3l-products-page #wpbSearchTop .wpbSearchboxs .formSearch {
border-bottom: 0;
margin-top: 0; }
@media (min-width: 1200px) {
.w3l-products-page #wpbSearchTop .container {
width: 1200px; } }
.w3l-products-page #wpbSearchTop .container.text-center {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
padding: 50px 20px; }
@media (max-width: 767px) {
.w3l-products-page #wpbSearchTop .container.text-center {
width: 100%; } }
.w3l-products-page #wpbSearchTop .title {
color: #121212; }
.w3l-products-page #wpbSearchTop .wpbSearch {
border: 0px;
height: 40px;
border-bottom: 1px solid #fff;
color: #fff;
background-color: transparent;
box-shadow: none;
padding: 0;
font-size: 16px;
font-weight: 400; }
.w3l-products-page #wpbSearchTop .btnWpbingoSearch {
position: absolute;
top: -6%;
right: 0;
background: transparent;
border: 0;
padding: 0;
text-align: center;
color: white;
font-size: 25px; }
.w3l-products-page #wpbSearchTop .btnWpbingoSearch:focus,
.w3l-products-page #wpbSearchTop .btnWpbingoSearch:hover {
color: var(--theme-color-3); }
.w3l-products-page #wpbSearchTop .btnWpbingoSearch .btnSearchText {
display: none; }
.w3l-products-page #wpbSearchTop .btnWpbingoSearch > span.fa {
font-family: ElegantIcons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; }
.w3l-products-page #wpbSearchTop .btnClose {
font-size: 48px;
display: block;
color: #fff;
position: absolute;
top: 0;
right: 30px; }
@media (max-width: 991px) {
.w3l-products-page #wpbSearchTop .btnClose {
margin-bottom: 20px; } }
.w3l-products-page #wpbSearchTop .btnClose > span.fa {
font-family: ElegantIcons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; }
.w3l-products-page .formSearch {
position: relative;
border-bottom: 1px solid #666;
margin-top: 50px; }
.w3l-products-page .searchClose {
position: fixed;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
visibility: visible;
z-index: 999;
width: 100%;
height: 100%;
opacity: 1;
filter: alpha(opacity=100);
transition: all 0.3s ease-in-out 0; }
.w3l-products-page .searchClose.collapsed {
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden; }
.w3l-products-page .wpbAjaxSearch {
position: absolute;
top: 100%;
right: 0;
overflow-x: hidden;
min-height: 60px;
max-height: 250px;
overflow: auto;
z-index: 99;
width: 100%;
padding: 30px;
background-color: #fff;
list-style: none;
min-width: 260px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
@media (max-width: 480px) {
.w3l-products-page .wpbAjaxSearch {
left: -29px;
right: auto; } }
.w3l-products-page .wpbAjaxSearch lspan.fa {
margin-bottom: 20px;
padding-right: 20px; }
@media (max-width: 767px) {
.w3l-products-page .wpbAjaxSearch lspan.fa {
width: 100%; } }
.w3l-products-page .wpbAjaxSearch a {
display: flex;
width: 100%;
text-align: center;
color: #121212;
font-size: 15px;
text-decoration: none;
transition: all 0.35s ease; }
.w3l-products-page .wpbAjaxSearch a:after {
content: '';
display: table;
clear: both; }
.w3l-products-page .wpbAjaxSearch a:hover,
.w3l-products-page .wpbAjaxSearch a:focus {
color: #121212; }
.w3l-products-page .wpbAjaxSearch a .searchProductImage > img {
width: 80px; }
.w3l-products-page .wpbAjaxSearch a .searchProductTitle {
margin-left: 10px;
color: #121212; }
.w3l-products-page .wpbAjaxSearch a .searchProductTitle:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbAjaxSearch a.searchViewAll {
display: block;
padding: 10px;
font-weight: 600;
text-align: center;
text-transform: uppercase; }
.w3l-products-page .proTabNav {
margin-top: -7px;
padding-bottom: 38px;
text-align: center; }
.w3l-products-page .proTabNav > lspan.fa {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .proTabNav > li:after {
content: "/";
position: absolute;
top: 0;
right: -5px; }
.w3l-products-page .proTabNav > li:last-child:after {
content: ""; }
.w3l-products-page .proTabNav > li > a {
color: #121212;
font-weight: 600;
font-size: 15px;
padding: 0 15px;
text-transform: uppercase; }
.w3l-products-page .proTabNav > li.active > a {
color: var(--theme-color-3); }
.w3l-products-page .proTabNav > li:hover > a {
color: var(--theme-color-3); }
.w3l-products-page .wpb-deal .vc-col-right {
padding: 0;
background: #f5f5f5; }
.w3l-products-page .wpb-deal .vc-col-left {
padding: 0;
background: #ebebeb; }
.w3l-products-page .wpb-deal .btn-default {
display: inline-block;
margin-top: 30px;
padding: 5px 40px;
background: #fff;
border: none;
position: relative;
overflow: hidden;
line-height: 38px;
text-transform: uppercase;
vertical-align: top;
color: #121212;
z-index: 3;
font-size: 15px; }
.w3l-products-page .wpb-deal .btn-default:before {
position: absolute;
content: "";
top: 0;
background: var(--theme-color-3);
left: 0;
width: 100%;
height: 0;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
z-index: -1; }
.w3l-products-page .wpb-deal .btn-default:hover {
color: #fff; }
.w3l-products-page .wpb-deal .btn-default:hover:before {
height: 100%;
opacity: 1;
visibility: visible; }
.w3l-products-page .wpb-deal .wpbHomeTitle {
font-size: 50px;
letter-spacing: .5px; }
@media (max-width: 1199px) {
.w3l-products-page .wpb-deal .wpbHomeTitle {
font-size: 30px; } }
.w3l-products-page .wpb-deal .description {
font-weight: 400;
color: #666; }
.w3l-products-page .wpb-deal .vc_column-inner {
position: relative; }
@media (max-width: 480px) {
.w3l-products-page .wpb-deal .vc_column-inner {
margin: 100px 0; } }
.w3l-products-page .wpb-deal .vc_column-inner .wpb_wrappers {
position: absolute;
flex-direction: column;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #121212;
padding: 15px; }
.w3l-products-page .wpb-deal .vc_column-inner .wpb_wrappers .wpbHomeTitle {
color: #fff;
background: var(--theme-color-3);
display: inline-block; }
.w3l-products-page .wpb-deal .productDeal .bannerdeal {
position: relative; }
@media (max-width: 480px) {
.w3l-products-page .wpb-deal .productDeal .bannerdeal {
margin: 100px 0; } }
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item {
position: absolute;
flex-direction: column;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #121212;
padding: 15px; }
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .itemtext {
max-width: 585px; }
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown {
margin-top: 45px;
margin-bottom: 20px; }
@media (max-width: 767px) {
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown {
margin-bottom: 0;
margin-top: 25px; } }
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown lspan.fa {
margin: 0 15px;
background: #fff;
padding: 10px 5px 4px;
display: inline-block;
color: #121212;
text-align: center;
min-width: 65px;
min-height: 65px; }
@media (max-width: 767px) {
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown lspan.fa {
min-width: 50px;
min-height: 50px;
margin: 0 5px;
padding: 5px 5px 2px; } }
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown li > span {
text-transform: uppercase;
font-family: Helvetica Light; }
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown li .number {
display: block;
font-size: 30px;
color: #121212;
font-weight: 400;
line-height: 25px;
font-family: Helvetica medium; }
@media (max-width: 480px) {
.w3l-products-page .wpb-deal .productDeal .bannerdeal .item .proCountdown li .number {
font-size: 22px; } }
.w3l-products-page .product-tab .wpbHomeTitle {
font-size: 30px;
font-weight: 400;
font-family: Helvetica medium;
margin-bottom: 15px !important; }
@media (max-width: 480px) {
.w3l-products-page .product-tab .proTabNav {
text-align: center; } }
.w3l-products-page .product-tab .proTabNav > lspan.fa {
padding-left: 40px; }
.w3l-products-page .product-tab .proTabNav > li:first-child {
padding-left: 0; }
.w3l-products-page .product-tab .proTabNav > li:after {
display: none; }
@media (max-width: 480px) {
.w3l-products-page .product-tab .proTabNav > lspan.fa {
padding: 0;
margin: 0 15px 15px 15px; } }
.w3l-products-page .product-tab .proTabNav > li > a {
font-size: 18px !important;
padding: 0;
position: relative;
font-weight: 500; }
@media (max-width: 991px) {
.w3l-products-page .product-tab .proTabNav > li > a {
font-size: 16px !important; } }
.w3l-products-page .product-tab .proTabNav > li > a:before {
position: absolute;
content: "";
background: var(--theme-color-3);
bottom: -5px;
opacity: 0;
transition: all .2s ease;
left: 0;
width: 0;
height: 1px; }
.w3l-products-page .product-tab .proTabNav > li > a:hover:before {
width: 100%;
opacity: 1; }
.w3l-products-page .product-tab .proTabNav > li.active > a:before {
width: 100%;
opacity: 1; }
.w3l-products-page .product-tab .wpbProBlock {
padding-bottom: 50px !important; }
.w3l-products-page .product-tab .wpbProBlock .proHImage {
position: relative;
overflow: hidden;
text-align: center; }
@media (max-width: 767px) {
.w3l-products-page .product-tab .wpbProBlock .proHImage {
padding-left: 0 !important; } }
.w3l-products-page .product-tab .wpbProBlock .proContent {
padding-top: 25px !important;
text-align: center !important; }
.w3l-products-page .product-tab .wpbProBlock .proContent .proName {
margin-bottom: 10px !important; }
.w3l-products-page .product-tab .wpbProBlock .proContent .proName > a {
font-size: 15px !important; }
.w3l-products-page .product-tab .wpbProBlock .proContent .proPrice {
margin-bottom: 0 !important; }
.w3l-products-page .product-tab .wpbProBlock .proContent .proPrice .priceProduct {
font-size: 15px !important; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct {
position: absolute;
right: 0;
bottom: 13%;
transition: all .3s ease-in-out; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .productQuickView {
position: relative;
z-index: 99;
top: 0;
right: -50px;
opacity: 0;
visibility: hidden;
text-align: right;
font-size: 0;
white-space: nowrap;
transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out 0.1s, font-size 0.1s ease, right 0.2s ease-in-out 0.1s;
margin-bottom: 20px; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview {
width: 50px;
height: 50px;
text-align: center;
display: inline-block;
line-height: 50px;
background: white; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview > span.fa {
font-size: 18px;
color: #121212;
line-height: 50px;
transition: all 0.2s ease; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .productQuickView:hover {
background: var(--theme-color-3);
padding: 0 15px 0 50px;
font-size: 14px; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .productQuickView:hover .btnProductQuickview {
width: auto;
color: white;
background: var(--theme-color-3); }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .productQuickView:hover .btnProductQuickview > span.fa {
position: absolute;
top: 0;
left: 15px;
color: white;
margin-right: 10px; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart {
text-align: right;
margin-bottom: 20px;
position: relative;
top: 0;
right: -50px;
visibility: hidden;
transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out 0.2s, right 0.2s ease-in-out 0.2s; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart,
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect {
z-index: 10;
background: white;
color: #121212;
padding: 0;
width: 50px;
height: 50px;
position: relative;
text-align: center;
border: none;
font-size: 0;
white-space: nowrap;
transition: font-size 0.1s ease; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart i,
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect span.fa {
font-size: 22px;
line-height: 50px;
color: #121212;
transition: all 0.2s ease; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart .select_options,
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect .select_options {
text-transform: capitalize; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnAddToCart,
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnSelect {
background: var(--theme-color-3);
width: auto;
padding: 0 15px 0 50px;
font-size: 14px;
display: inline-block;
color: white; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnAddToCart i,
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .formAddToCart:hover .btnSelect span.fa {
position: absolute;
top: -2px;
left: 15px;
color: white;
margin-right: 10px; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .btnWishlist {
text-align: right; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist {
text-align: center;
position: relative;
top: 0;
right: -50px;
opacity: 0;
visibility: hidden;
background: white;
font-size: 0;
white-space: nowrap;
transition: opacity 0.3s ease-in-out 0.3s, visibility 0.3s ease-in-out 0.3s, font-size 0.1s ease, right 0.3s ease-in-out 0.3s; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist span.fa {
font-size: 22px;
color: #fff;
line-height: 50px;
transition: all 0.2s ease; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist:hover {
background: var(--theme-color-3);
width: auto;
padding: 0 15px 0 50px;
font-size: 14px;
transition: font-size 0.2s ease;
display: inline-block;
color: white; }
.w3l-products-page .product-tab .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist:hover > span.fa {
position: absolute;
top: -2px;
left: 15px;
color: white;
margin-right: 10px; }
.w3l-products-page .product-tab .wpbProBlock .proPrice {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transition: all 0.3s ease-in-out 0s;
position: relative; }
.w3l-products-page .product-tab .wpbProBlock .proPrice .priceProduct {
color: #121212;
font-weight: 500; }
.w3l-products-page .product-tab .wpbProBlock .proPrice .priceProduct.priceCompare {
color: #666;
font-weight: 300; }
.w3l-products-page .product-tab .wpbProBlock .proPrice:before {
content: "";
width: 0;
height: 1px;
background: #909090;
position: absolute;
bottom: 0;
transition: width 0.2s ease; }
.w3l-products-page .product-tab .wpbProBlock .proAttr {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #444;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 30px;
margin: 0;
text-transform: uppercase;
font-family: Helvetica;
font-weight: bold;
text-align: center;
z-index: 10; }
.w3l-products-page .product-tab .wpbProBlock .proAttr.outstock {
background-color: #121212;
background-color: rgba(18, 18, 18, 0.5);
zoom: 1;
background-color: transparent\9;
color: #666; }
.w3l-products-page .product-tab .wpbProBlock:hover .btnButtonProduct .productQuickView,
.w3l-products-page .product-tab .wpbProBlock:hover .btnButtonProduct .formAddToCart,
.w3l-products-page .product-tab .wpbProBlock:hover .btnButtonProduct .btnProductWishlist {
opacity: 1;
visibility: visible;
right: 0; }
.w3l-products-page .products-grid1 .wpbHomeTitle {
position: inherit;
padding: 0;
margin-bottom: 40px; }
.w3l-products-page .products-grid1 .proTabNav {
padding-bottom: 55px; }
.w3l-products-page .products-grid1 .proTabNav li a {
font-size: 16px; }
.w3l-products-page .wpbProducts .wpbContent .owl-nav {
display: none; }
.w3l-products-page .wpbProducts .wpbContent .owl-stage-outer .item .wpbProBlock {
padding-bottom: 0; }
.w3l-products-page .wpbProductsBanner .wpbContent {
padding-top: 25px; }
.w3l-products-page .wpbProductsBanner .wpbOwlRow {
margin-top: -25px; }
.w3l-products-page .wpbProductSharing label {
color: #121212;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
margin-right: 15px;
display: inline-block; }
.w3l-products-page .wpbProductSharing label span.fa {
font-size: 17px;
margin-right: 10px; }
.w3l-products-page .socialSharing {
margin: 0px;
padding: 0px;
display: inline-block; }
.w3l-products-page .socialSharing > lspan.fa {
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 20px; }
.w3l-products-page .socialSharing > li:last-child {
margin-right: 0; }
.w3l-products-page .socialSharing > li:hover .fa {
color: #121212; }
.w3l-products-page .socialSharing > li .btnSharing {
display: block;
color: #909090;
overflow: hidden;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .socialSharing > li .btnSharing span {
display: none; }
.w3l-products-page .socialSharing > li .btnSharing span.fa {
font-size: 22px;
text-align: center; }
.w3l-products-page .wpbCategoriesSidebar .panel-body {
padding: 0 0 0 15px; }
.w3l-products-page .wpbCategoriesSidebar .cateTitle {
margin: 0px;
padding: 0px; }
.w3l-products-page .wpbCategoriesSidebar .cateTitle > a {
position: relative;
display: block;
font-size: 15px;
color: #121212;
padding: 10px 0px;
line-height: 10px;
text-decoration: none;
font-weight: 400; }
.w3l-products-page .wpbCategoriesSidebar .cateTitle > a:before {
content: "";
font-family: "FontAwesome";
position: absolute;
top: 13px;
right: 10px;
font-size: 16px; }
.w3l-products-page .wpbCategoriesSidebar .cateTitle > a.hasSubCategory.collapsed:before {
content: "\f107"; }
.w3l-products-page .wpbCategoriesSidebar .cateTitle > a.hasSubCategory:before {
content: "\f106"; }
.w3l-products-page .wpbCategoriesSidebar .cateTitle > a:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbCategoriesSidebar .listSidebar {
margin: 0px;
padding: 0px; }
.w3l-products-page .wpbCategoriesSidebar .listSidebar li a {
display: block;
font-size: 15px;
font-weight: normal;
color: #909090;
padding: 8px 0px;
text-decoration: none; }
.w3l-products-page .wpbCategoriesSidebar .listSidebar li a:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbCategoriesSidebar .product_count {
float: right;
color: #121212; }
.w3l-products-page .listSidebar {
margin: 0px;
padding: 12px 0px; }
.w3l-products-page .listSidebar li a {
display: block;
font-size: 15px;
font-weight: normal;
color: #909090;
padding: 5px 0px;
text-decoration: none; }
.w3l-products-page .listSidebar li a:hover {
color: #121212; }
.w3l-products-page .ajaxFilter {
margin: 0px;
padding: 35px 0px 0;
display: grid; }
.w3l-products-page .ajaxFilter:first-child {
padding-top: 11px; }
.w3l-products-page .ajaxFilter .ajaxFilterTitle {
font-family: Helvetica Medium;
font-size: 20px;
font-weight: 400;
margin: 0 0 32px;
padding: 0 0 17px;
position: relative;
color: #121212; }
.w3l-products-page .ajaxFilter .ajaxFilterTitle:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: rgba(229, 174, 73, 0.5); }
.w3l-products-page .listFilter {
margin: -3px 0px 0px;
padding: 0px; }
.w3l-products-page .listFilter .white a {
border: 1px solid #121212; }
.w3l-products-page .listFilter > lspan.fa {
width: 50%;
float: left;
line-height: 22px; }
.w3l-products-page .listFilter > li a {
position: relative;
display: block;
font-size: 15px;
font-weight: normal;
padding: 5px 0px 22px 35px;
color: #909090;
text-decoration: none; }
.w3l-products-page .listFilter > li a:before {
content: "";
position: absolute;
top: 2px;
left: 0px;
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #ddd; }
.w3l-products-page .listFilter > li a:hover:before {
border-color: var(--theme-color-3); }
.w3l-products-page .listFilter > li.active a {
color: var(--theme-color-3); }
.w3l-products-page .listFilter > li.active a:before {
content: "\f00c";
color: var(--theme-color-3);
font-family: "FontAwesome";
border-color: var(--theme-color-3);
text-align: center;
line-height: 23px; }
.w3l-products-page .listFilter.listFilterColor > lspan.fa {
display: inline-block;
vertical-align: middle;
margin-bottom: 20px; }
.w3l-products-page .listFilter.listFilterColor > li a {
padding: 0px;
width: 25px;
height: 25px;
display: inline-block;
float: left;
position: relative;
border-radius: 50%;
overflow: hidden; }
.w3l-products-page .listFilter.listFilterColor > li a:before {
content: "\f00c";
color: white;
font-family: "FontAwesome";
text-align: center;
line-height: 25px;
top: -1px;
display: none; }
.w3l-products-page .listFilter.listFilterColor > li a:hover {
border-color: #121212;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22); }
.w3l-products-page .listFilter.listFilterColor > li span {
display: inline-block;
float: left;
margin-top: 3px;
margin-left: 10px;
text-transform: capitalize; }
.w3l-products-page .listFilter.listFilterColor > li.active a {
border-color: #121212;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22); }
.w3l-products-page .listFilter.listFilterColor > li.active a:before {
display: block;
border-color: transparent; }
.w3l-products-page .listFilter.listFilterColor > li.white a:before {
color: #909090; }
.w3l-products-page .wpbFilter .wpbClearAll {
font-size: 14px;
font-weight: 300;
font-style: italic;
color: #909090;
position: absolute;
top: 15px;
right: 0px;
z-index: 1; }
.w3l-products-page .wpbFilter .wpbClear {
font-size: 18px;
font-weight: 300;
font-style: italic;
color: #909090;
position: absolute;
top: 1px;
right: 0px;
z-index: 1; }
.w3l-products-page .listSidebarBlog {
margin: 0px;
padding: 0px; }
.w3l-products-page .listSidebarBlog > lspan.fa {
display: flex;
margin-bottom: 30px; }
.w3l-products-page .listSidebarBlog > li .articleImage {
max-width: 100px;
width: 100%; }
.w3l-products-page .listSidebarBlog > li .blogContent {
margin-top: 0;
padding-left: 20px; }
.w3l-products-page .listSidebarBlog > li .blogContent > a {
font-size: 15px;
font-weight: 400;
color: #121212;
display: block;
margin-top: -5px; }
.w3l-products-page .listSidebarBlog > li .blogContent > a:hover {
color: var(--theme-color-3); }
.w3l-products-page .listSidebarBlog > li .blogContent > time {
font-weight: 300;
color: #909090;
font-size: 13px; }
.w3l-products-page .listSidebarBlog > li:last-child {
margin-bottom: 0; }
.w3l-products-page .blogTagsList {
margin: 0px;
padding: 0px;
padding-top: 10px; }
.w3l-products-page .blogTagsList lspan.fa {
margin: 0px 10px 10px 0;
padding: 0px;
display: inline-block;
vertical-align: middle; }
.w3l-products-page .blogTagsList li a {
background-color: #ebebeb;
color: #909090;
display: block;
padding: 9px 12px; }
.w3l-products-page .blogTagsList li a:hover,
.w3l-products-page .blogTagsList li a:focus {
background-color: var(--theme-color-3);
color: white;
text-decoration: none; }
.w3l-products-page .rowAjaxCart {
margin-left: -10px;
margin-right: -10px; }
.w3l-products-page .rowAjaxCart > [class*='col-'] {
padding-right: 10px;
padding-left: 10px; }
.w3l-products-page .wpbCartTitle {
position: relative;
font-size: 20px;
color: #121212;
margin: 0px;
padding: 15px 0px; }
.w3l-products-page .wpbCartTitle .close {
position: absolute;
top: 22px;
right: 10px; }
.w3l-products-page .ajaxCartModal .modal-content {
border-radius: 0px;
padding: 20px 30px; }
.w3l-products-page #cartContainer {
padding: 10px 0px 10px; }
.w3l-products-page .ajaxcartQty {
position: relative; }
.w3l-products-page .ajaxcartQty:before,
.w3l-products-page .ajaxcartQty:after {
content: " ";
display: table; }
.w3l-products-page .ajaxcartQty:after {
clear: both; }
.w3l-products-page .ajaxcartQty .qtyAdjust {
float: left;
font-size: 20px;
width: 36px;
height: 36px;
border: 1px solid #666;
background-color: white;
color: #909090; }
.w3l-products-page .ajaxcartQty .qtyAdjust.qtyMinus {
border-right: 0px; }
.w3l-products-page .ajaxcartQty .qtyAdjust.qtyPlus {
border-left: 0px; }
.w3l-products-page .ajaxcartQty .qtyNum {
float: left;
height: 36px;
width: 60px;
border: 1px solid #666;
background-color: white;
color: #666;
padding: 6px 12px;
text-align: center; }
.w3l-products-page .ajaxcartProduct {
padding: 15px 0px; }
.w3l-products-page .ajaxcartProduct .ajaxcartQty {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .ajaxcartProduct .ajaxcartProductName {
font-size: 16px;
display: block;
margin: 0px 0px 5px;
color: #121212; }
.w3l-products-page .ajaxcartProduct .ajaxcartProductName:hover,
.w3l-products-page .ajaxcartProduct .ajaxcartProductName:focus {
color: var(--theme-color-3);
text-decoration: none; }
.w3l-products-page .ajaxcartProduct .cartRemove:hover {
color: var(--theme-color-3); }
.w3l-products-page .ajaxcartProduct .ajaxcartProductMeta {
font-style: italic; }
.w3l-products-page .ajaxcartProduct .ajaxcartProductImage {
display: block; }
@media (min-width: 992px) {
.w3l-products-page .ajaxcartProduct .textRight {
text-align: right; } }
.w3l-products-page .additional_checkout_buttons {
padding: 10px 0px; }
.w3l-products-page .ajaxNote label {
display: block;
font-weight: normal; }
.w3l-products-page .ajaxcartHeader {
margin: 0px;
background-color: #fbfbfb; }
.w3l-products-page .ajaxcartHeader span {
display: block;
padding: 15px 0px;
font-weight: 700;
color: #121212; }
.w3l-products-page .ajaxCartFooter {
margin-top: 30px; }
@media (max-width: 768px) {
.w3l-products-page .ajaxcartProduct .ajaxcartProductImage {
margin-bottom: 15px; }
.w3l-products-page .ajaxcartProduct .ajaxProductInfo {
margin-bottom: 15px; }
.w3l-products-page .ajaxcartProduct .priceProduct {
margin: 15px 0px; }
.w3l-products-page .ajaxCartFooter .ajaxSubTotal {
margin-top: 15px; } }
.w3l-products-page .drawerRight .ajaxcartHeader {
display: none; }
.w3l-products-page .drawerRight .cartRemove {
float: left; }
.w3l-products-page .drawerRight .drawerImage {
width: 30% !important;
position: relative; }
.w3l-products-page .drawerRight .drawerProRight {
float: right !important;
width: 70% !important;
margin-bottom: 8px; }
.w3l-products-page .drawerRight .drawerProRight:last-child {
margin-bottom: 0px; }
.w3l-products-page .drawerRight .drawerProRight .textRight {
text-align: left; }
.w3l-products-page .drawerRight .drawerAjaxFooter {
width: 100% !important;
margin-bottom: 10px; }
.w3l-products-page .drawerRight .ajaxButton {
border-top: 1px solid #666;
margin-top: 20px;
padding-top: 20px;
display: block; }
.w3l-products-page .drawerRight .ajaxButton .btn {
display: inline-block;
vertical-align: middle;
border-radius: 3px;
margin: 0 5px; }
.w3l-products-page .wpbBlockNewsletter .wpbHomeTitle .title {
font-size: 20px; }
.w3l-products-page .wpbBlockNewsletter .wpbHomeTitle .subtitle {
font-size: 13px;
color: #121212;
font-weight: 500; }
.w3l-products-page .wpbBlockNewsletter .wpbBlock {
max-width: 570px;
margin: 0 auto; }
.w3l-products-page .wpbBlockNewsletter .formNewsletter {
position: relative; }
.w3l-products-page .wpbBlockNewsletter .form-control {
padding-left: 0;
padding-right: 0;
border: none;
border-bottom: 1px solid #909090; }
.w3l-products-page .wpbBlockNewsletter .form-group {
position: relative; }
.w3l-products-page .wpbBlockNewsletter .btnNewsletter {
position: absolute;
line-height: 43px;
padding: 0;
right: 0;
top: 0;
color: #121212;
border: 0;
background: transparent;
cursor: pointer; }
.w3l-products-page .wpbBlockNewsletter .btnNewsletter span.fa {
font-size: 22px; }
.w3l-products-page .wpbBlockNewsletter .btnNewsletter:hover {
color: #909090; }
.w3l-products-page .wpbBlockNewsletter .newsletterSocial {
text-align: center;
padding-top: 15px; }
.w3l-products-page .wpbBlockNewsletter .newsletterSocial .wpblistSocial .btn-social {
color: rgba(144, 144, 144, 0.7); }
.w3l-products-page #newsletterAlert .modal-content {
padding: 3px; }
.w3l-products-page #newsletterAlert .alert {
margin: 0px; }
@media (max-width: 767px) {
.w3l-products-page #wpb-newsletter {
text-align: center; } }
.w3l-products-page #wpb-newsletter .wpbTitle {
font-family: Helvetica medium;
font-size: 20px;
font-weight: 400;
margin: 0;
margin-bottom: 35px;
color: #121212;
text-transform: uppercase; }
@media (max-width: 767px) {
.w3l-products-page #wpb-newsletter .wpbTitle {
padding: 40px 0 0; } }
.w3l-products-page #wpb-newsletter .newsletterDescription {
padding-bottom: 30px;
width: 100%;
max-width: 630px;
margin: auto;
color: #666;
font-weight: 400; }
@media (max-width: 1199px) {
.w3l-products-page #wpb-newsletter .newsletterDescription {
padding-bottom: 20px; } }
@media (max-width: 768px) {
.w3l-products-page #wpb-newsletter .newsletterDescription {
padding-bottom: 30px; } }
.w3l-products-page #wpb-newsletter #newsletter-input,
.w3l-products-page #wpb-newsletter #mail {
color: #666;
display: block;
height: 50px;
position: relative;
padding: 15px 15px;
margin-bottom: 40px;
border: none;
background: #f5f5f5; }
@media (max-width: 1199px) {
.w3l-products-page #wpb-newsletter #newsletter-input,
.w3l-products-page #wpb-newsletter #mail {
margin-bottom: 25px; } }
@media (max-width: 768px) {
.w3l-products-page #wpb-newsletter #newsletter-input,
.w3l-products-page #wpb-newsletter #mail {
min-width: auto;
margin-bottom: 30px; } }
.w3l-products-page #wpb-newsletter .form-group {
position: relative; }
@media (max-width: 768px) {
.w3l-products-page #wpb-newsletter .form-group {
padding-left: 0; } }
.w3l-products-page #wpb-newsletter .btnNewsletter {
color: #fff;
cursor: pointer;
padding: 0 25px;
position: absolute;
right: 0;
top: 0;
height: 50px;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
background-color: var(--theme-color-3);
transition: all 0.3s ease-in-out 0s; }
@media (max-width: 768px) {
.w3l-products-page #wpb-newsletter .btnNewsletter {
font-size: 12px; } }
.w3l-products-page #wpb-newsletter .btnNewsletter:hover {
background-color: #e2a433; }
.w3l-products-page #wpb-newsletter .btnNewsletter span.fa {
display: none; }
.w3l-products-page .newsletterModal {
width: 770px;
padding: 65px 35px 65px 38%;
display: flex;
justify-content: flex-end;
border-radius: 5px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.94);
background-image: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/newslettermodala5f7.png?6250277391899673350);
background-repeat: no-repeat; }
@media (max-width: 992px) {
.w3l-products-page .newsletterModal {
width: 100%; } }
.w3l-products-page .wpbNewsletterModal {
background: white;
padding: 35px 40px;
text-align: center;
width: 100%;
display: inline-block;
position: relative; }
.w3l-products-page .wpbNewsletterModal:before {
position: absolute;
content: "";
top: 0;
right: 0;
border-top: 55px solid #121212;
border-left: 42px solid transparent; }
.w3l-products-page .wpbNewsletterModal:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
border-bottom: 55px solid #121212;
border-right: 42px solid transparent; }
.w3l-products-page .wpbNewsletterModal .wpbTitle {
position: relative;
font-size: 25px;
font-weight: 400;
font-family: Helvetica Medium;
text-transform: uppercase;
color: #121212;
margin: 0px;
margin-bottom: 25px; }
@media (max-width: 992px) {
.w3l-products-page .wpbNewsletterModal .wpbTitle {
font-size: 20px; } }
.w3l-products-page .wpbNewsletterModal .btnNewsletter {
background: transparent;
color: #666;
font-size: 19px;
transition: all 0.3s ease-in-out 0s;
text-transform: uppercase;
position: absolute;
right: 0;
top: 0;
padding-right: 0; }
.w3l-products-page .wpbNewsletterModal .btnNewsletter span {
display: none; }
.w3l-products-page .wpbNewsletterModal .btnNewsletter:active,
.w3l-products-page .wpbNewsletterModal .btnNewsletter:focus {
outline: unset; }
.w3l-products-page .wpbNewsletterModal .btnNewsletter:hover span.fa {
color: var(--theme-color-3); }
.w3l-products-page .wpbNewsletterModal .checkbox {
margin: 0;
margin-left: 20px; }
.w3l-products-page .wpbNewsletterModal .newsletterDescription {
margin: 0;
margin-bottom: 28px;
font-weight: 300;
color: #666;
font-size: 15px; }
.w3l-products-page .wpbNewsletterModal #contact_form .form-group {
position: relative;
margin-bottom: 0; }
.w3l-products-page .wpbNewsletterModal #contact_form .form-group .form-control {
border: none;
border-bottom: 2px solid #666;
padding: 0; }
.w3l-products-page .wpbNewsletterModal #contact_form .form-group .form-control:hover,
.w3l-products-page .wpbNewsletterModal #contact_form .form-group .form-control:active,
.w3l-products-page .wpbNewsletterModal #contact_form .form-group .form-control:focus {
border: none;
border-bottom: 2px solid #666;
box-shadow: none; }
.w3l-products-page #goToTop {
bottom: 20px;
display: none;
position: fixed;
right: 20px;
z-index: 90;
background-color: var(--theme-color-3);
cursor: pointer; }
.w3l-products-page #goToTop:hover {
background-color: #dc991f; }
.w3l-products-page #goToTop span {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 28px;
display: block;
text-align: center;
color: white;
position: relative;
overflow: hidden; }
.w3l-products-page .wpblistSocial {
margin-bottom: 0;
border: 0; }
.w3l-products-page .wpblistSocial > lspan.fa {
vertical-align: middle;
padding-left: 5px;
padding-right: 0; }
.w3l-products-page .wpblistSocial > li:last-child > a {
margin-right: 0; }
.w3l-products-page .wpblistSocial > li a {
display: block;
font-size: 28px;
color: #bbbbbb;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page .wpblistSocial .wpbSocial {
margin-top: 4px; }
.w3l-products-page .wpblistSocial .btn-social {
border-radius: 50%;
color: #909090;
display: block;
font-size: 23px;
text-align: left;
margin-right: 25px;
line-height: 36px; }
.w3l-products-page .btn-social-twitter:hover {
color: #00aced !important; }
.w3l-products-page .btn-social-facebook:hover {
color: #4267b2 !important; }
.w3l-products-page .btn-social-skyper:hover {
color: #12a5f4 !important; }
.w3l-products-page .btn-social-instagram:hover {
color: #e91e63 !important; }
.w3l-products-page .btn-social-pinterest:hover {
color: #c8232c !important; }
.w3l-products-page .logoCarousel .item {
text-align: center; }
.w3l-products-page .logoCarousel .item .logoImage {
display: inline-block;
vertical-align: middle; }
.w3l-products-page .logoCarousel .owl-nav {
display: none; }
.w3l-products-page .wpbListBanner .item {
padding: 0 15px;
margin-bottom: 30px;
position: relative; }
@media (max-width: 767px) {
.w3l-products-page .wpbListBanner .item {
width: 100% !important; } }
.w3l-products-page .wpbListBanner .bannerItem {
position: relative;
display: inline-block; }
.w3l-products-page .wpbListBanner .order {
position: absolute;
left: 20px;
bottom: 30px;
font-family: Helvetica;
font-size: 40px;
font-weight: 600;
color: rgba(0, 0, 0, 0.1); }
.w3l-products-page .wpbListBanner .bannerText {
position: absolute;
text-align: center;
z-index: 9; }
@media (max-width: 991px) {
.w3l-products-page .wpbListBanner .bannerText {
transform: scale(0.6); } }
.w3l-products-page .wpbListBanner .bannerText .title {
font-size: 40px;
font-weight: 700; }
.w3l-products-page .wpbListBanner .bannerText .subTitle {
position: relative;
text-transform: uppercase;
font-size: 18px;
padding: 15px 0;
font-family: Helvetica; }
.w3l-products-page .wpbListBanner .bannerText .subTitle:before {
width: 70px;
height: 2px;
background-color: #909090;
position: absolute;
left: 0;
right: 0;
top: -10px;
margin: auto;
content: ""; }
.w3l-products-page .wpbListBanner .banner_default .bannerText {
right: 0;
bottom: 60px;
left: 0; }
@media (max-width: 991px) {
.w3l-products-page .wpbListBanner .banner_default .bannerText {
bottom: 20px; } }
.w3l-products-page .wpbListBanner .banner_default .btn-link {
font-family: Helvetica;
font-size: 11px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
transition: all 0.2s ease-in-out 0s; }
.w3l-products-page .wpbListBanner .banner_style1 .bannerText {
right: 0;
top: 0;
width: 50%;
display: block;
bottom: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center; }
@media (max-width: 480px) {
.w3l-products-page .wpbListBanner .banner_style1 .bannerText {
width: 100%; } }
.w3l-products-page .wpbListBanner .banner_style1 .btnWpbingoOne {
margin-top: 30px;
padding: 15px 40px; }
@media (max-width: 767px) {
.w3l-products-page .wpbListBanner .banner_style1 .btnWpbingoOne {
margin-top: 0;
padding: 10px 25px; } }
.w3l-products-page .container-full {
display: inline-block; }
.w3l-products-page .wpbBanner1 {
margin-bottom: 43px !important;
padding-top: 160px !important;
padding-bottom: 150px !important;
background-attachment: fixed;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
font-weight: 300; }
.w3l-products-page .wpbBanner .vc-banner1 {
padding: 0; }
.w3l-products-page .wpbBanner .vc-banner {
padding: 0; }
.w3l-products-page .wpbBanner .wpbBannerTop {
display: inline-block; }
.w3l-products-page .wpbBanner .wpbBannerTop .vc-banner2 {
padding: 0;
display: inline-block; }
.w3l-products-page .wpbBanner .wpbBannerTop .vc-banner3 {
padding: 0; }
.w3l-products-page .wpbBanner .wpbBannerBottom {
display: inline-block;
margin-top: -14px; }
.w3l-products-page .wpbBanner .wpbBannerBottom .vc-banner4 {
padding: 0; }
.w3l-products-page .wpbBanner .wpbBannerBottom .vc-banner5 {
padding: 0; }
@media (max-width: 767px) {
.w3l-products-page .wpbBanner .wpbBannerBottom .vc-banner5 {
margin-top: -7px; } }
.w3l-products-page .wpbBanner .wpbBlock {
padding-bottom: 0; }
@media (max-width: 767px) {
.w3l-products-page .wpbBanner .wpbBannerInner {
text-align: center; } }
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock a {
position: relative; }
@media (max-width: 480px) {
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock a {
text-align: center; } }
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock .content-image {
text-align: center;
margin-top: 10px; }
@media (min-width: 1200px) {
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock .content-image {
position: absolute;
bottom: 50px;
left: 50%;
z-index: 99;
transform: translateX(-50%); } }
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock .content-image h3.content-title {
color: #121212;
font-size: 20px;
font-weight: 700;
font-family: Helvetica;
position: relative;
margin: 0;
padding-bottom: 12px; }
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock .content-image h3.content-title:before {
position: absolute;
content: "";
width: 70px;
height: 1px;
bottom: 0;
left: calc(50% - 35px);
background: #121212; }
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock .content-image h3.content-title:hover {
cursor: pointer; }
.w3l-products-page .wpbBanner .wpbBannerInner .wpbBlock .content-image p.subtitle_images {
margin: 0;
margin-top: 8px;
font-size: 14px; }
@media (min-width: 1200px) {
.w3l-products-page .wpbBanner .wpbBannerInner.wpbThreebanner .banner-col-3 {
width: 26.667%; } }
@media (max-width: 1199px) and (min-width: 991px) {
.w3l-products-page .wpbBanner .wpbBannerInner.wpbThreebanner .banner-col-3 {
width: 26.9%; } }
@media (max-width: 991px) and (min-width: 767px) {
.w3l-products-page .wpbBanner .wpbBannerInner.wpbThreebanner .banner-col-3 {
width: 27.12%; } }
@media (min-width: 1200px) {
.w3l-products-page .wpbBanner .wpbBannerInner.wpbThreebanner .banner-col-6 {
width: 46.666%; } }
@media (max-width: 1199px) and (min-width: 991px) {
.w3l-products-page .wpbBanner .wpbBannerInner.wpbThreebanner .banner-col-6 {
width: 46.2%; } }
@media (max-width: 991px) and (min-width: 767px) {
.w3l-products-page .wpbBanner .wpbBannerInner.wpbThreebanner .banner-col-6 {
width: 45.76%; } }
.w3l-products-page .wpbParallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.w3l-products-page .wpbParallax .wpbTitle {
color: #fff;
font-size: 60px;
font-weight: 400; }
.w3l-products-page .wpbParallax .subTitle {
font-size: 20px;
color: #fff; }
.w3l-products-page .wpbParallax .btn {
font-size: 11px;
padding: 15px 40px;
margin-top: 40px; }
.w3l-products-page .menuSectionConfig {
display: none; }
.w3l-products-page .menuSectionConfig.showBox {
display: block; }
.w3l-products-page .menuSectionConfig .menuSsWrap {
position: fixed;
top: 50px;
right: 0;
z-index: 9999;
display: block;
width: 260px;
background-color: #fff;
transform: translate(260px, 0);
transition: all 0.35s ease;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
.w3l-products-page .menuSectionConfig .menuSsWrap.active {
transform: translate(0px, 0); }
.w3l-products-page .menuSectionConfig .menuSsWrap.active .btnConfigSection {
visibility: hidden;
z-index: -1;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(40px, 0); }
.w3l-products-page .menuSsHeading {
margin: 0;
padding: 10px 20px;
color: #fff;
background-color: #333;
font-size: 16px;
text-transform: uppercase; }
.w3l-products-page .closeMenu {
position: absolute;
top: 10px;
right: 15px;
width: 20px;
height: 20px;
cursor: pointer; }
.w3l-products-page .closeMenu:before,
.w3l-products-page .closeMenu:after {
content: "";
display: block;
position: absolute;
top: 8px;
left: 2px;
width: 16px;
height: 2px;
background-color: #fff; }
.w3l-products-page .closeMenu:before {
transform: rotate(45deg); }
.w3l-products-page .closeMenu:after {
transform: rotate(-45deg); }
.w3l-products-page .btnConfigSection {
display: block;
position: absolute;
top: 0;
left: -40px;
width: 40px;
height: 40px;
color: #fff;
background-color: #121212;
font-size: 20px;
line-height: 40px;
text-align: center;
cursor: pointer;
visibility: visible;
z-index: 1;
opacity: 1;
filter: alpha(opacity=100);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transition: all 0.35s ease; }
.w3l-products-page .menuListPage {
margin: 0;
padding: 15px; }
.w3l-products-page .menuListPage > lspan.fa {
margin-bottom: 10px; }
.w3l-products-page .menuListPage > li:last-child {
margin-bottom: 0; }
.w3l-products-page .menuListPage > li a {
display: block;
padding: 8px 15px;
color: #fff;
background-color: #121212;
text-decoration: none;
transition: all 0.35s ease;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.w3l-products-page .menuListPage > li a:hover {
color: #fff;
background-color: #000;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
@media (min-width: 768px) {
.w3l-products-page .CollectionBanner .vc_col-sm-1 {
width: 20%;
float: left;
padding-right: 15px; } }
@media (max-width: 767px) {
.w3l-products-page .CollectionBanner .vc_col-sm-1 {
text-align: center;
padding-bottom: 50px; } }
@media (min-width: 1550px) {
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block {
padding-top: 60px;
padding-bottom: 50px; } }
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper > h3 {
font-size: 30px;
font-family: Helvetica medium;
font-weight: 400;
color: #121212;
margin: 0;
margin-bottom: 15px;
text-transform: uppercase; }
@media (max-width: 991px) {
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper > h3 {
font-size: 24px; } }
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper > p {
font-weight: 300; }
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper a {
color: #121212;
font-weight: 500;
position: relative;
margin-top: 25px;
display: inline-block; }
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper a:before {
position: absolute;
content: "";
bottom: -6px;
left: 0;
background: var(--theme-color-3);
width: 50%;
height: 1px;
transition: all 0.2s ease; }
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper a:hover {
color: var(--theme-color-3); }
.w3l-products-page .CollectionBanner .vc_col-sm-1 .vc_column-inner .wpb_wrapper .text-block .wpb_wrapper a:hover:before {
width: 100%; }
@media (min-width: 768px) {
.w3l-products-page .CollectionBanner .vc_col-sm-4 {
width: 80%;
float: left; } }
.w3l-products-page .CollectionBanner .wpbBlock {
padding-bottom: 0; }
@media (max-width: 768px) {
.w3l-products-page .CollectionBanner .wpbBlock {
text-align: center; } }
.w3l-products-page .CollectionBanner .wpbBlock a {
display: block;
position: relative;
overflow: hidden; }
.w3l-products-page .CollectionBanner .wpbBlock a img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 0);
-moz-transform: perspective(1000px) translate3d(0, 0, 0);
-ms-transform: perspective(1000px) translate3d(0, 0, 0);
-o-transform: perspective(1000px) translate3d(0, 0, 0);
transition: transform 0.35s; }
.w3l-products-page .CollectionBanner .wpbBlock a:hover img {
-webkit-transform: perspective(1000px) translate3d(0, 0, 100px);
-moz-transform: perspective(1000px) translate3d(0, 0, 100px);
-ms-transform: perspective(1000px) translate3d(0, 0, 100px);
-o-transform: perspective(1000px) translate3d(0, 0, 100px); }
.w3l-products-page .CollectionBanner .wpbBlock .title {
position: absolute;
display: inline-block;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 11;
text-align: center; }
.w3l-products-page .CollectionBanner .wpbBlock .title .subtitleCollection {
font-size: 14px;
color: #121212;
margin: 0;
font-family: Helvetica; }
.w3l-products-page .CollectionBanner .wpbBlock .title .titleCollection {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
margin: 0;
color: #121212;
cursor: pointer;
overflow: unset;
font-family: Helvetica medium; }
.w3l-products-page .CollectionBanner .wpbBlock .title .titleCollection:hover {
color: var(--theme-color-3); }
.w3l-products-page .wpbOurService {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
padding: 85px 0; }
.w3l-products-page .wpbOurService .ourService {
margin-bottom: 8px; }
.w3l-products-page .wpbOurService .wrapper {
border: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 12px;
font-weight: 700;
padding-bottom: 30px;
padding-top: 50px;
position: relative;
text-transform: uppercase;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.3); }
.w3l-products-page .wpbOurService .ourServiceImg {
border: 4px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
display: block;
height: 80px;
width: 80px;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
position: absolute;
text-align: center;
top: -45px; }
.w3l-products-page .wpbOurService .ourServiceImg span.fa {
background-color: #fe5252;
color: #fff;
display: block;
font-size: 30px;
line-height: 75px; }
.w3l-products-page .wpbOurService .ourServiceImg img {
margin: 0 auto; }
.w3l-products-page .wpbOurService h4 {
font-size: 20px;
color: #fff;
font-weight: 700; }
.w3l-products-page .wpbBlockTag .wpbTitle {
margin-top: 0;
font-weight: 600; }
.w3l-products-page .wpbBlockTag a {
border: 1px solid #d4d4d4;
padding: 2px 10px;
margin: 5px 3px;
display: inline-block;
color: #666; }
.w3l-products-page .wpbBlockTag a:hover {
color: #121212;
border-color: #121212; }
.w3l-products-page .wpbTestimonials .wpbContent .item {
padding: 0 15px; }
.w3l-products-page .wpbTestimonials .wpbContent .wpbOwlRow {
text-align: center;
width: 75%;
margin: 0 auto;
padding-top: 95px;
padding-bottom: 110px; }
.w3l-products-page .wpbTestimonials .testimonialItem {
display: block;
margin-bottom: 30px; }
.w3l-products-page .wpbTestimonials .testimonialItem .media-body {
float: right; }
.w3l-products-page .wpbTestimonials .testimonialAvatar {
margin-bottom: 40px; }
.w3l-products-page .wpbTestimonials .testimonialAvatar img {
max-width: 70px;
border-radius: 50%; }
.w3l-products-page .wpbTestimonials .testimonialAvatar.pull-top,
.w3l-products-page .wpbTestimonials .testimonialAvatar.pull-bottom {
display: inline-block; }
.w3l-products-page .wpbTestimonials .wpbHomeTitle .subfix span {
background-color: #f6f6f6;
color: #e8e8e8; }
.w3l-products-page .wpbTestimonials .testimonialName {
font-size: 15px;
font-family: Helvetica Medium, sans-serif;
text-transform: capitalize;
color: #121212;
font-weight: 400;
margin: 0 0 5px;
display: inline-block;
letter-spacing: .5px;
padding-bottom: 7px;
border-bottom: 4px solid var(--theme-color-3); }
.w3l-products-page .wpbTestimonials .testimonialPosition {
font-family: Helvetica thin;
font-size: 15px;
color: #666;
font-weight: 500; }
.w3l-products-page .wpbTestimonials .testimonialReview {
font-size: 15px;
line-height: 24px;
position: relative;
padding-left: 10px; }
.w3l-products-page .wpbTestimonials .avatar-top .testimonialReview {
margin-top: 80px; }
.w3l-products-page .wpbTestimonials .avatar-top .testimonialReview:before {
content: "\f10d";
position: absolute;
text-align: center;
left: calc(50% - 6px);
top: -30px;
color: #fff;
font: normal normal normal 14px/1 FontAwesome; }
.w3l-products-page .wpbTestimonials .owl-nav {
display: none; }
.w3l-products-page .wpbTestimonials .owl-dots {
text-align: center;
position: absolute;
right: auto;
bottom: -80px;
width: 100%;
left: auto; }
.w3l-products-page .wpbTestimonials .owl-dots .owl-dot {
vertical-align: bottom; }
.w3l-products-page .wpbTestimonials .owl-dots .owl-dot span {
width: 6px;
height: 15px;
background: rgba(143, 143, 143, 0.5);
border-radius: 0;
vertical-align: bottom; }
.w3l-products-page .wpbTestimonials .owl-dots .owl-dot.active span {
background-color: var(--theme-color-3);
border: none;
width: 6px;
height: 10px; }
.w3l-products-page .listCollection .collBoxTop a {
font-size: 16px;
text-transform: capitalize;
border-bottom: 1px solid #909090; }
.w3l-products-page .listCollection .collBoxTop .headerCollection {
color: #121212;
font-size: 24px;
margin: 0;
margin-bottom: 40px; }
.w3l-products-page #productdeal .wpbCountdown {
text-align: center;
display: inline-block; }
.w3l-products-page #productdeal .wpbCountdown ul {
display: inline-block;
margin: 0; }
.w3l-products-page #productdeal .wpbProBlock,
.w3l-products-page #productdeal .wpbProBlock .proHImage {
overflow: inherit; }
.w3l-products-page #productdeal .wpbProBlock .proName a {
margin: 15px 0;
font-style: inherit;
font-size: 30px;
font-weight: 900;
color: #666;
line-height: 36px;
margin-bottom: 0px; }
.w3l-products-page #productdeal .wpbProBlock .proName a:hover {
color: var(--theme-color-3); }
.w3l-products-page #productdeal .wpbProBlock .labelSale {
top: 30px;
left: -15px;
width: 80px;
height: 80px;
background-color: #121212;
opacity: 0.5;
filter: alpha(opacity=50);
text-align: center;
color: #fff;
font-family: Helvetica;
font-size: 30px;
font-weight: 900;
line-height: 80px; }
@media (max-width: 991px) {
.w3l-products-page #productdeal .wpbProBlock .labelSale {
left: 0; } }
.w3l-products-page #productdeal .wpbProBlock .proPrice {
position: absolute;
width: 180px;
height: 180px;
background-color: #121212;
opacity: 0.8;
filter: alpha(opacity=80);
text-align: center;
top: 0;
bottom: 0;
margin: auto;
right: -120px;
padding: 30px; }
@media (max-width: 991px) {
.w3l-products-page #productdeal .wpbProBlock .proPrice {
right: 0; } }
.w3l-products-page #productdeal .wpbProBlock .proPrice .priceProduct {
font-family: Helvetica;
font-size: 30px;
font-weight: 900;
color: #fff; }
.w3l-products-page #productdeal .wpbProBlock .proPrice .priceSale {
text-decoration: none;
display: block;
border-bottom: 3px dotted #fff;
margin-top: 10px;
padding-bottom: 15px; }
.w3l-products-page #productdeal .wpbProBlock .proPrice .priceCompare {
font-size: 20px;
font-weight: 400;
display: block;
margin-top: 15px; }
.w3l-products-page #productdeal .wpbProBlock .proDescription {
margin-top: 9%;
margin-bottom: 9%;
color: #fff; }
.w3l-products-page #productdeal .wpbProBlock .button-countdown {
margin-top: 9%; }
.w3l-products-page #productdeal .wpbProBlock .btn-shopnow {
padding: 10px 20px;
border: 1px dotted #ccc;
border-radius: 3px;
text-transform: uppercase;
font-weight: 900;
color: #fff;
font-size: 13px;
font-family: Helvetica;
position: relative;
display: inline-block;
transition: all 0.3s ease-in-out 0s; }
.w3l-products-page #productdeal .wpbProBlock .btn-shopnow:before {
content: "\f0c4";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: -7px;
right: 20px;
transform: rotate(180deg); }
.w3l-products-page #productdeal .wpbProBlock .btn-shopnow:hover {
border: 1px dotted #cba884;
color: #cba884; }
.w3l-products-page #productdeal .wpbProBlock .btn-shopnow:hover:before {
color: #cba884; }
.w3l-products-page .wpbCountdown {
font-weight: 400;
text-transform: uppercase; }
.w3l-products-page .wpbCountdown lspan.fa {
display: inline-block;
text-transform: uppercase;
margin-left: 30px;
text-align: center;
vertical-align: middle; }
.w3l-products-page .wpbCountdown li:first-child {
margin-left: 0; }
.w3l-products-page .wpbCountdown span {
padding-top: 5px;
font-weight: 700;
text-transform: uppercase;
color: #ccc;
font-family: sans-serif; }
.w3l-products-page .wpbCountdown span.number {
border-radius: 3px;
background-color: #f3f3f3;
border: 1px solid #e4e4e4;
border-radius: 50%;
width: 60px;
height: 60px;
color: #fff;
font-size: 30px;
line-height: 48px;
margin-bottom: 8px;
text-align: center;
display: block;
font-family: 'Abril Fatface', cursive; }
.w3l-products-page .wpbStaticBlock .icon {
float: left;
width: 50px;
height: 50px;
border-radius: 50%;
display: block;
border: 2px solid #121212;
line-height: 46px;
text-align: center;
color: #121212;
font-size: 24px;
padding-left: 2px;
margin-right: 15px; }
.w3l-products-page .wpbStaticBlock .staticText {
float: left;
margin-top: 10px;
font-family: Helvetica;
color: #909090;
font-size: 24px;
font-weight: 300; }
.w3l-products-page .wpbStaticBlock .btnOutlinePrimary {
float: right;
padding: 15px 40px;
border-width: 3px; }
.w3l-products-page .wpbStaticBlock .btnOutlinePrimary span.fa {
margin-right: 10px;
font-size: 20px;
position: relative;
bottom: -3px; }
.w3l-products-page .wpb-contactinfo {
padding-bottom: 5px; }
.w3l-products-page .wpb-contactinfo .contactinfo-logo {
margin-bottom: 30px;
display: inline-block;
position: relative;
top: -5px; }
.w3l-products-page .wpb-contactinfo .contactinfo-desc {
margin-bottom: 30px; }
.w3l-products-page .wpb-contactinfo .ion {
position: absolute;
left: 0;
top: 0;
font-size: 22px;
color: #666; }
.w3l-products-page .wpb-contactinfo .contactinfo-address .ion {
top: 7px; }
.w3l-products-page .wpb-contactinfo .contactinfo-address,
.w3l-products-page .wpb-contactinfo .contactinfo-phone,
.w3l-products-page .wpb-contactinfo .contactinfo-fax,
.w3l-products-page .wpb-contactinfo .contactinfo-email {
position: relative;
padding-bottom: 20px;
color: #666;
font-size: 15px; }
.w3l-products-page .wpb-contactinfo .contactinfo-address > span,
.w3l-products-page .wpb-contactinfo .contactinfo-phone > span,
.w3l-products-page .wpb-contactinfo .contactinfo-fax > span,
.w3l-products-page .wpb-contactinfo .contactinfo-email > span {
color: #121212;
text-transform: capitalize; }
@media (max-width: 1199px) {
.w3l-products-page .wpb-contactinfo .contactinfo-address,
.w3l-products-page .wpb-contactinfo .contactinfo-phone,
.w3l-products-page .wpb-contactinfo .contactinfo-fax,
.w3l-products-page .wpb-contactinfo .contactinfo-email {
padding-bottom: 20px; } }
@media (max-width: 991px) {
.w3l-products-page .wpb-contactinfo .contactinfo-address,
.w3l-products-page .wpb-contactinfo .contactinfo-phone,
.w3l-products-page .wpb-contactinfo .contactinfo-fax,
.w3l-products-page .wpb-contactinfo .contactinfo-email {
padding-bottom: 10px; } }
@media (max-width: 768px) {
.w3l-products-page .wpbInstagram .container-full {
padding: 0 15px; } }
.w3l-products-page .wpbInstagram .container-full .wpb-instagram {
overflow: hidden; }
.w3l-products-page .wpbInstagram .image-instagram {
position: relative; }
.w3l-products-page .wpbInstagram .image-instagram .follow-instagram {
position: absolute;
top: calc(50% - 25px);
width: 90%;
left: 50%;
transform: translateX(-50%);
display: none;
background: rgba(255, 255, 255, 0.8);
text-align: center;
height: 50px;
line-height: 50px;
text-transform: uppercase;
font-weight: 500;
cursor: pointer; }
.w3l-products-page .wpbInstagram .image-instagram .follow-instagram a {
font-size: 13px;
color: #121212; }
.w3l-products-page .wpbInstagram .content_instagram {
display: block; }
.w3l-products-page .wpbInstagram .content_instagram .owl-item {
opacity: 0.6; }
.w3l-products-page .wpbInstagram .content_instagram .owl-item:hover {
opacity: 1; }
.w3l-products-page .wpbInstagram .content_instagram .owl-item:hover .follow-instagram {
display: block; }
.w3l-products-page .wpbListProlist .proFeaturedImage {
max-width: 80px; }
.w3l-products-page .wpbListProlist .wpbProBlock .proName a {
font-size: 15px;
line-height: 18px; }
.w3l-products-page .wpbListProlist .wpbProBlock .productType {
line-height: 12px;
margin-bottom: 5px; }
.w3l-products-page .aboutOurTeams .wpbAboutUsTop {
background: #f5f5f5;
padding-top: 35px;
padding-bottom: 50px;
margin-bottom: 93px; }
.w3l-products-page .aboutOurTeams .wpbAboutUsTop .wpbAboutUsFooter {
padding: 0 20px; }
@media (min-width: 1500px) {
.w3l-products-page .aboutOurTeams .wpbAboutUsTop .wpbAboutUsFooter {
padding: 0 50px; } }
.w3l-products-page .aboutOurTeams .wpbAboutUsTop .wpbAboutUsFooter .reviews p {
margin: 0 0 12.5px; }
.w3l-products-page .aboutOurTeams .wpbAboutUsTop .wpbAboutUsFooter .desc_footer {
font-size: 20px;
font-weight: 500;
position: relative;
padding-top: 20px;
margin-top: 53px;
text-align: center;
color: #121212; }
.w3l-products-page .aboutOurTeams .wpbAboutUsTop .wpbAboutUsFooter .desc_footer:before {
position: absolute;
content: "";
top: 0;
left: calc(50% - 35px);
width: 70px;
height: 2px;
background: var(--theme-color-3); }
.w3l-products-page .aboutOurTeams .bannerAboutUs .img-responsive {
display: inline-block; }
@media (max-width: 991px) {
.w3l-products-page .aboutOurTeams .bannerAboutUs {
margin-bottom: 30px; } }
.w3l-products-page .aboutOurTeams .descAboutUs {
padding: 0 20px; }
@media (min-width: 1500px) {
.w3l-products-page .aboutOurTeams .descAboutUs {
padding: 0 50px; } }
.w3l-products-page .aboutOurTeams .descAboutUs h4.titleDesc {
font-size: 35px;
margin-top: 20px;
margin-bottom: 45px;
font-family: Helvetica Medium;
color: #121212;
font-weight: 400; }
.w3l-products-page .aboutOurTeams .descAboutUs .reviews {
font-size: 15px;
color: #666;
margin-bottom: 51px; }
.w3l-products-page .aboutOurTeams .bannerAbout {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.w3l-products-page .aboutOurTeams .bannerAbout {
display: flex; } }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbBannerAboutUs {
padding: 0; }
@media (min-width: 1500px) {
.w3l-products-page .aboutOurTeams .bannerAbout .wpbBannerAboutUs {
width: 52.38%; } }
@media (max-width: 1199px) {
.w3l-products-page .aboutOurTeams .bannerAbout .wpbBannerAboutUs {
text-align: center;
margin-bottom: 20px; } }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbBannerAboutUs .bannerAboutUs {
overflow: hidden;
display: inline-block; }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbBannerAboutUs .bannerAboutUs img {
transition: transform 0.3s ease; }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbBannerAboutUs .bannerAboutUs:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs {
padding: 0; }
@media (min-width: 1500px) {
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs {
width: 47.62%; } }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner {
padding-left: 35px;
padding-right: 35px; }
@media (min-width: 1200px) {
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner {
padding-left: 25px;
padding-right: 25px; } }
@media (min-width: 1500px) {
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner {
padding-left: 40px;
padding-right: 65px; } }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner .contents {
border: none;
margin: 0;
color: #666;
padding: 8px 0 0 20px;
font-size: 15px;
position: relative;
font-style: italic;
font-weight: 300; }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner .contents:before {
content: "\f10d";
font-family: "FontAwesome";
position: absolute;
left: 0;
top: -5px;
font-style: normal; }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner .contents p {
margin: 0 0 12.5px; }
.w3l-products-page .aboutOurTeams .bannerAbout .wpbContentAboutUs .wpbContentIner .subTitle {
font-size: 20px;
margin-top: 33px;
font-family: Helvetica Medium;
text-align: right;
color: #121212; }
.w3l-products-page .ourTeams .ourTeamsTitle {
font-family: Helvetica Medium;
font-size: 30px;
color: #121212;
text-align: center;
margin: 0;
margin-bottom: 53px;
text-transform: uppercase; }
@media (min-width: 1200px) {
.w3l-products-page .ourTeams .ourTeamsList {
margin: 0 150px; } }
.w3l-products-page .ourTeams .ourTeamsList .memberBox {
text-align: center; }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberImage {
margin-bottom: 30px; }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .name {
font-family: Helvetica Medium;
font-size: 16px;
color: #121212;
font-weight: 400;
text-transform: uppercase; }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .position {
font-weight: 300;
color: #909090;
margin-bottom: 13px;
text-transform: uppercase; }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .memberSocials {
position: relative; }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .memberSocials:before {
content: "";
width: 20%;
height: 1px;
background: #909090;
position: absolute;
right: 50%;
transform: translateX(50%); }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .memberSocials .wpblistSocial {
padding-top: 5px; }
@media (max-width: 480px) {
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .memberSocials .wpblistSocial {
margin-bottom: 30px; }
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview,
.w3l-products-page .wpbProBlock .btnButtonProduct .btnProductWishlist,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .formAddToCart .btnSelect {
width: 40px;
height: 40px;
line-height: 40px; }
.w3l-products-page .wpbProBlock .btnButtonProduct .formAddToCart .btnAddToCart span.fa,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .btnWishlist .btnProductWishlist span.fa,
.w3l-products-page .proList.grid .wpbProBlock .btnButtonProduct .productQuickView .btnProductQuickview > span.fa {
font-size: 16px;
line-height: 40px; } }
.w3l-products-page .ourTeams .ourTeamsList .memberBox .memberInformation .memberSocials .wpblistSocial .btn-social {
color: #909090;
font-size: 14px;
width: 20px;
height: 20px;
line-height: 20px; }
.w3l-products-page .wpbOurTeam .our_image {
position: relative; }
.w3l-products-page .wpbOurTeam .our_social {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 0;
bottom: 0;
transition: all 0.2s ease-out 0.1s;
width: 36px; }
.w3l-products-page .wpbOurTeam .our_social a {
background-color: #121212;
border: 2px solid #121212;
color: #fff;
float: left;
height: 36px;
line-height: 34px;
margin-bottom: 10px;
text-align: center;
width: 36px;
transition: all 0.2s ease-out 0.1s; }
.w3l-products-page .wpbOurTeam .our_social a:hover {
background: transparent;
color: #121212; }
.w3l-products-page .wpbOurTeam .our_content {
margin-top: 30px;
text-align: center; }
.w3l-products-page .wpbOurTeam .name {
color: #909090;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 0;
font-weight: 600; }
.w3l-products-page .wpbOurTeam .wrapper:hover .our_social {
opacity: 1;
filter: alpha(opacity=100);
right: 10px; }
.w3l-products-page .wpbSwatchCus {
z-index: 99; }
.w3l-products-page .wpbSwatchProduct {
position: relative;
margin: 0px;
padding: 0px;
display: block;
list-style: none;
padding-bottom: 8px; }
.w3l-products-page .wpbSwatchProduct .white {
border: 1px solid #121212; }
.w3l-products-page .wpbSwatchProduct .white > label {
width: 12px;
height: 12px; }
.w3l-products-page .wpbSwatchProduct > lspan.fa {
display: inline-block;
vertical-align: middle;
margin: 0px 2px 4px 0px;
border-radius: 50%; }
.w3l-products-page .wpbSwatchProduct > li > label {
display: block;
margin: 0px;
width: 13px;
height: 13px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
box-shadow: 0 0 3px #ccc; }
.w3l-products-page .wpbCollectionInfo .collImage {
position: relative; }
.w3l-products-page .wpbCollectionInfo .collImage .collectionGroup {
position: absolute;
padding: 12px 20px;
left: 20px;
bottom: 20px;
background: #fff;
min-width: 150px; }
.w3l-products-page .wpbCollectionInfo .collImage h4 {
margin-top: 0;
margin-bottom: 5px; }
.w3l-products-page .wpbCollectionInfo .collImage h4 a {
color: #666666;
font-weight: 400;
font-size: 16px; }
.w3l-products-page .wpbCollectionInfo .collImage h4 a:hover {
color: #121212; }
.w3l-products-page .wpbCollectionInfo .collImage .colCount {
margin-bottom: 0;
color: #909090;
font-weight: 600;
font-size: 14px; }
.w3l-products-page .mobile-boxpage {
position: fixed;
top: 100%;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 1000;
padding-bottom: 48px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.2s; }
.w3l-products-page .mobile-boxpage.active {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 0; }
.w3l-products-page .content-boxpage {
padding: 0;
overflow-y: scroll; }
.w3l-products-page .content-boxpage .box-header {
height: 45px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.2);
padding: 0 15px;
position: relative;
z-index: 1001; }
.w3l-products-page .content-boxpage .box-header .title-box {
font-weight: 700;
text-transform: uppercase;
color: #000;
font-size: 16px; }
.w3l-products-page .content-boxpage .box-header .close-box,
.w3l-products-page .content-boxpage .box-header .back-box {
font-size: 11px;
color: #909090;
font-weight: 700;
cursor: pointer; }
.w3l-products-page .content-boxpage .box-header .back-box {
display: none; }
.w3l-products-page .content-boxpage .box-header .back-box.active {
display: block; }
.w3l-products-page .content-boxpage .box-content {
padding: 15px;
overflow: scroll; }
.w3l-products-page #mobile-blockcart {
display: flex; }
.w3l-products-page #mobile-blockcart .box-header {
display: flex;
align-items: center;
justify-content: space-between; }
.w3l-products-page #mobile-pageaccount {
display: flex; }
.w3l-products-page #mobile-pageaccount .box-header {
display: flex;
align-items: center;
justify-content: space-between; }
.w3l-products-page #mobile-pageaccount .box-content {
display: flex;
align-items: center;
justify-content: center; }
.w3l-products-page #stickymenu_bottom_mobile {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 999;
padding: 10px 15px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 -2px 5px -2px rgba(0, 0, 0, 0.2); }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item {
width: 70px; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item a {
display: inline-block;
position: relative; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item span.fa {
font-size: 23px;
color: #121212;
background: transparent;
width: auto;
height: auto;
margin: 0;
vertical-align: top;
margin-bottom: 2px; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item span {
display: block;
margin-top: 0;
font-size: 10px;
line-height: 1;
color: #666; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item .cart-products-count {
position: absolute;
top: -4px;
right: -10px;
bottom: inherit;
background: #343434;
color: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
line-height: 15px;
text-align: center; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item .cart-products-count span {
display: none; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item .header-cart {
display: inline-block;
position: relative; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item .title-cart {
font-size: 10px;
text-transform: capitalize; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item:hover a {
color: #909090;
text-decoration: none; }
.w3l-products-page #stickymenu_bottom_mobile .stickymenu-item:hover a span.fa {
color: #909090; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right {
overflow-x: hidden;
overflow-y: auto;
position: fixed;
width: 280px;
bottom: 0;
top: 0px;
right: -280px;
padding: 50px 20px 0px;
background: #fff;
z-index: 999999;
visibility: hidden;
text-align: center;
border: 1px solid #f3f3f3;
border-width: 1px 0 0 1px;
transition: all 0.5s ease-in-out 0s; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right .wpb_close {
font-size: 22px;
cursor: pointer;
color: #666;
display: inline-block;
padding-bottom: 45px; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right .wpb_close:hover {
color: #909090; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right.active {
right: 0px;
visibility: visible; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right .list-container {
list-style: none;
padding: 0;
margin: 0; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right .list-container lspan.fa {
padding-bottom: 5px;
margin-bottom: 5px; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right .list-container li a {
font-size: 14px;
color: #121212; }
.w3l-products-page #stickymenu_bottom_mobile .wpb_container_right .list-container li:hover a {
color: var(--theme-color-3); }
.w3l-products-page .mt-30 {
margin-top: 30px; }
.w3l-products-page .tab-content {
position: relative; }
.w3l-products-page .tab-content > .tab-pane {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.35s ease; }
.w3l-products-page .tab-content > .active {
position: static;
opacity: 1;
visibility: visible; }
@-webkit-keyframes lookbookBorder {
0% {
width: 16px;
height: 16px; }
50% {
width: 40px;
height: 40px; }
100% {
width: 16px;
height: 16px; } }
@keyframes lookbookBorder {
0% {
width: 16px;
height: 16px; }
50% {
width: 40px;
height: 40px; }
100% {
width: 16px;
height: 16px; } }
.w3l-products-page .wpbLookbook .lookbookLeft {
padding-right: 0; }
@media (max-width: 768px) {
.w3l-products-page .wpbLookbook .lookbookLeft {
text-align: center;
padding-right: 15px;
padding-left: 15px;
width: 100%; }
.w3l-products-page .products-page {
padding: 50px 0; } }
.w3l-products-page .wpbLookbook .lookbookRight {
padding-left: 0; }
@media (max-width: 768px) {
.w3l-products-page .wpbLookbook .lookbookRight {
text-align: center;
padding-left: 15px;
width: 100%; } }
.w3l-products-page .wpbBoxLookbook {
position: relative;
display: inline-block; }
@media (max-width: 767px) {
.w3l-products-page .wpbBoxLookbook.active .lookbItem {
position: static;
margin: 0; }
.w3l-products-page .wpbBoxLookbook.active .lookbItemButton {
display: none; }
.w3l-products-page .wpbBoxLookbook.active .lookbItemContent {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100); } }
.w3l-products-page .lookbItem {
position: absolute;
margin-top: -20px;
margin-left: -20px; }
@media (max-width: 480px) {
.w3l-products-page .lookbItem {
position: unset;
margin: 0;
padding: 20px; } }
@media (min-width: 768px) {
.w3l-products-page .lookbItem:hover .lookbItemContent {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100); } }
.w3l-products-page .lookbItemButton {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
font-size: 13px;
font-weight: 600;
line-height: 26px;
border: 2px solid var(--theme-color-3);
background: #fff;
color: #121212;
overflow: hidden;
cursor: pointer; }
.w3l-products-page .lookbItemContent {
padding: 15px;
background-color: white;
border-radius: 4px;
text-align: left;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); }
@media (max-width: 480px) {
.w3l-products-page .lookbItemContent {
display: block;
position: unset;
top: unset;
left: unset;
width: auto;
opacity: 1;
visibility: visible; } }
@media (min-width: 768px) {
.w3l-products-page .lookbItemContent {
position: absolute;
z-index: 2;
width: 186px;
text-align: center;
transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87); }
.w3l-products-page .lookbItemContent.topLeft {
right: 28px;
bottom: 28px; }
.w3l-products-page .lookbItemContent.topRight {
left: 28px;
bottom: 28px; }
.w3l-products-page .lookbItemContent.centerLeft {
margin-right: 20px;
right: 28px;
top: 50%;
transform: translate(0, -50%); }
.w3l-products-page .lookbItemContent.centerLeft:after {
content: '';
position: absolute;
top: 50%;
right: -15px;
z-index: 1;
margin-top: -12px;
border-left: 15px solid white;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.w3l-products-page .lookbItemContent.centerRight {
margin-left: 20px;
left: 28px;
top: 50%;
transform: translate(0, -50%); }
.w3l-products-page .lookbItemContent.centerRight:after {
content: '';
position: absolute;
top: 50%;
left: -15px;
z-index: 1;
margin-top: -12px;
border-right: 15px solid white;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.w3l-products-page .lookbItemContent.bottomLeft {
top: 28px;
right: 28px; }
.w3l-products-page .lookbItemContent.bottomRight {
top: 28px;
left: 28px; } }
.w3l-products-page .wpbBoxLookbookOverlay {
display: none; }
@media (max-width: 767px) {
.w3l-products-page .wpbBoxLookbookOverlay {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 599;
width: 100%;
height: 100%;
cursor: url(../../../../../../../../../cdn.shopify.com/s/files/1/0051/1193/9170/t/5/assets/wpbClosea5f7.png?6250277391899673350), auto;
background-color: rgba(0, 0, 0, 0.3); } }
.w3l-products-page .wpbBoxLookbookClose {
position: absolute;
top: -20px;
right: -20px;
width: 20px;
height: 20px;
cursor: pointer; }
.w3l-products-page .wpbBoxLookbookClose:before,
.w3l-products-page .wpbBoxLookbookClose:after {
content: "";
display: block;
position: absolute;
top: 8px;
left: 2px;
width: 16px;
height: 2px;
background-color: #fff; }
.w3l-products-page .wpbBoxLookbookClose:before {
transform: rotate(45deg); }
.w3l-products-page .wpbBoxLookbookClose:after {
transform: rotate(-45deg); }
.w3l-products-page .productLookBookImage {
margin-bottom: 5px; }
.w3l-products-page .productLookBookTitle {
font-weight: 500; }
.w3l-products-page .productLookBookTitle a {
display: block;
color: #909090;
text-decoration: none;
transition: all 0.35s ease; }
.w3l-products-page .productLookBookTitle a:hover,
.w3l-products-page .productLookBookTitle a:focus {
color: #121212; }
.w3l-products-page .productLookBookPrice {
padding-bottom: 5px; }
.w3l-products-page .productLookBookPrice .proPrice {
display: flex;
justify-content: center; }
.w3l-products-page .collNoProduct {
padding-top: 20px; }
.w3l-products-page .collNoProduct .alert {
padding-left: 25px;
padding-right: 25px;
border-radius: 2px;
font-weight: 400; }
@media (max-width: 767px) {
.w3l-products-page .wpbFooter .wpbFooterTitle {
position: relative;
cursor: pointer;
padding: 40px 0 0; }
.w3l-products-page .template-index .mainContent .shopify-section .wpbSlideshow {
padding: none !important; } }
@media (max-width: 767px) {
.w3l-products-page .col-xs-cus-12 {
width: 100%; } }
@media (min-width: 1500px) {
.w3l-products-page .container {
width: 1500px; } }
@media (max-width: 415px) {
.w3l-products-page .col-xs-1,
.w3l-products-page .col-sm-1,
.w3l-products-page .col-md-1,
.w3l-products-page .col-lg-1,
.w3l-products-page .col-xs-2,
.w3l-products-page .col-sm-2,
.w3l-products-page .col-md-2,
.w3l-products-page .col-lg-2,
.w3l-products-page .col-xs-3,
.w3l-products-page .col-sm-3,
.w3l-products-page .col-md-3,
.w3l-products-page .col-lg-3,
.w3l-products-page .col-xs-4,
.w3l-products-page .col-sm-4,
.w3l-products-page .col-md-4,
.w3l-products-page .col-lg-4,
.w3l-products-page .col-xs-5,
.w3l-products-page .col-sm-5,
.w3l-products-page .col-md-5,
.w3l-products-page .col-lg-5,
.w3l-products-page .col-xs-6,
.w3l-products-page .col-sm-6,
.w3l-products-page .col-md-6,
.w3l-products-page .col-lg-6,
.w3l-products-page .col-xs-7,
.w3l-products-page .col-sm-7,
.w3l-products-page .col-md-7,
.w3l-products-page .col-lg-7,
.w3l-products-page .col-xs-8,
.w3l-products-page .col-sm-8,
.w3l-products-page .col-md-8,
.w3l-products-page .col-lg-8,
.w3l-products-page .col-xs-9,
.w3l-products-page .col-sm-9,
.w3l-products-page .col-md-9,
.w3l-products-page .col-lg-9,
.w3l-products-page .col-xs-10,
.w3l-products-page .col-sm-10,
.w3l-products-page .col-md-10,
.w3l-products-page .col-lg-10,
.w3l-products-page .col-xs-11,
.w3l-products-page .col-sm-11,
.w3l-products-page .col-md-11,
.w3l-products-page .col-lg-11,
.w3l-products-page .col-xs-12,
.w3l-products-page .col-sm-12,
.w3l-products-page .col-md-12,
.w3l-products-page .col-lg-12 {
padding-left: 5px;
padding-right: 5px; }
.w3l-products-page .wpbFlexRow {
margin-left: 0px;
margin-right: 0px; } }
.features-photo-7 .features-photo-7_sur {
padding: 70px 0; }
.features-photo-7 .features-photo-7_top {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px; }
.features-photo-7 .feat_top {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
margin-top: 40px; }
.features-photo-7 .features-photo-7_top h4 {
margin-bottom: 24px;
font-size: 35px;
line-height: 40px; }
.features-photo-7 .features-photo-7_top h5 {
font-size: 20px;
line-height: 25px;
margin: 12px 0;
font-weight: 600; }
.features-photo-7 .features-photo-7_top h5 a {
text-decoration: none; }
.features-photo-7 .features-photo-7_top h5 a:hover {
opacity: 0.8; }
.features-photo-7 .features-photo-7_top p {
font-size: 17px;
line-height: 25px;
color: var(--para-color); }
.features-photo-7 .gallery-7_sur {
padding: 70px 0;
background: #F5F9FC; }
.features-photo-7 .galleryContainer {
display: flex;
flex-direction: column;
justify-content: space-between;
align-content: center;
position: relative; }
.features-photo-7 .gallery {
position: relative;
display: flex;
justify-content: center;
align-content: center;
border: 2px solid #ededed; }
.features-photo-7 .gallery input {
display: none; }
.features-photo-7 .galleryImage {
transition: opacity 0.25s ease-out;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.features-photo-7 .gallery > img:first-of-type {
position: relative !important;
display: flex !important;
top: 0 !important;
left: 0 !important;
z-index: 1; }
.features-photo-7 .arrowsContainer {
position: absolute;
bottom: 0px;
left: 0px;
height: 100%;
display: none;
justify-content: space-between;
align-items: flex-end;
width: 100%;
z-index: 20;
overflow: hidden; }
.features-photo-7 .arrowsContainer img {
width: 100px;
background: white;
opacity: 0.4;
padding-bottom: 20px;
transition: 0.1s ease; }
.features-photo-7 .leftArrow {
border-top-right-radius: 10px;
position: absolute;
bottom: -20px;
left: -30px;
padding-left: 40px;
padding-right: 15px; }
.features-photo-7 .rightArrow {
border-top-left-radius: 10px;
position: absolute;
bottom: -20px;
right: -30px;
padding-right: 40px;
padding-left: 15px; }
.features-photo-7 .leftArrow:active,
.features-photo-7 .rightArrow:active {
transform: scale(0.95, 0.95); }
.features-photo-7 .thumbnails {
display: block;
/* flex-direction: row; */
/* justify-content: flex-start; */
/* flex-wrap: nowrap; */
/* overflow-x: auto; */
/* overflow-y: hidden; */
height: 15%;
z-index: 1;
/* border-left: 6px solid black; */
scroll-snap-type: mandatory;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
width: 70px; }
.features-photo-7 .thumbnails {
position: absolute;
left: -81px; }
.features-photo-7 .features-photo-7_top-right {
max-width: 450px;
margin-left: auto;
position: relative; }
.features-photo-7 .thumbnailImage img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.features-photo-7 .thumbnailImage {
-moz-scroll-snap-align: start;
-ms-scroll-snap-align: start;
scroll-snap-align: start;
margin-bottom: 10px;
display: block; }
.features-photo-7 .thumbnailImage:first-child {
margin-left: 0px; }
.features-photo-7 .thumbnailImage:last-child {
margin-right: 0px; }
.features-photo-7 #c1:checked + #i1 {
opacity: 1; }
.features-photo-7 #c2:checked + #i2 {
opacity: 1; }
.features-photo-7 #c3:checked + #i3 {
opacity: 1; }
.features-photo-7 #c4:checked + #i4 {
opacity: 1; }
.features-photo-7 #c5:checked + #i5 {
opacity: 1; }
.features-photo-7 #c6:checked + #i6 {
opacity: 1; }
.features-photo-7 #c7:checked + #i7 {
opacity: 1; }
.features-photo-7 #c8:checked + #i8 {
opacity: 1; }
.features-photo-7 #c9:checked + #i9 {
opacity: 1; }
.features-photo-7 #c10:checked + #i10 {
opacity: 1; }
.features-photo-7 #c11:checked + #i11 {
opacity: 1; }
.features-photo-7 #c12:checked + #i12 {
opacity: 1; }
.features-photo-7 #c13:checked + #i13 {
opacity: 1; }
.features-photo-7 #c1:checked + #i1 + #arrows1 {
display: flex; }
.features-photo-7 #c2:checked + #i2 + #arrows2 {
display: flex; }
.features-photo-7 #c3:checked + #i3 + #arrows3 {
display: flex; }
.features-photo-7 #c4:checked + #i4 + #arrows4 {
display: flex; }
.features-photo-7 #c5:checked + #i5 + #arrows5 {
display: flex; }
.features-photo-7 #c6:checked + #i6 + #arrows6 {
display: flex; }
.features-photo-7 .thumbnails label,
.features-photo-7 .arrowsContainer label {
cursor: pointer;
overflow: hidden;
border: 2px solid #ededed; }
.features-photo-7 .thumbnails label img {
transition: 0.3s ease; }
.features-photo-7 .thumbnails label img:hover {
transform: scale(1.2, 1.2); }
.features-photo-7 label:focus {
box-shadow: 0px 0px 7px 1px white; }
.features-photo-7 .single-right-left h3 {
font-size: 25px;
margin-bottom: 10px;
line-height: 30px;
font-weight: 600; }
.features-photo-7 .single-right-left p {
margin: 10px 0 15px; }
.features-photo-7 .single-right-left p label {
color: #000;
text-transform: capitalize; }
.features-photo-7 .single-right-left del {
margin: 0 10px 0 4px;
font-size: 14px;
color: #999; }
.features-photo-7 img {
border-radius: 0px; }
.features-photo-7 .rating1 {
direction: ltr; }
.features-photo-7 .rating {
margin-bottom: 20px; }
.features-photo-7 .starRating:not(old) {
display: inline-block;
height: 18px;
width: 100px;
overflow: hidden; }
.features-photo-7 .starRating:not(old) > input {
margin-right: -26%;
opacity: 0; }
.features-photo-7 .starRating:not(old) > label {
float: right;
background: url(../images/star1.html);
background-size: contain;
margin-right: 2px; }
.features-photo-7 .starRating:not(old) > label:before {
content: '';
display: block;
width: 18px;
height: 18px;
background: url(../images/star22.html);
background-size: contain;
opacity: 0;
transition: opacity 0.2s linear; }
.features-photo-7 .starRating:not(old) > label:hover:before,
.features-photo-7 .starRating:not(old) > label:hover ~ label:before,
.features-photo-7 .starRating:not(:hover) > :checked ~ label:before {
opacity: 1; }
.features-photo-7 .single-infoagile ul li {
display: block;
font-size: 16px;
line-height: 25px;
margin-bottom: 8px; }
.features-photo-7 .single-infoagile ul li a {
font-weight: 600; }
.features-photo-7 .single-infoagile ul li a:hover {
color: #00aeff; }
.features-photo-7 .single-infoagile ul li.offers a {
font-weight: normal; }
.features-photo-7 .product-single-w3l {
border-top: 1px solid #ccc;
margin-top: 25px;
margin-bottom: 25px; }
.features-photo-7 .product-single-w3l p span {
color: #00aeff;
margin-right: 6px; }
.features-photo-7 .product-single-w3l p {
color: var(-para-color);
margin: 15px 0;
font-size: 16px;
line-height: 25px;
color: #555A64; }
.features-photo-7 .product-single-w3l p a {
color: var(--para-color);
text-transform: capitalize;
font-size: 16px; }
.features-photo-7 .product-single-w3l p a:hover {
color: #00aeff; }
.features-photo-7 span.item_price {
font-size: 20px;
color: var(--theme-color-3);
font-weight: bold; }
.features-photo-7 ul.rating li {
list-style-type: none;
display: inline-block;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--para-color); }
.features-photo-7 ul.rating li span.fa {
font-size: 14px;
color: var(--theme-color-3); }
.features-photo-7 .product-single-w3l ul li {
list-style: inside;
font-size: 16px;
margin-bottom: 5px;
line-height: 25px;
color: #555A64;
letter-spacing: 0px; }
.features-photo-7 .occasion-cart .snipcart-details {
margin-top: 30px; }
.features-photo-7 a.actionbg1 {
border: none;
display: inline-block;
font-size: 15px;
color: #F5F9FC;
background: #333;
padding: 12px 28px;
text-align: center;
margin-left: 5px;
font-weight: 600;
text-transform: uppercase; }
.features-photo-7 a.actionbg1:hover {
background: var(--theme-color-3); }
.features-photo-7 .d-grid.main-content {
grid-template-columns: 1fr 1fr;
max-width: 320px;
grid-gap: 30px; }
.features-photo-7 .sec-grid-1 {
margin-top: 1rem; }
.features-photo-7 .sec-grid-1 label {
font-size: 16px;
margin-bottom: 10px;
display: inline-block;
font-weight: 600;
color: #2C3038;
display: block; }
.features-photo-7 .sec-grid-1 select,
.features-photo-7 input {
border: 1px solid rgba(51, 51, 51, 0.25);
padding: 10px;
width: 100%;
font-size: 16px;
color: #555A64;
background: transparent; }
.features-photo-7 .sec-grid-1 select {
-webkit-appearance: none;
width: 100%;
background: url(../images/down.png) no-repeat 90% 52%; }
.features-photo-7 .product-single-w3l:last-child {
margin-bottom: 0; }
@media screen and (max-width: 1200px) {
.features-photo-7 .features-photo-7_top-right {
max-width: 360px; } }
@media screen and (max-width: 992px) {
.features-photo-7 .features-photo-7_top {
grid-template-columns: 1fr; }
.features-photo-7 .features-photo-7_top-right {
max-width: 600px; } }
@media screen and (max-width: 768px) {
.features-photo-7 .features-photo-7_top-right {
max-width: 430px; } }
@media screen and (max-width: 556px) {
.features-photo-7 .features-photo-7_top-right {
max-width: 100%;
padding-left: 5em; } }
@media screen and (max-width: 480px) {
.features-photo-7 .features-photo-7_top h4 {
margin-bottom: 16px;
font-size: 30px;
line-height: 36px; }
.features-photo-7 .single-right-left h3 {
font-size: 22px;
line-height: 27px; } }
@media screen and (max-width: 415px) {
.features-photo-7 .features-photo-7_sur {
padding: 30px 0; }
.features-photo-7 .features-photo-7_top {
grid-gap: 30px; } }
@media screen and (max-width: 400px) {
.features-photo-7 .thumbnails {
position: static;
display: flex;
height: 5%;
width: 100%;
margin-top: 10px; }
.features-photo-7 .features-photo-7_top-right {
padding-left: 0; }
.features-photo-7 .thumbnailImage {
margin-bottom: 0;
display: block;
margin-left: 10px; } }
@media screen and (max-width: 320px) {
.features-photo-7 .features-photo-7_top h4 {
font-size: 28px;
line-height: 32px; } }
/*-- text24-block --*/
.w3l-text-24 .text24-max-align.text-price-cont {
padding-bottom: 80px; }
.w3l-text-24 h5.text24-heading {
font-size: 25px;
line-height: 30px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600; }
.w3l-text-24 .text24-max-align p {
font-size: 17px;
line-height: 25px;
margin-bottom: 20px; }
.w3l-text-24 .text24-list li {
font-size: 17px;
line-height: 25px;
color: var(--title-color);
list-style-position: inside; }
.w3l-text-24 .text24-list {
margin-top: 20px; }
.w3l-text-24 li.gap-list {
margin: 5px 0; }
@media all and (max-width: 991px) {
.w3l-text-24 .text24-max-align.text-price-cont {
padding-bottom: 60px; } }
@media all and (max-width: 480px) {
.w3l-text-24 .text24-max-align.text-price-cont {
padding-bottom: 40px; } }
@media all and (max-width: 384px) {
.w3l-text-24 h5.text24-heading {
margin-bottom: 15px; }
.w3l-text-24 .text24-max-align p {
font-size: 16px; }
.w3l-text-24 .text24-list li {
font-size: 16px; } }
.w3l-ecom-cart .covers-main {
padding: 80px 0; }
.w3l-ecom-cart .product-image img {
border-radius: 5px; }
.w3l-ecom-cart .product-image {
float: left;
width: 10%;
margin-right: 4em; }
.w3l-ecom-cart .product-details {
float: left;
width: 37%; }
.w3l-ecom-cart .product-price {
float: left;
width: 12%;
font-weight: bold; }
.w3l-ecom-cart .product-quantity {
float: left;
width: 15%;
text-align: center; }
.w3l-ecom-cart .product-removal {
float: left;
width: 9%; }
.w3l-ecom-cart .product-line-price {
float: left;
width: 12%;
text-align: right;
color: var(--theme-color-3);
font-weight: bold; }
.w3l-ecom-cart .group:before,
.w3l-ecom-cart .shopping-cart:before,
.w3l-ecom-cart .column-labels:before,
.w3l-ecom-cart .product:before,
.w3l-ecom-cart .totals-item:before,
.w3l-ecom-cart .group:after,
.w3l-ecom-cart .shopping-cart:after,
.w3l-ecom-cart .column-labels:after,
.w3l-ecom-cart .product:after,
.w3l-ecom-cart .totals-item:after {
content: '';
display: table; }
.w3l-ecom-cart .group:after,
.w3l-ecom-cart .shopping-cart:after,
.w3l-ecom-cart .column-labels:after,
.w3l-ecom-cart .product:after,
.w3l-ecom-cart .totals-item:after {
clear: both; }
.w3l-ecom-cart .group,
.w3l-ecom-cart .shopping-cart,
.w3l-ecom-cart .column-labels,
.w3l-ecom-cart .product,
.w3l-ecom-cart .totals-item {
zoom: 1; }
.w3l-ecom-cart .product .product-price:before,
.w3l-ecom-cart .product .product-line-price:before,
.w3l-ecom-cart .totals-value:before {
content: '$'; }
.w3l-ecom-cart .column-labels label {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
color: var(--title-color);
font-weight: 600; }
.w3l-ecom-cart .covers-main h1 {
margin-bottom: 2.5rem; }
.w3l-ecom-cart .product {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
display: flex;
align-items: center; }
.w3l-ecom-cart .product .product-details .product-title a {
margin-right: 20px;
font-weight: 600;
font-size: 18px; }
.w3l-ecom-cart .product .product-details .product-description {
margin: 5px 20px 5px 0;
line-height: 1.4em; }
.w3l-ecom-cart .product .product-quantity input {
width: 57px;
border: none;
padding: 6px 11px;
background: #eee;
border: 1px solid #d6d6d6;
border-radius: 20px; }
.w3l-ecom-cart .product .remove-product {
border: 0;
padding: 8px 14px;
background-color: #505050;
color: #fff;
font-size: 12px;
border-radius: 3px; }
.w3l-ecom-cart .product .remove-product:hover {
background-color: #333; }
.w3l-ecom-cart .totals .totals-item {
margin-bottom: 10px;
display: flex; }
.w3l-ecom-cart .totals-value {
margin-left: auto;
color: var(--theme-color-1); }
.w3l-ecom-cart .checkout {
margin-top: 2em; }
.w3l-ecom-cart .main-top-grid {
grid-template-columns: 3fr 1fr; }
.w3l-ecom-cart .top-content {
background: var(--main-bg-color);
padding: 30px;
box-shadow: 0px 4px 7px 0px rgba(10, 10, 10, 0.19); }
.w3l-ecom-cart .totals ul li {
list-style: none; }
.w3l-ecom-cart .totals ul li a {
border: 1px solid #eee;
background: #fff;
padding: 10px;
display: block;
font-size: 15px;
margin-bottom: 10px; }
.w3l-ecom-cart .totals ul li a:hover {
box-shadow: 0px 4px 7px 0px rgba(10, 10, 10, 0.19); }
.w3l-ecom-cart .totals ul li a span {
color: var(--theme-color-3);
margin-right: 8px; }
.w3l-ecom-cart .totals ul {
margin-bottom: 2em; }
@media screen and (max-width: 1200px) {
.w3l-ecom-cart .main-top-grid {
grid-template-columns: 3fr 1.3fr;
grid-gap: 20px; } }
@media screen and (max-width: 991px) {
.w3l-ecom-cart .covers-main {
padding: 60px 0; }
.w3l-ecom-cart .product-image {
margin-right: 2em; }
.w3l-ecom-cart .product-line-price {
width: 15%; }
.w3l-ecom-cart .main-top-grid {
grid-template-columns: 1fr;
grid-gap: 20px; } }
@media screen and (max-width: 900px) {
.w3l-ecom-cart .product {
display: block;
padding-bottom: 20px; }
.w3l-ecom-cart .shopping-cart {
margin: 0;
padding-top: 20px;
border-top: 1px solid #eee; }
.w3l-ecom-cart .column-labels {
display: none; }
.w3l-ecom-cart .product-image {
margin-right: 2em;
width: 16%; }
.w3l-ecom-cart .product-image img {
margin-bottom: 10px; }
.w3l-ecom-cart .product-details {
float: left;
width: 25%; }
.w3l-ecom-cart .product-quantity input {
margin-left: 20px; }
.w3l-ecom-cart .product-removal {
width: auto; }
.w3l-ecom-cart .product-line-price {
float: right; } }
@media screen and (max-width: 754px) {
.w3l-ecom-cart .product-details {
width: 28%; } }
@media screen and (max-width: 520px) {
.w3l-ecom-cart .product-image {
margin-right: 1em; }
.w3l-ecom-cart .product .product-details .product-title a {
margin-right: 10px;
font-size: 16px; } }
@media screen and (max-width: 440px) {
.w3l-ecom-cart .product-price {
width: 30%;
margin-top: 6px; }
.w3l-ecom-cart .product-details {
width: 50%; } }
@media screen and (max-width: 414px) {
.w3l-ecom-cart .covers-main {
padding: 40px 0; } }
@media screen and (max-width: 384px) {
.w3l-ecom-cart .product-removal {
float: right; }
.w3l-ecom-cart .product-line-price {
margin-top: 6px; }
.w3l-ecom-cart .product-quantity input {
margin-left: 0; }
.w3l-ecom-cart .covers-main h1 {
margin-bottom: 2rem; }
.w3l-ecom-cart .product-image {
width: 22%; }
.w3l-ecom-cart .product-quantity {
margin-top: 6px; } }
.main-bg-color {
background-color: #eee; }
.links-email a {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 25px;
text-align: right;
color: var(--title-color);
margin-left: 15px; }
.overlay-banner {
background: rgba(10, 10, 10, 0.44);
z-index: 9;
padding: 4em 0; }
.email-section-tem {
padding: 2.5em; }
.email-tem .text h2 {
font-size: 35px; }
a.email-button-banner {
margin-top: 1.8em;
font-size: 14px;
padding: 12px 24px; }
h6.email-banner-sub {
color: #fff;
padding: 10px 12px;
background: rgba(255, 255, 255, 0.2);
font-weight: 600;
margin-bottom: 1em;
display: inline-block;
font-size: 14px; }
.heading-section h4 {
color: #323538;
font-size: 25px;
margin-top: 0;
line-height: 30px; }
.sec-email-gap {
padding: 3em 2.5em;
background: #fff; }
table.container-middle.combo {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
table.agileits_footer {
background: #212121; }
.overlay-lavi {
background: rgba(10, 10, 10, 0.44);
z-index: 9;
padding: 4em 2em;
text-align: center; }
.counter-text .num {
color: #fff;
font-size: 3em;
font-weight: 100; }
.counter-text .name {
display: block;
color: #fff;
font-size: 0.9em;
font-weight: 600;
text-transform: uppercase; }
.email-hny-section {
padding: 4em 2em;
background: var(--theme-color-3); }
.email-button {
margin-top: 1em; }
table.w3_sub_contaiiner-footer {
padding: 0 1em; }
.button-eff.email-btn:hover {
opacity: .8; }
@media screen and (max-width: 700px) {
table.wthree_copy_right_grid_right {
width: 100%;
display: block;
margin-top: 10px; }
table.wthree_copy_right_grid_left {
width: 100% !important;
display: block; } }
@media screen and (max-width: 667px) {
table.wthree_footer_grid_left-2 {
margin-top: 1.5em; }
td.agileinfo_footer_space {
height: 32px; }
td.wthree_weversion {
text-align: center;
margin-top: 8px;
display: block; }
table.wthree_copy_right_grid_left {
text-align: center; }
td.agileinfo_copy_right_space {
height: 30px; }
td.title-text {
font-size: 1.5em !important; }
table.w3l-email-wrapper {
width: 100%; }
table.container-middle.combo {
width: 100%; }
table.w3l_banner_bottom_grid-2 {
width: 100%; }
td.heigh-footer {
height: 10px !important; }
table.cen-ban {
padding: 0 1em !important; } }
@media screen and (max-width: 800px) {
.email-container {
max-width: 720px !important; }
table.footer-wid-w3 {
max-width: 670px; }
table.wthree_copy_right_grid_left {
width: 369px !important; } }
@media screen and (max-width: 667px) {
td.w3l-p {
font-size: 15px !important;
/* text-align: center; */
display: block !important; }
table.footer-wid-w3 {
max-width: 500px; }
.email-container {
max-width: 100% !important; }
td.w3ls_modi {
font-size: 2.5em !important; }
a.agile-main-2 {
font-size: 23px !important; }
table.wthree_footer_grid_left {
width: 100%; }
td.title-text {
font-size: 1.7em !important; }
table.wthree_copy_right_grid_left {
width: 100% !important; }
table.wthree_copy_right_grid_right {
width: 100% !important; }
table.w3agile_social_icons {
max-width: 100px; } }
@media screen and (max-width: 640px) {
.banner-con {
padding: 0 3em !important; }
.email-hny-section {
padding: 2em 1em; }
.simple-button {
font-size: 14px; }
table.scale75 {
width: 600px; }
.email-section-tem {
padding: 1em 0; }
td.sub-gd {
width: 100%;
display: block; } }
@media screen and (max-width: 600px) {
table {
width: 100% !important; }
td.logo {
width: 100%;
float: left;
text-align: center !important; }
td.logo.nav-top {
width: 100%;
float: left; }
.banner-con {
padding: 0 0em !important; }
table.pro1-w3.scale {
width: 100% !important; }
table.scale-90 {
width: 450px !important; }
td.produ {
height: 0; }
table.w3l_logo_right {
width: 50% !important;
text-align: right; }
table.logo {
width: 50% !important; }
td.main-text-paras {
font-size: 1em !important; }
table.dairy {
width: 580px;
width: 450px !important; }
table.w3_number {
width: 30px !important; }
table.scale {
width: 358px !important;
margin: 0 auto;
float: none; }
.middle-team-w3 {
margin: 1em 0; }
td.abt-pad {
height: 30px !important; }
table.table-inner {
max-width: 400px;
margin: 0 auto; }
td.logo a img {
max-width: 130px; }
a.agile-main-2 {
margin: 10px 0 5px;
display: block; }
table.scale-90 {
margin-bottom: 1em; }
td.logo {
width: 100% !important; }
td.scale-center-both img {
width: 100%;
height: auto; }
table.scale-2-top {
margin-bottom: 1em; }
table.scale-60perc {
width: 100%;
padding: 0 2em 0; } }
@media screen and (max-width: 580px) {
table {
width: 100% !important; }
td.text-services {
padding: 0 !important; } }
@media screen and (max-width: 480px) {
td.w3ls_modi {
font-size: 2.3em !important; }
td.w3l_space1 {
height: 50px !important; }
td.w3l_space {
height: 60px !important; }
.text.banner-con p {
font-size: 14px !important; }
.text.banner-con h2 {
font-size: 1.6em !important; }
td.title-scale {
height: 20px !important; }
table.footer-wid-w3 {
padding: 0 2em; } }
@media screen and (max-width: 440px) {
td.w3ls_modi {
font-size: 2em !important; }
table.dairy {
width: 100% !important;
padding: 0 2em; }
table.scale-90 {
width: 100% !important;
padding: 0 2em; }
td.h-t {
font-size: 30px !important; } }
@media screen and (max-width: 414px) {
.button-style-wthree {
padding: 7px 28px; }
table.scale {
width: 300px !important; }
.overlay-lavi {
padding: 3em 1em; }
td.sub-gd.counter-gd {
width: 100% !important;
display: block;
margin: 1.5em 0; }
.email-section-tem {
padding: 0; }
.sec-email-gap {
padding: 2em 1em; } }
@media screen and (max-width: 384px) {
.text.banner-con h2 {
font-size: 1.7em !important; }
.text.banner-con p {
font-size: 13px; }
td.main-text-paras {
font-size: .9em !important; }
td.h-t {
font-size: 28px !important; }
td.agileinfo_copy_right_space,
td.agileinfo_footer_space {
height: 20px !important; }
.email-section-tem {
padding: 2em .5em; }
.overlay-banner {
padding: 2em 0; } }
@media screen and (max-width: 320px) {
td.title-text {
font-size: 1.5em !important; }
table.header-w3ls {
padding: 8px 15px; }
td.w3ls_modi {
font-size: 1.8em !important; }
td.main-text-paras {
font-size: .85em !important; }
table.w3ls_banner_info {
padding: 0 20px; }
a.button-style-wthree-2 {
padding: 8px 24px; }
label.content {
font-size: 14px; }
table.dairy {
padding: 0 1em; }
a.agile-main-2 {
font-size: 22px !important; }
table.scale-90 {
padding: 0 1.5em; }
table.scale {
width: 250px !important; } }
/*# sourceMappingURL=style-freedom.css.map */