@charset "UTF-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@font-face {
font-family: 'pxli';
src:
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/pixelart/fonts/pxli.ttf?rkok6c) format('truetype'),
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/pixelart/fonts/pxli.woff?rkok6c) format('woff'),
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/pixelart/fonts/pxli.svg?rkok6c#pxli) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="pxli-"], [class*=" pxli-"] { font-family: 'pxli' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pxli-solar-panel-_1:before {
content: "\e9e8";
}
.pxli-solar-panel:before {
content: "\e9e5";
}
.pxli-biomass-energy:before {
content: "\e9e6";
}
.pxli-renewable-energy:before {
content: "\e9e7";
}
.pxli-rain:before {
content: "\e9e2";
}
.pxli-roof-_4:before {
content: "\e9e3";
}
.pxli-roof-_2:before {
content: "\e9e4";
}
.pxli-mail-h4:before {
content: "\e9e1";
}
.pxli-marker-1:before {
content: "\e9e0";
}
.pxli-menu-Bar:before {
content: "\e9df";
}
.pxli-strategy:before {
content: "\e9dd";
}
.pxli-vision-and-mission:before {
content: "\e9de";
}
.pxli-setting:before {
content: "\e9dc";
}
.pxli-excavator:before {
content: "\e9d7";
}
.pxli-paintwork:before {
content: "\e9d8";
}
.pxli-building:before {
content: "\e9d9";
}
.pxli-helmet_3503092:before {
content: "\e9da";
}
.pxli-Vector-heart:before {
content: "\e9d1";
}
.pxli-coins-price:before {
content: "\e9db";
}
.pxli-icon-mailchimp:before {
content: "\e9d6";
}
.pxli-facebook-icon:before {
content: "\e9d4";
}
.pxli-shopping:before {
content: "\e9d2";
}
.pxli-vector-plus-shop:before {
content: "\e9d0";
}
.pxli-Vector-shop:before {
content: "\e9ce";
}
.pxli-Vector-2-shop:before {
content: "\e9cf";
}
.pxli-Vector-home2:before {
content: "\e9cd";
}
.pxli-clock-2:before {
content: "\e9cb";
}
.pxli-user-contact:before {
content: "\e9cc";
}
.pxli-arrow-up-right-01:before {
content: "\e9ca";
}
.pxli-bookmark:before {
content: "\e9c8";
}
.pxli-location-crosshairs:before {
content: "\e9c9";
}
.pxli-microscope1:before {
content: "\e9c7";
}
.pxli-doctor-details-item-1:before {
content: "\e9c4";
}
.pxli-doctor-details-item-2:before {
content: "\e9c5";
}
.pxli-icon-Mask-min:before {
content: "\e9c6";
}
.pxli-service-6:before {
content: "\e97e";
}
.pxli-service-back:before {
content: "\e980";
}
.pxli-service-syringe-2:before {
content: "\e984";
}
.pxli-service-dew:before {
content: "\e98d";
}
.pxli-service-syringe:before {
content: "\e98e";
}
.pxli-service-lung:before {
content: "\e98f";
}
.pxli-service-woman:before {
content: "\e990";
}
.pxli-language-1:before {
content: "\e991";
}
.pxli-facebook-1-1:before {
content: "\e993";
}
.pxli-slide .path1:before {
content: "\e994";
color: rgb(2, 60, 119);
opacity: 0.1;
}
.pxli-slide .path2:before {
content: "\e995";
margin-left: -1em;
color: rgb(2, 60, 119);
opacity: 0.1;
}
.pxli-slide .path3:before {
content: "\e996";
margin-left: -1em;
color: rgb(2, 60, 119);
opacity: 0.1;
}
.pxli-slide .path4:before {
content: "\e999";
margin-left: -1em;
color: rgb(89, 211, 194);
}
.pxli-slide .path5:before {
content: "\e9a6";
margin-left: -1em;
color: rgb(89, 211, 194);
}
.pxli-slide .path6:before {
content: "\e9a8";
margin-left: -1em;
color: rgb(2, 60, 119);
}
.pxli-slide .path7:before {
content: "\e9a9";
margin-left: -1em;
color: rgb(2, 60, 119);
opacity: 0.1;
}
.pxli-slide .path8:before {
content: "\e9aa";
margin-left: -1em;
color: rgb(2, 60, 119);
opacity: 0.1;
}
.pxli-slide .path9:before {
content: "\e9ab";
margin-left: -1em;
color: rgb(2, 60, 119);
opacity: 0.1;
}
.pxli-Vector-button:before {
content: "\e9af";
}
.pxli-Vector-faq:before {
content: "\e9b7";
}
.pxli-Vector-faq1:before {
content: "\e9b8";
}
.pxli-FAQ-3-3:before {
content: "\e9b9";
}
.pxli-clinical:before {
content: "\e9ba";
}
.pxli-ecg:before {
content: "\e9be";
}
.pxli-d1:before {
content: "\e9bf";
}
.pxli-pig11-1:before {
content: "\e9c0";
}
.pxli-price3:before {
content: "\e9c1";
}
.pxli-FAQ3:before {
content: "\e9c2";
}
.pxli-Vector-doctor-single:before {
content: "\e9c3";
}
.pxli-brain1:before {
content: "\e912";
}
.pxli-tooth1:before {
content: "\e913";
}
.pxli-star-fortfolio2:before {
content: "\e918";
}
.pxli-kidneys1:before {
content: "\e97b";
}
.pxli-phone-alt:before {
content: "\e936";
}
.pxli-phone:before {
content: "\e937";
}
.pxli-email:before {
content: "\e923";
}
.pxli-envelope-open-regular:before {
content: "\e983";
}
.pxli-envelope-regular:before {
content: "\e98c";
}
.pxli-clock:before {
content: "\e921";
}
.pxli-grid:before {
content: "\e9bb";
}
.pxli-list:before {
content: "\e9bc";
}
.pxli-th:before {
content: "\e992";
}
.pxli-window-close-regular:before {
content: "\e982";
}
.pxli-user:before {
content: "\e967";
}
.pxli-user1:before {
content: "\e966";
}
.pxli-search-400:before {
content: "\e978";
}
.pxli-search:before {
content: "\e93f";
}
.pxli-heart-regular:before {
content: "\e985";
}
.pxli-calendar-alt-regular:before {
content: "\e989";
}
.pxli-clock-regular:before {
content: "\e98a";
}
.pxli-map-marker:before {
content: "\e934";
}
.pxli-marker-alt:before {
content: "\e98b";
}
.pxli-share-alt:before {
content: "\e97a";
}
.pxli-arrow-right-solid:before {
content: "\e97c";
}
.pxli-heart:before {
content: "\e970";
}
.pxli-comment-alt1:before {
content: "\e968";
}
.pxli-comment-dots1:before {
content: "\e969";
}
.pxli-comment1:before {
content: "\e96a";
}
.pxli-comments1:before {
content: "\e96b";
}
.pxli-comment-alt:before {
content: "\e96c";
}
.pxli-comment-dots:before {
content: "\e96d";
}
.pxli-comment:before {
content: "\e96e";
}
.pxli-comments:before {
content: "\e96f";
}
.pxli-folder1:before {
content: "\e962";
}
.pxli-folder-open1:before {
content: "\e963";
}
.pxli-folder-open:before {
content: "\e964";
}
.pxli-folder:before {
content: "\e965";
}
.pxli-arrow-circle-alt-left:before {
content: "\e960";
}
.pxli-plus-circle-01:before {
content: "\e961";
}
.pxli-alert:before {
content: "\e901";
}
.pxli-shadow:before {
content: "\e940";
}
.pxli-arrow-alt-circle-down:before {
content: "\e902";
}
.pxli-arrow-alt-circle-left:before {
content: "\e903";
}
.pxli-arrow-alt-circle-right:before {
content: "\e904";
}
.pxli-arrow-alt-circle-up:before {
content: "\e905";
}
.pxli-arrow-circle-down:before {
content: "\e906";
}
.pxli-arrow-circle-left1:before {
content: "\e907";
}
.pxli-arrow-circle-right1:before {
content: "\e908";
}
.pxli-arrow-circle-up:before {
content: "\e909";
}
.pxli-arrow-circle-up-large:before {
content: "\e95c";
}
.pxli-arrow-circle-down-large:before {
content: "\e95d";
}
.pxli-arrow-circle-left-large:before {
content: "\e95e";
}
.pxli-arrow-circle-right-large:before {
content: "\e95f";
}
.pxli-arrow-down:before {
content: "\e90a";
}
.pxli-arrow-up:before {
content: "\e90b";
}
.pxli-long-arrow-up:before {
content: "\e9d3";
}
.pxli-long-arrow-down:before {
content: "\e9d5";
}
.pxli-long-arrow-left:before {
content: "\e914";
}
.pxli-long-arrow-right:before {
content: "\e916";
}
.pxli-arrow-prev:before {
content: "\e959";
}
.pxli-arrow-next:before {
content: "\e95a";
}
.pxli-check1:before {
content: "\e915";
}
.pxli-check-circle:before {
content: "\e917";
}
.pxli-check-alt-circle:before {
content: "\1f388";
}
.pxli-chevron-circle-down:before {
content: "\e919";
}
.pxli-chevron-circle-left:before {
content: "\e91a";
}
.pxli-chevron-circle-right:before {
content: "\e91b";
}
.pxli-chevron-circle-up:before {
content: "\e91c";
}
.pxli-chevron-down1:before {
content: "\e91d";
}
.pxli-chevron-left:before {
content: "\e91e";
}
.pxli-chevron-right:before {
content: "\e91f";
}
.pxli-chevron-up:before {
content: "\e920";
}
.pxli-sign-in-alt:before {
content: "\e946";
}
.pxli-sign-out-alt:before {
content: "\e947";
}
.pxli-download:before {
content: "\e922";
}
.pxli-facebook-f:before {
content: "\e925";
}
.pxli-facebook-square:before {
content: "\e927";
}
.pxli-facebook:before {
content: "\e928";
}
.pxli-twitter:before {
content: "\e92b";
}
.pxli-twitter-circle:before {
content: "\e929";
}
.pxli-twitter-square:before {
content: "\e92a";
}
.pxli-instagram-square:before {
content: "\e92c";
}
.pxli-instagram1:before {
content: "\e92d";
}
.pxli-linkedin-in:before {
content: "\e92f";
}
.pxli-linkedin-circle:before {
content: "\e92e";
}
.pxli-linkedin:before {
content: "\e930";
}
.pxli-pinterest-p:before {
content: "\e931";
}
.pxli-pinterest-square:before {
content: "\e932";
}
.pxli-youtube-brands:before {
content: "\e987";
}
.pxli-youtube:before {
content: "\e933";
}
.pxli-tiktok:before {
content: "\e90f";
}
.pxli-facebook-messenger:before {
content: "\e926";
}
.pxli-google:before {
content: "\e94f";
}
.pxli-google-plus-g:before {
content: "\e94c";
}
.pxli-google-plus-square:before {
content: "\e94d";
}
.pxli-google-plus:before {
content: "\e94e";
}
.pxli-pinterest:before {
content: "\e935";
}
.pxli-phone-alt1:before {
content: "\e97f";
}
.pxli-skype:before {
content: "\e952";
}
.pxli-tumblr:before {
content: "\e954";
}
.pxli-tumblr-square:before {
content: "\e953";
}
.pxli-rss-square:before {
content: "\e950";
}
.pxli-rss:before {
content: "\e951";
}
.pxli-vimeo-square:before {
content: "\e955";
}
.pxli-vimeo-v:before {
content: "\e956";
}
.pxli-behance-brands:before {
content: "\e988";
}
.pxli-dribbble-brands:before {
content: "\e986";
}
.pxli-play-circle:before {
content: "\e938";
}
.pxli-play:before {
content: "\e939";
}
.pxli-plus:before {
content: "\e93a";
}
.pxli-plus-circle:before {
content: "\e93b";
}
.pxli-minus:before {
content: "\e900";
}
.pxli-minus-circle:before {
content: "\e93c";
}
.pxli-remove-circle:before {
content: "\e93d";
}
.pxli-remove1:before {
content: "\e93e";
}
.pxli-shopping-bag:before {
content: "\e941";
}
.pxli-shopping-basket:before {
content: "\e942";
}
.pxli-shopping-cart-arrow-down:before {
content: "\e943";
}
.pxli-shopping-cart-plus:before {
content: "\e944";
}
.pxli-shopping-cart:before {
content: "\e945";
}
.pxli-star-alt:before {
content: "\e948";
}
.pxli-star1:before {
content: "\e949";
}
.pxli-thumbtack:before {
content: "\e94b";
}
.pxli-yelp:before {
content: "\e958";
}
.pxli-spinner:before {
content: "\e95b";
}
.pxli-quote:before {
content: "\e9bd";
}
.pxli-pdf:before {
content: "\e94a";
}
.pxli-paperplane:before {
content: "\e910";
}
.pxli-arrow-left:before {
content: "\e975";
}
.pxli-arrow-right:before {
content: "\e976";
}
.pxli-link1:before {
content: "\e977";
}
.pxli-heart1:before {
content: "\e90c";
}
.pxli-instagram:before {
content: "\e997";
}
.pxli-link:before {
content: "\e973";
}
.pxli-volume:before {
content: "\e979";
}
.pxli-share-alt1:before {
content: "\e972";
}
.pxli-telegram:before {
content: "\e971";
}
.pxli-clock-o:before {
content: "\e981";
}
.pxli-clock1:before {
content: "\e9b3";
}
.pxli-menu:before {
content: "\e9b1";
}
.pxli-user11:before {
content: "\e9b5";
}
.pxli-search1:before {
content: "\e97d";
}
.pxli-calendar:before {
content: "\e974";
}
.pxli-calendar1:before {
content: "\e9b6";
}
.pxli-caret-down:before {
content: "\e9a7";
}
.pxli-angle-down:before {
content: "\e99e";
}
.pxli-angle-up:before {
content: "\e99f";
}
.pxli-angle-right:before {
content: "\e9a0";
}
.pxli-angle-left:before {
content: "\e9a1";
}
.pxli-angle-double-down:before {
content: "\e9a2";
}
.pxli-angle-double-up:before {
content: "\e9a3";
}
.pxli-angle-double-right:before {
content: "\e9a4";
}
.pxli-angle-double-left:before {
content: "\e9a5";
}
.pxli-checked:before {
content: "\e9ae";
}
.pxli-check:before {
content: "\e99b";
}
.pxli-long-arrow-left1:before {
content: "\e90e";
}
.pxli-long-arrow-right1:before {
content: "\e90d";
}
.pxli-right-arrow-x:before {
content: "\e9ac";
}
.pxli-arrow-circle-right:before {
content: "\e99c";
}
.pxli-arrow-circle-left:before {
content: "\e99d";
}
.pxli-cloud-upload:before {
content: "\e998";
}
.pxli-world:before {
content: "\e9b0";
}
.pxli-close1:before {
content: "\e9ad";
}
.pxli-close:before {
content: "\e99a";
}
.pxli-remove:before {
content: "\e99a";
}
.pxli-times:before {
content: "\e99a";
}
.pxli-label:before {
content: "\e9b4";
}
.pxli-newletter:before {
content: "\e9b2";
}
.pxli-paper-plane:before {
content: "\e911";
}
.pxli-file-word-o:before {
content: "\e924";
}
.pxli-file-pdf-o:before {
content: "\e957";
}@font-face {
font-family: "flaticon";
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/flaticon/fonts/flaticon.ttf?31e7d0fb4ce63e77bd617f2ea8e601f3) format("truetype"),
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/flaticon/fonts/flaticon.woff?31e7d0fb4ce63e77bd617f2ea8e601f3) format("woff"),
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/flaticon/fonts/flaticon.woff2?31e7d0fb4ce63e77bd617f2ea8e601f3) format("woff2"),
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/flaticon/fonts/flaticon.eot?31e7d0fb4ce63e77bd617f2ea8e601f3#iefix) format("embedded-opentype"),
url(//belteplo.by/wp-content/themes/dexson/assets/fonts/flaticon/fonts/flaticon.svg?31e7d0fb4ce63e77bd617f2ea8e601f3#flaticon) format("svg");
}
[class^="flaticon-"], [class*=" flaticon-"]{
display: inline-flex;
vertical-align: middle;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {  
font-family: flaticon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
vertical-align: middle;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-ecological:before {
content: "\f101";
}
.flaticon-bio-energy:before {
content: "\f102";
}
.flaticon-recycle:before {
content: "\f103";
}
.flaticon-factory:before {
content: "\f104";
}
.flaticon-eco-house:before {
content: "\f105";
}
.flaticon-green-energy:before {
content: "\f106";
}
.flaticon-solar-cell:before {
content: "\f107";
}
.flaticon-eco-friendly:before {
content: "\f108";
}
.flaticon-ecological-1:before {
content: "\f109";
}
.flaticon-ecological-2:before {
content: "\f10a";
}
.flaticon-solar-energy:before {
content: "\f10b";
}
.flaticon-solar-energy-1:before {
content: "\f10c";
}
.flaticon-battery:before {
content: "\f10d";
}
.flaticon-renewable-energy:before {
content: "\f10e";
}
.flaticon-idea:before {
content: "\f10f";
}
.flaticon-address:before {
content: "\f110";
}
.flaticon-mail:before {
content: "\f111";
}
.flaticon-calling:before {
content: "\f112";
}
.flaticon-twitter:before {
content: "\f113";
}
.flaticon-instagram:before {
content: "\f114";
}
.flaticon-facebook:before {
content: "\f115";
}
.flaticon-linkedin:before {
content: "\f116";
}
.flaticon-pinterest:before {
content: "\f117";
}
.flaticon-menu:before {
content: "\f118";
}
.flaticon-world:before {
content: "\f119";
}
.flaticon-right-arrow:before {
content: "\f11a";
}
.flaticon-check:before {
content: "\f11b";
}
.flaticon-play:before {
content: "\f11c";
}
.flaticon-rating:before {
content: "\f11d";
}
.flaticon-quote:before {
content: "\f11e";
}
.flaticon-paper-plane:before {
content: "\f11f";
}
.flaticon-right-arrow-1:before {
content: "\f120";
}
.flaticon-right:before {
content: "\f121";
}
.flaticon-follower:before {
content: "\f122";
}
.flaticon-coffee:before {
content: "\f123";
}
.flaticon-rocket:before {
content: "\f124";
}
.flaticon-next:before {
content: "\f125";
}
.flaticon-calendar:before {
content: "\f126";
}
.flaticon-calculator:before {
content: "\f127";
}
.flaticon-businessman:before {
content: "\f128";
}
.flaticon-right-quote:before {
content: "\f129";
}
.flaticon-phone-call:before {
content: "\f12a";
}
.flaticon-energy:before {
content: "\f12b";
}
.flaticon-solar-panel:before {
content: "\f12c";
}
.flaticon-reliability:before {
content: "\f12d";
}
.flaticon-operation:before {
content: "\f12e";
}
.flaticon-medal:before {
content: "\f12f";
}
.flaticon-wind-energy:before {
content: "\f130";
}
.flaticon-phone-call-1:before {
content: "\f131";
}
.flaticon-planet-earth:before {
content: "\f132";
}@font-face{font-family:Material-Design-Iconic-Font;src:url(//belteplo.by/wp-content/themes/dexson/assets/fonts/material/fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'),url(//belteplo.by/wp-content/themes/dexson/assets/fonts/material/fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'),url(//belteplo.by/wp-content/themes/dexson/assets/fonts/material/fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype')}.zmdi{display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zmdi-hc-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.zmdi-hc-2x{font-size:2em}.zmdi-hc-3x{font-size:3em}.zmdi-hc-4x{font-size:4em}.zmdi-hc-5x{font-size:5em}.zmdi-hc-fw{width:1.28571429em;text-align:center}.zmdi-hc-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.zmdi-hc-ul>li{position:relative}.zmdi-hc-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:50%}.zmdi.pull-left{float:left;margin-right:.15em}.zmdi.pull-right{float:right;margin-left:.15em}.zmdi-hc-spin{-webkit-animation:zmdi-spin 1.5s infinite linear;animation:zmdi-spin 1.5s infinite linear}.zmdi-hc-spin-reverse{-webkit-animation:zmdi-spin-reverse 1.5s infinite linear;animation:zmdi-spin-reverse 1.5s infinite linear}@-webkit-keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.zmdi-hc-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.zmdi-hc-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.zmdi-hc-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.zmdi-hc-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.zmdi-hc-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.zmdi-hc-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.zmdi-hc-stack-1x,.zmdi-hc-stack-2x{position:absolute;left:0;width:100%;text-align:center}.zmdi-hc-stack-1x{line-height:inherit}.zmdi-hc-stack-2x{font-size:2em}.zmdi-hc-inverse{color:#fff}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-sdexson:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-sdexson:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-sdexson:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-sdexson:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-import-export:before{content:'\f30c'}.zmdi-swap-vertical-:before{content:'\f30c'}.zmdi-airplanemode-inactive:before{content:'\f102'}.zmdi-airplanemode-active:before{content:'\f103'}.zmdi-rate-review:before{content:'\f103'}.zmdi-comment-sign:before{content:'\f25a'}.zmdi-network-warning:before{content:'\f2ad'}.zmdi-shopping-cart-add:before{content:'\f1ca'}.zmdi-file-add:before{content:'\f221'}.zmdi-network-wifi-scan:before{content:'\f2e4'}.zmdi-collection-add:before{content:'\f14e'}.zmdi-format-playlist-add:before{content:'\f3ac'}.zmdi-format-queue-music:before{content:'\f3ab'}.zmdi-plus-box:before{content:'\f277'}.zmdi-tag-backspace:before{content:'\f1d9'}.zmdi-alarm-add:before{content:'\f32b'}.zmdi-battery-charging:before{content:'\f114'}.zmdi-daydream-setting:before{content:'\f217'}.zmdi-more-horiz:before{content:'\f19c'}.zmdi-book-photo:before{content:'\f11b'}.zmdi-incandescent:before{content:'\f189'}.zmdi-wb-iridescent:before{content:'\f38c'}.zmdi-calendar-remove:before{content:'\f330'}.zmdi-refresh-sync-disabled:before{content:'\f1b7'}.zmdi-refresh-sync-problem:before{content:'\f1b6'}.zmdi-crop-original:before{content:'\f17e'}.zmdi-power-off:before{content:'\f1af'}.zmdi-power-off-setting:before{content:'\f1ae'}.zmdi-leak-remove:before{content:'\f38d'}.zmdi-star-border:before{content:'\f27c'}.zmdi-brightness-low:before{content:'\f36d'}.zmdi-brightness-medium:before{content:'\f36e'}.zmdi-brightness-high:before{content:'\f36f'}.zmdi-smartphone-portrait:before{content:'\f2d4'}.zmdi-live-tv:before{content:'\f2d9'}.zmdi-format-textdirection-l-to-r:before{content:'\f249'}.zmdi-format-textdirection-r-to-l:before{content:'\f24a'}.zmdi-arrow-back:before{content:'\f2ea'}.zmdi-arrow-forward:before{content:'\f2ee'}.zmdi-arrow-in:before{content:'\f2e9'}.zmdi-arrow-out:before{content:'\f2ed'}.zmdi-rotate-90-degrees-ccw:before{content:'\f304'}.zmdi-adb:before{content:'\f33a'}.zmdi-network-wifi:before{content:'\f2e8'}.zmdi-network-wifi-alt:before{content:'\f2e3'}.zmdi-network-wifi-lock:before{content:'\f2e5'}.zmdi-network-wifi-off:before{content:'\f2e6'}.zmdi-network-wifi-outline:before{content:'\f2e7'}.zmdi-network-wifi-info:before{content:'\f2e4'}.zmdi-layers-clear:before{content:'\f18b'}.zmdi-colorize:before{content:'\f15d'}.zmdi-format-paint:before{content:'\f1ba'}.zmdi-format-quote:before{content:'\f1b2'}.zmdi-camera-monochrome-photos:before{content:'\f285'}.zmdi-sort-by-alpha:before{content:'\f1cf'}.zmdi-folder-shared:before{content:'\f225'}.zmdi-folder-special:before{content:'\f226'}.zmdi-comment-dots:before{content:'\f260'}.zmdi-reorder:before{content:'\f31e'}.zmdi-dehaze:before{content:'\f197'}.zmdi-sort:before{content:'\f1ce'}.zmdi-pages:before{content:'\f34a'}.zmdi-stack-overflow:before{content:'\f35c'}.zmdi-calendar-account:before{content:'\f204'}.zmdi-paste:before{content:'\f109'}.zmdi-cut:before{content:'\f1bc'}.zmdi-save:before{content:'\f297'}.zmdi-smartphone-code:before{content:'\f139'}.zmdi-directions-bike:before{content:'\f117'}.zmdi-directions-boat:before{content:'\f11a'}.zmdi-directions-bus:before{content:'\f121'}.zmdi-directions-car:before{content:'\f125'}.zmdi-directions-railway:before{content:'\f1b3'}.zmdi-directions-run:before{content:'\f215'}.zmdi-directions-subway:before{content:'\f1d5'}.zmdi-directions-walk:before{content:'\f216'}.zmdi-local-hotel:before{content:'\f178'}.zmdi-local-activity:before{content:'\f1df'}.zmdi-local-play:before{content:'\f1df'}.zmdi-local-airport:before{content:'\f103'}.zmdi-local-atm:before{content:'\f198'}.zmdi-local-bar:before{content:'\f137'}.zmdi-local-cafe:before{content:'\f13b'}.zmdi-local-car-wash:before{content:'\f124'}.zmdi-local-convenience-store:before{content:'\f1d3'}.zmdi-local-dining:before{content:'\f153'}.zmdi-local-drink:before{content:'\f157'}.zmdi-local-florist:before{content:'\f168'}.zmdi-local-gas-station:before{content:'\f16f'}.zmdi-local-grocery-store:before{content:'\f1cb'}.zmdi-local-hospital:before{content:'\f177'}.zmdi-local-laundry-service:before{content:'\f1e9'}.zmdi-local-library:before{content:'\f18d'}.zmdi-local-mall:before{content:'\f195'}.zmdi-local-movies:before{content:'\f19d'}.zmdi-local-offer:before{content:'\f187'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-pharmacy:before{content:'\f176'}.zmdi-local-phone:before{content:'\f2be'}.zmdi-local-pizza:before{content:'\f1ac'}.zmdi-local-post-office:before{content:'\f15a'}.zmdi-local-printshop:before{content:'\f1b0'}.zmdi-local-see:before{content:'\f28c'}.zmdi-local-shipping:before{content:'\f1e6'}.zmdi-local-store:before{content:'\f1d4'}.zmdi-local-taxi:before{content:'\f123'}.zmdi-local-wc:before{content:'\f211'}.zmdi-my-location:before{content:'\f299'}.zmdi-directions:before{content:'\f1e7'}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover, .mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{border-radius:0px !important; position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#000;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready{opacity:0.8;}
.mfp-fade.mfp-bg.mfp-removing{opacity:0;}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;}.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
padding-right: var(--bs-gutter-x, 15px);
padding-left: var(--bs-gutter-x, 15px);
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container, .container-sm {
max-width: 1024px; } }
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 1024px; } }
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 1200px; } }
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1296px; } }
.row {
--bs-gutter-x: 24px;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5); }
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y); }
.col {
flex: 1 0 0%; }
.row-cols-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; }
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%; }
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%; }
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%; }
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%; }
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
@media (min-width: 1500px) {
.col-xxl {
flex: 1 0 0%; }
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto; }
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%; }
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%; }
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%; }
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%; }
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%; }
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%; } }
.col-auto {
flex: 0 0 auto;
width: auto; }
.col-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-3 {
flex: 0 0 auto;
width: 25%; }
.col-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-6 {
flex: 0 0 auto;
width: 50%; }
.col-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-9 {
flex: 0 0 auto;
width: 75%; }
.col-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-12 {
flex: 0 0 auto;
width: 100%; }
.offset-1 {
margin-left: 8.33333333%; }
.offset-2 {
margin-left: 16.66666667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333333%; }
.offset-5 {
margin-left: 41.66666667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333333%; }
.offset-8 {
margin-left: 66.66666667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333333%; }
.offset-11 {
margin-left: 91.66666667%; }
.g-0, .gx-0 {
--bs-gutter-x: 0; }
.g-0, .gy-0 {
--bs-gutter-y: 0; }
.g-5, .gx-5 {
--bs-gutter-x: 5px; }
.g-5, .gy-5 {
--bs-gutter-y: 5px; }
.g-10, .gx-10 {
--bs-gutter-x: 10px; }
.g-10, .gy-10 {
--bs-gutter-y: 10px; }
.g-12, .gx-12 {
--bs-gutter-x: 12px; }
.g-12, .gy-12 {
--bs-gutter-y: 12px; }
.g-15, .gx-15 {
--bs-gutter-x: 15px; }
.g-15, .gy-15 {
--bs-gutter-y: 15px; }
.g-20, .gx-20 {
--bs-gutter-x: 20px; }
.g-20, .gy-20 {
--bs-gutter-y: 20px; }
.g-25, .gx-25 {
--bs-gutter-x: 25px; }
.g-25, .gy-25 {
--bs-gutter-y: 25px; }
.g-30, .gx-30 {
--bs-gutter-x: 30px; }
.g-30, .gy-30 {
--bs-gutter-y: 30px; }
.g-40, .gx-40 {
--bs-gutter-x: 40px; }
.g-40, .gy-40 {
--bs-gutter-y: 40px; }
.g-50, .gx-50 {
--bs-gutter-x: 50px; }
.g-50, .gy-50 {
--bs-gutter-y: 50px; }
.g-60, .gx-60 {
--bs-gutter-x: 60px; }
.g-60, .gy-60 {
--bs-gutter-y: 60px; }
.g-70, .gx-70 {
--bs-gutter-x: 70px; }
.g-70, .gy-70 {
--bs-gutter-y: 70px; }
.g-80, .gx-80 {
--bs-gutter-x: 80px; }
.g-80, .gy-80 {
--bs-gutter-y: 80px; }
.g-90, .gx-90 {
--bs-gutter-x: 90px; }
.g-90, .gy-90 {
--bs-gutter-y: 90px; }
.g-100, .gx-100 {
--bs-gutter-x: 100px; }
.g-100, .gy-100 {
--bs-gutter-y: 100px; }
@media (min-width: 576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto; }
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-sm-3 {
flex: 0 0 auto;
width: 25%; }
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-sm-6 {
flex: 0 0 auto;
width: 50%; }
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-sm-9 {
flex: 0 0 auto;
width: 75%; }
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-sm-12 {
flex: 0 0 auto;
width: 100%; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333333%; }
.offset-sm-2 {
margin-left: 16.66666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333333%; }
.offset-sm-5 {
margin-left: 41.66666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333333%; }
.offset-sm-8 {
margin-left: 66.66666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333333%; }
.offset-sm-11 {
margin-left: 91.66666667%; }
.g-sm-0, .gx-sm-0 {
--bs-gutter-x: 0; }
.g-sm-0, .gy-sm-0 {
--bs-gutter-y: 0; }
.g-sm-5, .gx-sm-5 {
--bs-gutter-x: 5px; }
.g-sm-5, .gy-sm-5 {
--bs-gutter-y: 5px; }
.g-sm-10, .gx-sm-10 {
--bs-gutter-x: 10px; }
.g-sm-10, .gy-sm-10 {
--bs-gutter-y: 10px; }
.g-sm-12, .gx-sm-12 {
--bs-gutter-x: 12px; }
.g-sm-12, .gy-sm-12 {
--bs-gutter-y: 12px; }
.g-sm-15, .gx-sm-15 {
--bs-gutter-x: 15px; }
.g-sm-15, .gy-sm-15 {
--bs-gutter-y: 15px; }
.g-sm-20, .gx-sm-20 {
--bs-gutter-x: 20px; }
.g-sm-20, .gy-sm-20 {
--bs-gutter-y: 20px; }
.g-sm-25, .gx-sm-25 {
--bs-gutter-x: 25px; }
.g-sm-25, .gy-sm-25 {
--bs-gutter-y: 25px; }
.g-sm-30, .gx-sm-30 {
--bs-gutter-x: 30px; }
.g-sm-30, .gy-sm-30 {
--bs-gutter-y: 30px; }
.g-sm-40, .gx-sm-40 {
--bs-gutter-x: 40px; }
.g-sm-40, .gy-sm-40 {
--bs-gutter-y: 40px; }
.g-sm-50, .gx-sm-50 {
--bs-gutter-x: 50px; }
.g-sm-50, .gy-sm-50 {
--bs-gutter-y: 50px; }
.g-sm-60, .gx-sm-60 {
--bs-gutter-x: 60px; }
.g-sm-60, .gy-sm-60 {
--bs-gutter-y: 60px; }
.g-sm-70, .gx-sm-70 {
--bs-gutter-x: 70px; }
.g-sm-70, .gy-sm-70 {
--bs-gutter-y: 70px; }
.g-sm-80, .gx-sm-80 {
--bs-gutter-x: 80px; }
.g-sm-80, .gy-sm-80 {
--bs-gutter-y: 80px; }
.g-sm-90, .gx-sm-90 {
--bs-gutter-x: 90px; }
.g-sm-90, .gy-sm-90 {
--bs-gutter-y: 90px; }
.g-sm-100, .gx-sm-100 {
--bs-gutter-x: 100px; }
.g-sm-100, .gy-sm-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto; }
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-md-3 {
flex: 0 0 auto;
width: 25%; }
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-md-6 {
flex: 0 0 auto;
width: 50%; }
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-md-9 {
flex: 0 0 auto;
width: 75%; }
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-md-12 {
flex: 0 0 auto;
width: 100%; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333333%; }
.offset-md-2 {
margin-left: 16.66666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333333%; }
.offset-md-5 {
margin-left: 41.66666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333333%; }
.offset-md-8 {
margin-left: 66.66666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333333%; }
.offset-md-11 {
margin-left: 91.66666667%; }
.g-md-0, .gx-md-0 {
--bs-gutter-x: 0; }
.g-md-0, .gy-md-0 {
--bs-gutter-y: 0; }
.g-md-5, .gx-md-5 {
--bs-gutter-x: 5px; }
.g-md-5, .gy-md-5 {
--bs-gutter-y: 5px; }
.g-md-10, .gx-md-10 {
--bs-gutter-x: 10px; }
.g-md-10, .gy-md-10 {
--bs-gutter-y: 10px; }
.g-md-12, .gx-md-12 {
--bs-gutter-x: 12px; }
.g-md-12, .gy-md-12 {
--bs-gutter-y: 12px; }
.g-md-15, .gx-md-15 {
--bs-gutter-x: 15px; }
.g-md-15, .gy-md-15 {
--bs-gutter-y: 15px; }
.g-md-20, .gx-md-20 {
--bs-gutter-x: 20px; }
.g-md-20, .gy-md-20 {
--bs-gutter-y: 20px; }
.g-md-25, .gx-md-25 {
--bs-gutter-x: 25px; }
.g-md-25, .gy-md-25 {
--bs-gutter-y: 25px; }
.g-md-30, .gx-md-30 {
--bs-gutter-x: 30px; }
.g-md-30, .gy-md-30 {
--bs-gutter-y: 30px; }
.g-md-40, .gx-md-40 {
--bs-gutter-x: 40px; }
.g-md-40, .gy-md-40 {
--bs-gutter-y: 40px; }
.g-md-50, .gx-md-50 {
--bs-gutter-x: 50px; }
.g-md-50, .gy-md-50 {
--bs-gutter-y: 50px; }
.g-md-60, .gx-md-60 {
--bs-gutter-x: 60px; }
.g-md-60, .gy-md-60 {
--bs-gutter-y: 60px; }
.g-md-70, .gx-md-70 {
--bs-gutter-x: 70px; }
.g-md-70, .gy-md-70 {
--bs-gutter-y: 70px; }
.g-md-80, .gx-md-80 {
--bs-gutter-x: 80px; }
.g-md-80, .gy-md-80 {
--bs-gutter-y: 80px; }
.g-md-90, .gx-md-90 {
--bs-gutter-x: 90px; }
.g-md-90, .gy-md-90 {
--bs-gutter-y: 90px; }
.g-md-100, .gx-md-100 {
--bs-gutter-x: 100px; }
.g-md-100, .gy-md-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto; }
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-lg-3 {
flex: 0 0 auto;
width: 25%; }
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-lg-6 {
flex: 0 0 auto;
width: 50%; }
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-lg-9 {
flex: 0 0 auto;
width: 75%; }
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-lg-12 {
flex: 0 0 auto;
width: 100%; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333333%; }
.offset-lg-2 {
margin-left: 16.66666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333333%; }
.offset-lg-5 {
margin-left: 41.66666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333333%; }
.offset-lg-8 {
margin-left: 66.66666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333333%; }
.offset-lg-11 {
margin-left: 91.66666667%; }
.g-lg-0, .gx-lg-0 {
--bs-gutter-x: 0; }
.g-lg-0, .gy-lg-0 {
--bs-gutter-y: 0; }
.g-lg-5, .gx-lg-5 {
--bs-gutter-x: 5px; }
.g-lg-5, .gy-lg-5 {
--bs-gutter-y: 5px; }
.g-lg-10, .gx-lg-10 {
--bs-gutter-x: 10px; }
.g-lg-10, .gy-lg-10 {
--bs-gutter-y: 10px; }
.g-lg-12, .gx-lg-12 {
--bs-gutter-x: 12px; }
.g-lg-12, .gy-lg-12 {
--bs-gutter-y: 12px; }
.g-lg-15, .gx-lg-15 {
--bs-gutter-x: 15px; }
.g-lg-15, .gy-lg-15 {
--bs-gutter-y: 15px; }
.g-lg-20, .gx-lg-20 {
--bs-gutter-x: 20px; }
.g-lg-20, .gy-lg-20 {
--bs-gutter-y: 20px; }
.g-lg-25, .gx-lg-25 {
--bs-gutter-x: 25px; }
.g-lg-25, .gy-lg-25 {
--bs-gutter-y: 25px; }
.g-lg-30, .gx-lg-30 {
--bs-gutter-x: 30px; }
.g-lg-30, .gy-lg-30 {
--bs-gutter-y: 30px; }
.g-lg-40, .gx-lg-40 {
--bs-gutter-x: 40px; }
.g-lg-40, .gy-lg-40 {
--bs-gutter-y: 40px; }
.g-lg-50, .gx-lg-50 {
--bs-gutter-x: 50px; }
.g-lg-50, .gy-lg-50 {
--bs-gutter-y: 50px; }
.g-lg-60, .gx-lg-60 {
--bs-gutter-x: 60px; }
.g-lg-60, .gy-lg-60 {
--bs-gutter-y: 60px; }
.g-lg-70, .gx-lg-70 {
--bs-gutter-x: 70px; }
.g-lg-70, .gy-lg-70 {
--bs-gutter-y: 70px; }
.g-lg-80, .gx-lg-80 {
--bs-gutter-x: 80px; }
.g-lg-80, .gy-lg-80 {
--bs-gutter-y: 80px; }
.g-lg-90, .gx-lg-90 {
--bs-gutter-x: 90px; }
.g-lg-90, .gy-lg-90 {
--bs-gutter-y: 90px; }
.g-lg-100, .gx-lg-100 {
--bs-gutter-x: 100px; }
.g-lg-100, .gy-lg-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto; }
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-xl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-xl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-xl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-xl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333333%; }
.offset-xl-2 {
margin-left: 16.66666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333333%; }
.offset-xl-5 {
margin-left: 41.66666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333333%; }
.offset-xl-8 {
margin-left: 66.66666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333333%; }
.offset-xl-11 {
margin-left: 91.66666667%; }
.g-xl-0, .gx-xl-0 {
--bs-gutter-x: 0; }
.g-xl-0, .gy-xl-0 {
--bs-gutter-y: 0; }
.g-xl-5, .gx-xl-5 {
--bs-gutter-x: 5px; }
.g-xl-5, .gy-xl-5 {
--bs-gutter-y: 5px; }
.g-xl-10, .gx-xl-10 {
--bs-gutter-x: 10px; }
.g-xl-10, .gy-xl-10 {
--bs-gutter-y: 10px; }
.g-xl-12, .gx-xl-12 {
--bs-gutter-x: 12px; }
.g-xl-12, .gy-xl-12 {
--bs-gutter-y: 12px; }
.g-xl-15, .gx-xl-15 {
--bs-gutter-x: 15px; }
.g-xl-15, .gy-xl-15 {
--bs-gutter-y: 15px; }
.g-xl-20, .gx-xl-20 {
--bs-gutter-x: 20px; }
.g-xl-20, .gy-xl-20 {
--bs-gutter-y: 20px; }
.g-xl-25, .gx-xl-25 {
--bs-gutter-x: 25px; }
.g-xl-25, .gy-xl-25 {
--bs-gutter-y: 25px; }
.g-xl-30, .gx-xl-30 {
--bs-gutter-x: 30px; }
.g-xl-30, .gy-xl-30 {
--bs-gutter-y: 30px; }
.g-xl-40, .gx-xl-40 {
--bs-gutter-x: 40px; }
.g-xl-40, .gy-xl-40 {
--bs-gutter-y: 40px; }
.g-xl-50, .gx-xl-50 {
--bs-gutter-x: 50px; }
.g-xl-50, .gy-xl-50 {
--bs-gutter-y: 50px; }
.g-xl-60, .gx-xl-60 {
--bs-gutter-x: 60px; }
.g-xl-60, .gy-xl-60 {
--bs-gutter-y: 60px; }
.g-xl-70, .gx-xl-70 {
--bs-gutter-x: 70px; }
.g-xl-70, .gy-xl-70 {
--bs-gutter-y: 70px; }
.g-xl-80, .gx-xl-80 {
--bs-gutter-x: 80px; }
.g-xl-80, .gy-xl-80 {
--bs-gutter-y: 80px; }
.g-xl-90, .gx-xl-90 {
--bs-gutter-x: 90px; }
.g-xl-90, .gy-xl-90 {
--bs-gutter-y: 90px; }
.g-xl-100, .gx-xl-100 {
--bs-gutter-x: 100px; }
.g-xl-100, .gy-xl-100 {
--bs-gutter-y: 100px; } }
@media (min-width: 1500px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto; }
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%; }
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%; }
.col-xxl-3 {
flex: 0 0 auto;
width: 25%; }
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%; }
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%; }
.col-xxl-6 {
flex: 0 0 auto;
width: 50%; }
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%; }
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%; }
.col-xxl-9 {
flex: 0 0 auto;
width: 75%; }
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%; }
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%; }
.col-xxl-12 {
flex: 0 0 auto;
width: 100%; }
.offset-xxl-0 {
margin-left: 0; }
.offset-xxl-1 {
margin-left: 8.33333333%; }
.offset-xxl-2 {
margin-left: 16.66666667%; }
.offset-xxl-3 {
margin-left: 25%; }
.offset-xxl-4 {
margin-left: 33.33333333%; }
.offset-xxl-5 {
margin-left: 41.66666667%; }
.offset-xxl-6 {
margin-left: 50%; }
.offset-xxl-7 {
margin-left: 58.33333333%; }
.offset-xxl-8 {
margin-left: 66.66666667%; }
.offset-xxl-9 {
margin-left: 75%; }
.offset-xxl-10 {
margin-left: 83.33333333%; }
.offset-xxl-11 {
margin-left: 91.66666667%; }
.g-xxl-0, .gx-xxl-0 {
--bs-gutter-x: 0; }
.g-xxl-0, .gy-xxl-0 {
--bs-gutter-y: 0; }
.g-xxl-5, .gx-xxl-5 {
--bs-gutter-x: 5px; }
.g-xxl-5, .gy-xxl-5 {
--bs-gutter-y: 5px; }
.g-xxl-10, .gx-xxl-10 {
--bs-gutter-x: 10px; }
.g-xxl-10, .gy-xxl-10 {
--bs-gutter-y: 10px; }
.g-xxl-12, .gx-xxl-12 {
--bs-gutter-x: 12px; }
.g-xxl-12, .gy-xxl-12 {
--bs-gutter-y: 12px; }
.g-xxl-15, .gx-xxl-15 {
--bs-gutter-x: 15px; }
.g-xxl-15, .gy-xxl-15 {
--bs-gutter-y: 15px; }
.g-xxl-20, .gx-xxl-20 {
--bs-gutter-x: 20px; }
.g-xxl-20, .gy-xxl-20 {
--bs-gutter-y: 20px; }
.g-xxl-25, .gx-xxl-25 {
--bs-gutter-x: 25px; }
.g-xxl-25, .gy-xxl-25 {
--bs-gutter-y: 25px; }
.g-xxl-30, .gx-xxl-30 {
--bs-gutter-x: 30px; }
.g-xxl-30, .gy-xxl-30 {
--bs-gutter-y: 30px; }
.g-xxl-40, .gx-xxl-40 {
--bs-gutter-x: 40px; }
.g-xxl-40, .gy-xxl-40 {
--bs-gutter-y: 40px; }
.g-xxl-50, .gx-xxl-50 {
--bs-gutter-x: 50px; }
.g-xxl-50, .gy-xxl-50 {
--bs-gutter-y: 50px; }
.g-xxl-60, .gx-xxl-60 {
--bs-gutter-x: 60px; }
.g-xxl-60, .gy-xxl-60 {
--bs-gutter-y: 60px; }
.g-xxl-70, .gx-xxl-70 {
--bs-gutter-x: 70px; }
.g-xxl-70, .gy-xxl-70 {
--bs-gutter-y: 70px; }
.g-xxl-80, .gx-xxl-80 {
--bs-gutter-x: 80px; }
.g-xxl-80, .gy-xxl-80 {
--bs-gutter-y: 80px; }
.g-xxl-90, .gx-xxl-90 {
--bs-gutter-x: 90px; }
.g-xxl-90, .gy-xxl-90 {
--bs-gutter-y: 90px; }
.g-xxl-100, .gx-xxl-100 {
--bs-gutter-x: 100px; }
.g-xxl-100, .gy-xxl-100 {
--bs-gutter-y: 100px; } }
.d-inline {
display: inline; }
.d-inline-block {
display: inline-block; }
.d-block {
display: block; }
.d-grid {
display: grid; }
.d-table {
display: table; }
.d-table-row {
display: table-row; }
.d-table-cell {
display: table-cell; }
.d-flex {
display: flex; }
.d-inline-flex {
display: inline-flex; }
.d-none {
display: none; }
.flex-fill {
flex: 1 1 auto; }
.flex-row {
flex-direction: row; }
.flex-column {
flex-direction: column; }
.flex-row-reverse {
flex-direction: row-reverse; }
.flex-column-reverse {
flex-direction: column-reverse; }
.flex-grow-0 {
flex-grow: 0; }
.flex-grow-1 {
flex-grow: 1; }
.flex-shrink-0 {
flex-shrink: 0; }
.flex-shrink-1 {
flex-shrink: 1; }
.flex-wrap {
flex-wrap: wrap; }
.flex-nowrap {
flex-wrap: nowrap; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-start {
justify-content: flex-start; }
.justify-content-end {
justify-content: flex-end; }
.justify-content-center {
justify-content: center; }
.justify-content-between {
justify-content: space-between; }
.justify-content-around {
justify-content: space-around; }
.justify-content-evenly {
justify-content: space-evenly; }
.align-items-start {
align-items: flex-start; }
.align-items-end {
align-items: flex-end; }
.align-items-center {
align-items: center; }
.align-items-baseline {
align-items: baseline; }
.align-items-stretch {
align-items: stretch; }
.align-content-start {
align-content: flex-start; }
.align-content-end {
align-content: flex-end; }
.align-content-center {
align-content: center; }
.align-content-between {
align-content: space-between; }
.align-content-around {
align-content: space-around; }
.align-content-stretch {
align-content: stretch; }
.align-self-auto {
align-self: auto; }
.align-self-start {
align-self: flex-start; }
.align-self-end {
align-self: flex-end; }
.align-self-center {
align-self: center; }
.align-self-baseline {
align-self: baseline; }
.align-self-stretch {
align-self: stretch; }
.order-first {
order: -1; }
.order-0 {
order: 0; }
.order-1 {
order: 1; }
.order-2 {
order: 2; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.order-5 {
order: 5; }
.order-last {
order: 6; }
.text-start {
text-align: left; }
.text-end {
text-align: right; }
.text-center {
text-align: center; }
@media (min-width: 576px) {
.d-sm-inline {
display: inline; }
.d-sm-inline-block {
display: inline-block; }
.d-sm-block {
display: block; }
.d-sm-grid {
display: grid; }
.d-sm-table {
display: table; }
.d-sm-table-row {
display: table-row; }
.d-sm-table-cell {
display: table-cell; }
.d-sm-flex {
display: flex; }
.d-sm-inline-flex {
display: inline-flex; }
.d-sm-none {
display: none; }
.flex-sm-fill {
flex: 1 1 auto; }
.flex-sm-row {
flex-direction: row; }
.flex-sm-column {
flex-direction: column; }
.flex-sm-row-reverse {
flex-direction: row-reverse; }
.flex-sm-column-reverse {
flex-direction: column-reverse; }
.flex-sm-grow-0 {
flex-grow: 0; }
.flex-sm-grow-1 {
flex-grow: 1; }
.flex-sm-shrink-0 {
flex-shrink: 0; }
.flex-sm-shrink-1 {
flex-shrink: 1; }
.flex-sm-wrap {
flex-wrap: wrap; }
.flex-sm-nowrap {
flex-wrap: nowrap; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-sm-start {
justify-content: flex-start; }
.justify-content-sm-end {
justify-content: flex-end; }
.justify-content-sm-center {
justify-content: center; }
.justify-content-sm-between {
justify-content: space-between; }
.justify-content-sm-around {
justify-content: space-around; }
.justify-content-sm-evenly {
justify-content: space-evenly; }
.align-items-sm-start {
align-items: flex-start; }
.align-items-sm-end {
align-items: flex-end; }
.align-items-sm-center {
align-items: center; }
.align-items-sm-baseline {
align-items: baseline; }
.align-items-sm-stretch {
align-items: stretch; }
.align-content-sm-start {
align-content: flex-start; }
.align-content-sm-end {
align-content: flex-end; }
.align-content-sm-center {
align-content: center; }
.align-content-sm-between {
align-content: space-between; }
.align-content-sm-around {
align-content: space-around; }
.align-content-sm-stretch {
align-content: stretch; }
.align-self-sm-auto {
align-self: auto; }
.align-self-sm-start {
align-self: flex-start; }
.align-self-sm-end {
align-self: flex-end; }
.align-self-sm-center {
align-self: center; }
.align-self-sm-baseline {
align-self: baseline; }
.align-self-sm-stretch {
align-self: stretch; }
.order-sm-first {
order: -1; }
.order-sm-0 {
order: 0; }
.order-sm-1 {
order: 1; }
.order-sm-2 {
order: 2; }
.order-sm-3 {
order: 3; }
.order-sm-4 {
order: 4; }
.order-sm-5 {
order: 5; }
.order-sm-last {
order: 6; }
.text-sm-start {
text-align: left; }
.text-sm-end {
text-align: right; }
.text-sm-center {
text-align: center; } }
@media (min-width: 768px) {
.d-md-inline {
display: inline; }
.d-md-inline-block {
display: inline-block; }
.d-md-block {
display: block; }
.d-md-grid {
display: grid; }
.d-md-table {
display: table; }
.d-md-table-row {
display: table-row; }
.d-md-table-cell {
display: table-cell; }
.d-md-flex {
display: flex; }
.d-md-inline-flex {
display: inline-flex; }
.d-md-none {
display: none; }
.flex-md-fill {
flex: 1 1 auto; }
.flex-md-row {
flex-direction: row; }
.flex-md-column {
flex-direction: column; }
.flex-md-row-reverse {
flex-direction: row-reverse; }
.flex-md-column-reverse {
flex-direction: column-reverse; }
.flex-md-grow-0 {
flex-grow: 0; }
.flex-md-grow-1 {
flex-grow: 1; }
.flex-md-shrink-0 {
flex-shrink: 0; }
.flex-md-shrink-1 {
flex-shrink: 1; }
.flex-md-wrap {
flex-wrap: wrap; }
.flex-md-nowrap {
flex-wrap: nowrap; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-md-start {
justify-content: flex-start; }
.justify-content-md-end {
justify-content: flex-end; }
.justify-content-md-center {
justify-content: center; }
.justify-content-md-between {
justify-content: space-between; }
.justify-content-md-around {
justify-content: space-around; }
.justify-content-md-evenly {
justify-content: space-evenly; }
.align-items-md-start {
align-items: flex-start; }
.align-items-md-end {
align-items: flex-end; }
.align-items-md-center {
align-items: center; }
.align-items-md-baseline {
align-items: baseline; }
.align-items-md-stretch {
align-items: stretch; }
.align-content-md-start {
align-content: flex-start; }
.align-content-md-end {
align-content: flex-end; }
.align-content-md-center {
align-content: center; }
.align-content-md-between {
align-content: space-between; }
.align-content-md-around {
align-content: space-around; }
.align-content-md-stretch {
align-content: stretch; }
.align-self-md-auto {
align-self: auto; }
.align-self-md-start {
align-self: flex-start; }
.align-self-md-end {
align-self: flex-end; }
.align-self-md-center {
align-self: center; }
.align-self-md-baseline {
align-self: baseline; }
.align-self-md-stretch {
align-self: stretch; }
.order-md-first {
order: -1; }
.order-md-0 {
order: 0; }
.order-md-1 {
order: 1; }
.order-md-2 {
order: 2; }
.order-md-3 {
order: 3; }
.order-md-4 {
order: 4; }
.order-md-5 {
order: 5; }
.order-md-last {
order: 6; }
.text-md-start {
text-align: left; }
.text-md-end {
text-align: right; }
.text-md-center {
text-align: center; } }
@media (min-width: 992px) {
.d-lg-inline {
display: inline; }
.d-lg-inline-block {
display: inline-block; }
.d-lg-block {
display: block; }
.d-lg-grid {
display: grid; }
.d-lg-table {
display: table; }
.d-lg-table-row {
display: table-row; }
.d-lg-table-cell {
display: table-cell; }
.d-lg-flex {
display: flex; }
.d-lg-inline-flex {
display: inline-flex; }
.d-lg-none {
display: none; }
.flex-lg-fill {
flex: 1 1 auto; }
.flex-lg-row {
flex-direction: row; }
.flex-lg-column {
flex-direction: column; }
.flex-lg-row-reverse {
flex-direction: row-reverse; }
.flex-lg-column-reverse {
flex-direction: column-reverse; }
.flex-lg-grow-0 {
flex-grow: 0; }
.flex-lg-grow-1 {
flex-grow: 1; }
.flex-lg-shrink-0 {
flex-shrink: 0; }
.flex-lg-shrink-1 {
flex-shrink: 1; }
.flex-lg-wrap {
flex-wrap: wrap; }
.flex-lg-nowrap {
flex-wrap: nowrap; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-lg-start {
justify-content: flex-start; }
.justify-content-lg-end {
justify-content: flex-end; }
.justify-content-lg-center {
justify-content: center; }
.justify-content-lg-between {
justify-content: space-between; }
.justify-content-lg-around {
justify-content: space-around; }
.justify-content-lg-evenly {
justify-content: space-evenly; }
.align-items-lg-start {
align-items: flex-start; }
.align-items-lg-end {
align-items: flex-end; }
.align-items-lg-center {
align-items: center; }
.align-items-lg-baseline {
align-items: baseline; }
.align-items-lg-stretch {
align-items: stretch; }
.align-content-lg-start {
align-content: flex-start; }
.align-content-lg-end {
align-content: flex-end; }
.align-content-lg-center {
align-content: center; }
.align-content-lg-between {
align-content: space-between; }
.align-content-lg-around {
align-content: space-around; }
.align-content-lg-stretch {
align-content: stretch; }
.align-self-lg-auto {
align-self: auto; }
.align-self-lg-start {
align-self: flex-start; }
.align-self-lg-end {
align-self: flex-end; }
.align-self-lg-center {
align-self: center; }
.align-self-lg-baseline {
align-self: baseline; }
.align-self-lg-stretch {
align-self: stretch; }
.order-lg-first {
order: -1; }
.order-lg-0 {
order: 0; }
.order-lg-1 {
order: 1; }
.order-lg-2 {
order: 2; }
.order-lg-3 {
order: 3; }
.order-lg-4 {
order: 4; }
.order-lg-5 {
order: 5; }
.order-lg-last {
order: 6; }
.text-lg-start {
text-align: left; }
.text-lg-end {
text-align: right; }
.text-lg-center {
text-align: center; } }
@media (min-width: 1200px) {
.d-xl-inline {
display: inline; }
.d-xl-inline-block {
display: inline-block; }
.d-xl-block {
display: block; }
.d-xl-grid {
display: grid; }
.d-xl-table {
display: table; }
.d-xl-table-row {
display: table-row; }
.d-xl-table-cell {
display: table-cell; }
.d-xl-flex {
display: flex; }
.d-xl-inline-flex {
display: inline-flex; }
.d-xl-none {
display: none; }
.flex-xl-fill {
flex: 1 1 auto; }
.flex-xl-row {
flex-direction: row; }
.flex-xl-column {
flex-direction: column; }
.flex-xl-row-reverse {
flex-direction: row-reverse; }
.flex-xl-column-reverse {
flex-direction: column-reverse; }
.flex-xl-grow-0 {
flex-grow: 0; }
.flex-xl-grow-1 {
flex-grow: 1; }
.flex-xl-shrink-0 {
flex-shrink: 0; }
.flex-xl-shrink-1 {
flex-shrink: 1; }
.flex-xl-wrap {
flex-wrap: wrap; }
.flex-xl-nowrap {
flex-wrap: nowrap; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-xl-start {
justify-content: flex-start; }
.justify-content-xl-end {
justify-content: flex-end; }
.justify-content-xl-center {
justify-content: center; }
.justify-content-xl-between {
justify-content: space-between; }
.justify-content-xl-around {
justify-content: space-around; }
.justify-content-xl-evenly {
justify-content: space-evenly; }
.align-items-xl-start {
align-items: flex-start; }
.align-items-xl-end {
align-items: flex-end; }
.align-items-xl-center {
align-items: center; }
.align-items-xl-baseline {
align-items: baseline; }
.align-items-xl-stretch {
align-items: stretch; }
.align-content-xl-start {
align-content: flex-start; }
.align-content-xl-end {
align-content: flex-end; }
.align-content-xl-center {
align-content: center; }
.align-content-xl-between {
align-content: space-between; }
.align-content-xl-around {
align-content: space-around; }
.align-content-xl-stretch {
align-content: stretch; }
.align-self-xl-auto {
align-self: auto; }
.align-self-xl-start {
align-self: flex-start; }
.align-self-xl-end {
align-self: flex-end; }
.align-self-xl-center {
align-self: center; }
.align-self-xl-baseline {
align-self: baseline; }
.align-self-xl-stretch {
align-self: stretch; }
.order-xl-first {
order: -1; }
.order-xl-0 {
order: 0; }
.order-xl-1 {
order: 1; }
.order-xl-2 {
order: 2; }
.order-xl-3 {
order: 3; }
.order-xl-4 {
order: 4; }
.order-xl-5 {
order: 5; }
.order-xl-last {
order: 6; }
.text-xl-start {
text-align: left; }
.text-xl-end {
text-align: right; }
.text-xl-center {
text-align: center; } }
@media (min-width: 1400px) {
.d-xxl-inline {
display: inline; }
.d-xxl-inline-block {
display: inline-block; }
.d-xxl-block {
display: block; }
.d-xxl-grid {
display: grid; }
.d-xxl-table {
display: table; }
.d-xxl-table-row {
display: table-row; }
.d-xxl-table-cell {
display: table-cell; }
.d-xxl-flex {
display: flex; }
.d-xxl-inline-flex {
display: inline-flex; }
.d-xxl-none {
display: none; }
.flex-xxl-fill {
flex: 1 1 auto; }
.flex-xxl-row {
flex-direction: row; }
.flex-xxl-column {
flex-direction: column; }
.flex-xxl-row-reverse {
flex-direction: row-reverse; }
.flex-xxl-column-reverse {
flex-direction: column-reverse; }
.flex-xxl-grow-0 {
flex-grow: 0; }
.flex-xxl-grow-1 {
flex-grow: 1; }
.flex-xxl-shrink-0 {
flex-shrink: 0; }
.flex-xxl-shrink-1 {
flex-shrink: 1; }
.flex-xxl-wrap {
flex-wrap: wrap; }
.flex-xxl-nowrap {
flex-wrap: nowrap; }
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse; }
.justify-content-xxl-start {
justify-content: flex-start; }
.justify-content-xxl-end {
justify-content: flex-end; }
.justify-content-xxl-center {
justify-content: center; }
.justify-content-xxl-between {
justify-content: space-between; }
.justify-content-xxl-around {
justify-content: space-around; }
.justify-content-xxl-evenly {
justify-content: space-evenly; }
.align-items-xxl-start {
align-items: flex-start; }
.align-items-xxl-end {
align-items: flex-end; }
.align-items-xxl-center {
align-items: center; }
.align-items-xxl-baseline {
align-items: baseline; }
.align-items-xxl-stretch {
align-items: stretch; }
.align-content-xxl-start {
align-content: flex-start; }
.align-content-xxl-end {
align-content: flex-end; }
.align-content-xxl-center {
align-content: center; }
.align-content-xxl-between {
align-content: space-between; }
.align-content-xxl-around {
align-content: space-around; }
.align-content-xxl-stretch {
align-content: stretch; }
.align-self-xxl-auto {
align-self: auto; }
.align-self-xxl-start {
align-self: flex-start; }
.align-self-xxl-end {
align-self: flex-end; }
.align-self-xxl-center {
align-self: center; }
.align-self-xxl-baseline {
align-self: baseline; }
.align-self-xxl-stretch {
align-self: stretch; }
.order-xxl-first {
order: -1; }
.order-xxl-0 {
order: 0; }
.order-xxl-1 {
order: 1; }
.order-xxl-2 {
order: 2; }
.order-xxl-3 {
order: 3; }
.order-xxl-4 {
order: 4; }
.order-xxl-5 {
order: 5; }
.order-xxl-last {
order: 6; }
.text-xxl-start {
text-align: left; }
.text-xxl-end {
text-align: right; }
.text-xxl-center {
text-align: center; } }
@media print {
.d-print-inline {
display: inline; }
.d-print-inline-block {
display: inline-block; }
.d-print-block {
display: block; }
.d-print-grid {
display: grid; }
.d-print-table {
display: table; }
.d-print-table-row {
display: table-row; }
.d-print-table-cell {
display: table-cell; }
.d-print-flex {
display: flex; }
.d-print-inline-flex {
display: inline-flex; }
.d-print-none {
display: none; } }

.pxl-swiper-arrows-false .pxl-slider-arrow-wrap {
display: none; }
@media (max-width: 1499px) {
.pxl-swiper-arrows-laptop-false .pxl-slider-arrow-wrap {
display: none; }
.pxl-swiper-arrows-laptop-true .pxl-slider-arrow-wrap {
display: flex; } }
@media (max-width: 1199px) {
.pxl-swiper-arrows-tablet_extra-false .pxl-slider-arrow-wrap {
display: none; }
.pxl-swiper-arrows-tablet_extra-true .pxl-slider-arrow-wrap {
display: flex; } }
@media (max-width: 991px) {
.pxl-swiper-arrows-tablet-false .pxl-slider-arrow-wrap {
display: none; }
.pxl-swiper-arrows-tablet-true .pxl-slider-arrow-wrap {
display: flex; } }
@media (max-width: 767px) {
.pxl-swiper-arrows-mobile_extra-false .pxl-slider-arrow-wrap {
display: none; }
.pxl-swiper-arrows-mobile_extra-true .pxl-slider-arrow-wrap {
display: flex; } }
@media (max-width: 575px) {
.pxl-swiper-arrows-mobile-false .pxl-slider-arrow-wrap {
display: none; }
.pxl-swiper-arrows-mobile-true .pxl-slider-arrow-wrap {
display: flex; } }
.pxl-swiper-dots-false .pxl-slider-dots {
display: none; }
@media (max-width: 1499px) {
.pxl-swiper-dots-laptop-false .pxl-slider-dots {
display: none; }
.pxl-swiper-dots-laptop-true .pxl-slider-dots {
display: flex; } }
@media (max-width: 1199px) {
.pxl-swiper-dots-tablet_extra-false .pxl-slider-dots {
display: none; }
.pxl-swiper-dots-tablet_extra-true .pxl-slider-dots {
display: flex; } }
@media (max-width: 991px) {
.pxl-swiper-dots-tablet-false .pxl-slider-dots {
display: none; }
.pxl-swiper-dots-tablet-true .pxl-slider-dots {
display: flex; } }
@media (max-width: 767px) {
.pxl-swiper-dots-mobile_extra-false .pxl-slider-dots {
display: none; }
.pxl-swiper-dots-mobile_extra-true .pxl-slider-dots {
display: flex; } }
@media (max-width: 575px) {
.pxl-swiper-dots-mobile-false .pxl-slider-dots {
display: none; }
.pxl-swiper-dots-mobile-true .pxl-slider-dots {
display: flex; } }
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px; }
@media (min-width: 0) {
.d-flex.gx-xs-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-xs-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-xs-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-xs-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-xs-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-xs-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-xs-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-xs-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-xs-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-xs-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-xs-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-xs-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-xs-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-xs-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-xs-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-xs-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-xs-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-xs-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-xs-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-xs-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-xs-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-xs-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-xs-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-xs-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-xs-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-xs-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-xs-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-xs-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-xs-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-xs-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-xs-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-xs-100 > * {
padding-left: 50px;
padding-right: 50px; } }
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px; }
@media (min-width: 576px) {
.d-flex.gx-sm-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-sm-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-sm-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-sm-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-sm-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-sm-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-sm-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-sm-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-sm-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-sm-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-sm-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-sm-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-sm-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-sm-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-sm-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-sm-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-sm-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-sm-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-sm-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-sm-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-sm-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-sm-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-sm-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-sm-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-sm-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-sm-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-sm-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-sm-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-sm-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-sm-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-sm-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-sm-100 > * {
padding-left: 50px;
padding-right: 50px; } }
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px; }
@media (min-width: 768px) {
.d-flex.gx-md-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-md-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-md-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-md-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-md-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-md-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-md-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-md-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-md-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-md-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-md-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-md-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-md-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-md-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-md-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-md-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-md-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-md-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-md-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-md-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-md-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-md-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-md-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-md-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-md-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-md-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-md-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-md-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-md-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-md-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-md-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-md-100 > * {
padding-left: 50px;
padding-right: 50px; } }
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px; }
@media (min-width: 992px) {
.d-flex.gx-lg-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-lg-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-lg-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-lg-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-lg-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-lg-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-lg-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-lg-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-lg-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-lg-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-lg-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-lg-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-lg-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-lg-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-lg-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-lg-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-lg-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-lg-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-lg-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-lg-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-lg-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-lg-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-lg-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-lg-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-lg-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-lg-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-lg-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-lg-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-lg-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-lg-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-lg-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-lg-100 > * {
padding-left: 50px;
padding-right: 50px; } }
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px; }
@media (min-width: 1200px) {
.d-flex.gx-xl-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-xl-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-xl-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-xl-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-xl-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-xl-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-xl-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-xl-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-xl-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-xl-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-xl-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-xl-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-xl-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-xl-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-xl-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-xl-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-xl-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-xl-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-xl-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-xl-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-xl-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-xl-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-xl-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-xl-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-xl-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-xl-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-xl-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-xl-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-xl-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-xl-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-xl-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-xl-100 > * {
padding-left: 50px;
padding-right: 50px; } }
.d-flex.gx-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-100 > * {
padding-left: 50px;
padding-right: 50px; }
@media (min-width: 1400px) {
.d-flex.gx-xxl-0 {
margin-left: 0px;
margin-right: 0px; }
.d-flex.gx-xxl-0 > * {
padding-left: 0px;
padding-right: 0px; }
.d-flex.gx-xxl-5 {
margin-left: -2.5px;
margin-right: -2.5px; }
.d-flex.gx-xxl-5 > * {
padding-left: 2.5px;
padding-right: 2.5px; }
.d-flex.gx-xxl-10 {
margin-left: -5px;
margin-right: -5px; }
.d-flex.gx-xxl-10 > * {
padding-left: 5px;
padding-right: 5px; }
.d-flex.gx-xxl-12 {
margin-left: -6px;
margin-right: -6px; }
.d-flex.gx-xxl-12 > * {
padding-left: 6px;
padding-right: 6px; }
.d-flex.gx-xxl-15 {
margin-left: -7.5px;
margin-right: -7.5px; }
.d-flex.gx-xxl-15 > * {
padding-left: 7.5px;
padding-right: 7.5px; }
.d-flex.gx-xxl-16 {
margin-left: -8px;
margin-right: -8px; }
.d-flex.gx-xxl-16 > * {
padding-left: 8px;
padding-right: 8px; }
.d-flex.gx-xxl-20 {
margin-left: -10px;
margin-right: -10px; }
.d-flex.gx-xxl-20 > * {
padding-left: 10px;
padding-right: 10px; }
.d-flex.gx-xxl-25 {
margin-left: -12.5px;
margin-right: -12.5px; }
.d-flex.gx-xxl-25 > * {
padding-left: 12.5px;
padding-right: 12.5px; }
.d-flex.gx-xxl-30 {
margin-left: -15px;
margin-right: -15px; }
.d-flex.gx-xxl-30 > * {
padding-left: 15px;
padding-right: 15px; }
.d-flex.gx-xxl-40 {
margin-left: -20px;
margin-right: -20px; }
.d-flex.gx-xxl-40 > * {
padding-left: 20px;
padding-right: 20px; }
.d-flex.gx-xxl-50 {
margin-left: -25px;
margin-right: -25px; }
.d-flex.gx-xxl-50 > * {
padding-left: 25px;
padding-right: 25px; }
.d-flex.gx-xxl-60 {
margin-left: -30px;
margin-right: -30px; }
.d-flex.gx-xxl-60 > * {
padding-left: 30px;
padding-right: 30px; }
.d-flex.gx-xxl-70 {
margin-left: -35px;
margin-right: -35px; }
.d-flex.gx-xxl-70 > * {
padding-left: 35px;
padding-right: 35px; }
.d-flex.gx-xxl-80 {
margin-left: -40px;
margin-right: -40px; }
.d-flex.gx-xxl-80 > * {
padding-left: 40px;
padding-right: 40px; }
.d-flex.gx-xxl-90 {
margin-left: -45px;
margin-right: -45px; }
.d-flex.gx-xxl-90 > * {
padding-left: 45px;
padding-right: 45px; }
.d-flex.gx-xxl-100 {
margin-left: -50px;
margin-right: -50px; }
.d-flex.gx-xxl-100 > * {
padding-left: 50px;
padding-right: 50px; } }
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%); }
50% {
opacity: 0;
-webkit-transform: translate(-100%); }
51% {
opacity: 1; } }
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%); }
50% {
opacity: 0;
-moz-transform: translate(-100%); }
51% {
opacity: 1; } }
@keyframes toRightFromLeft {
49% {
transform: translate(100%); }
50% {
opacity: 0;
transform: translate(-100%); }
51% {
opacity: 1; } }
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%); }
50% {
opacity: 0;
-webkit-transform: translateY(-100%); }
51% {
opacity: 1; } }
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%); }
50% {
opacity: 0;
-moz-transform: translateY(-100%); }
51% {
opacity: 1; } }
@keyframes toBottomFromTop {
49% {
transform: translateY(100%); }
50% {
opacity: 0;
transform: translateY(-100%); }
51% {
opacity: 1; } }
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%); }
50% {
opacity: 0;
-webkit-transform: translateY(100%); }
51% {
opacity: 1; } }
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%); }
50% {
opacity: 0;
-moz-transform: translateY(100%); }
51% {
opacity: 1; } }
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%); }
50% {
opacity: 0;
transform: translateY(100%); }
51% {
opacity: 1; } }
.svg-drawing path {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0.2s; }
.svg-drawing.dr-start path {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.elementor-editor-active .svg-drawing path {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
@-webkit-keyframes shine {
100% {
left: 125%; } }
@keyframes shine {
100% {
left: 125%; } }
@-webkit-keyframes pxlFadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30px, 0); }
to {
opacity: 1;
transform: none; } }
@keyframes pxlFadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30px, 0); }
to {
opacity: 1;
transform: none; } }
@-webkit-keyframes pxlFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -150px, 0); }
to {
opacity: 1;
transform: none; } }
@keyframes pxlFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -150px, 0); }
to {
opacity: 1;
transform: none; } }
@-webkit-keyframes pxlFadeInLeft {
from {
opacity: 0;
transform: translate3d(-150px, 0, 0); }
to {
opacity: 1;
transform: none; } }
@keyframes pxlFadeInLeft {
from {
opacity: 0;
transform: translate3d(-150px, 0, 0); }
to {
opacity: 1;
transform: none; } }
@-webkit-keyframes pxlFadeInRight {
from {
opacity: 0;
transform: translate3d(150px, 0, 0); }
to {
opacity: 1;
transform: none; } }
@keyframes pxlFadeInRight {
from {
opacity: 0;
transform: translate3d(150px, 0, 0); }
to {
opacity: 1;
transform: none; } }
@keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1; }
100% {
transform: scale(1.5);
opacity: 0; } }
@-webkit-keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1; }
100% {
transform: scale(1.5);
opacity: 0; } }
@keyframes pulse-border2 {
0% {
transform: scale(1);
opacity: 0.24; }
100% {
transform: scale(2.2);
opacity: 0; } }
@-webkit-keyframes pulse-border2 {
0% {
transform: scale(1);
opacity: 0.24; }
100% {
transform: scale(2.2);
opacity: 0; } }
@keyframes animationFramesOne {
0% {
transform: translateX(0px); }
25% {
transform: translateX(-40px); }
50% {
transform: translateX(0px); }
75% {
transform: translateX(40px); }
100% {
transform: translateX(0px); } }
@keyframes animationFramesTwo {
0% {
transform: translateX(0px); }
25% {
transform: translateX(40px); }
50% {
transform: translateX(0px); }
75% {
transform: translateX(-40px); }
100% {
transform: translateX(0px); } }
@keyframes animationFramesThree {
0% {
transform: translate(0px, 0px); }
20% {
transform: translate(40px, -5px); }
40% {
transform: translate(60px, 40px); }
60% {
transform: translate(40px, 60px); }
80% {
transform: translate(-40px, 60px); }
100% {
transform: translate(0px, 0px); } }
@keyframes animationFramesFour {
0% {
transform: translate(0px, 0px); }
20% {
transform: translate(-30px, 40px); }
40% {
transform: translate(60px, 60px); }
60% {
transform: translate(80px, 40px); }
80% {
transform: translate(40px, -70px); }
100% {
transform: translate(0px, 0px); } }
@keyframes animationFramesFive {
0% {
transform: translateY(0px); }
25% {
transform: translateY(-40px); }
50% {
transform: translateY(0px); }
75% {
transform: translateY(40px); }
100% {
transform: translateY(0px); } }
@-webkit-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-moz-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-ms-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-o-keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes pxl-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes icon-bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); }
60% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px); } }
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); } }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px); }
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px); } }
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
0%, 50%, 100% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes index-pulse {
0% {
transform: scale(1);
opacity: 1; }
100% {
transform: scale(2.3);
opacity: 0.2; } }
@keyframes index-pulse-small {
0% {
transform: scale(1);
opacity: 0.4; }
100% {
transform: scale(1.6);
opacity: 0; } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); } }
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); }
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); } }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg); }
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg); }
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg); }
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg); }
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); } }
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%); } }
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%); }
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg); }
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg); }
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg); }
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg); }
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg); }
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%); } }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3); }
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); }
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px); }
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px); }
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); }
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px); }
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px); }
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px); }
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px); }
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3); } }
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95); }
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3); } }
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px); } }
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px); } }
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); } }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px); } }
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px); } }
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px); } }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px); } }
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px); } }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px); } }
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px); } }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; } }
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; } }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg); }
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1; } }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg); }
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg); }
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1; } }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0; } }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0; } }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1; }
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1; }
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; } }
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1; }
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0; } }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; } }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0; } }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0; } }
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px); }
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes stickyDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(100%); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes stickyDown {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px); }
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px); }
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px); } }
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px); } }
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px); } }
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px); } }
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0; } }
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg); }
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); } }
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg); }
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg); } }
@-webkit-keyframes updown {
0% {
transform: translateY(0); }
40% {
transform: translateY(-10px); }
100% {
transform: translateY(0); } }
@keyframes updown {
0% {
transform: translateY(0); }
40% {
transform: translateY(-10px); }
100% {
transform: translateY(0); } }
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%); }
50% {
opacity: 0;
-webkit-transform: translate(-100%); }
51% {
opacity: 1; } }
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%); }
50% {
opacity: 0;
-moz-transform: translate(-100%); }
51% {
opacity: 1; } }
@keyframes toRightFromLeft {
49% {
transform: translate(100%); }
50% {
opacity: 0;
transform: translate(-100%); }
51% {
opacity: 1; } }
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%); }
50% {
opacity: 0;
-webkit-transform: translate(100%); }
51% {
opacity: 1; } }
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%); }
50% {
opacity: 0;
-moz-transform: translate(100%); }
51% {
opacity: 1; } }
@keyframes toLeftFromRight {
49% {
transform: translate(-100%); }
50% {
opacity: 0;
transform: translate(100%); }
51% {
opacity: 1; } }
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-50%); }
50% {
opacity: 0;
-webkit-transform: translateY(50%); }
51% {
opacity: 1; } }
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-50%); }
50% {
opacity: 0;
-moz-transform: translateY(50%); }
51% {
opacity: 1; } }
@keyframes toTopFromBottom {
49% {
transform: translateY(-50%); }
50% {
opacity: 0;
transform: translateY(50%); }
51% {
opacity: 1; } }
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(50%); }
50% {
opacity: 0;
-webkit-transform: translateY(-50%); }
51% {
opacity: 1; } }
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(50%); }
50% {
opacity: 0;
-moz-transform: translateY(-50%); }
51% {
opacity: 1; } }
@keyframes toBottomFromTop {
49% {
transform: translateY(50%); }
50% {
opacity: 0;
transform: translateY(-50%); }
51% {
opacity: 1; } }
@keyframes marquee {
from {
transform: translateX(0); }
to {
transform: translateX(-50%); } }
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@keyframes dotAnimatedTopToBottom {
0% {
top: 0; }
50% {
top: 100%; }
100% {
top: 0; } }
@keyframes dotAnimatedBottomToTop {
0% {
bottom: 0; }
50% {
bottom: 100%; }
100% {
bottom: 0; } }
@-webkit-keyframes in-top {
from {
-webkit-transform: perspective(500px) rotateX(-90deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateX(0deg); } }
@keyframes in-top {
from {
transform: perspective(500px) rotateX(-90deg);
opacity: 1; }
to {
transform: perspective(500px) rotateX(0deg); } }
@-webkit-keyframes out-top {
from {
-webkit-transform: perspective(500px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateX(-90deg);
opacity: 1; } }
@keyframes out-top {
from {
transform: perspective(500px) rotateX(0deg);
opacity: 1; }
to {
transform: perspective(500px) rotateX(-90deg);
opacity: 1; } }
@-webkit-keyframes in-bottom {
from {
-webkit-transform: perspective(500px) rotateX(90deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateX(0deg); } }
@keyframes in-bottom {
from {
transform: perspective(500px) rotateX(90deg);
opacity: 1; }
to {
transform: perspective(500px) rotateX(0deg); } }
@-webkit-keyframes out-bottom {
from {
-webkit-transform: perspective(500px) rotateX(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateX(90deg);
opacity: 1; } }
@keyframes out-bottom {
from {
transform: perspective(500px) rotateX(0deg);
opacity: 1; }
to {
transform: perspective(500px) rotateX(90deg);
opacity: 1; } }
@-webkit-keyframes in-left {
from {
-webkit-transform: perspective(500px) rotateY(90deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateY(0deg); } }
@keyframes in-left {
from {
transform: perspective(500px) rotateY(90deg);
opacity: 1; }
to {
transform: perspective(500px) rotateY(0deg); } }
@-webkit-keyframes out-left {
from {
-webkit-transform: perspective(500px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateY(90deg);
opacity: 1; } }
@keyframes out-left {
from {
transform: perspective(500px) rotateY(0deg);
opacity: 1; }
to {
transform: perspective(500px) rotateY(90deg);
opacity: 1; } }
@-webkit-keyframes in-right {
from {
-webkit-transform: perspective(500px) rotateY(-90deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateY(0deg); } }
@keyframes in-right {
from {
transform: perspective(500px) rotateY(-90deg);
opacity: 1; }
to {
transform: perspective(500px) rotateY(0deg); } }
@-webkit-keyframes out-right {
from {
-webkit-transform: perspective(500px) rotateY(0deg);
opacity: 1; }
to {
-webkit-transform: perspective(500px) rotateY(-90deg);
opacity: 1; } }
@keyframes out-right {
from {
transform: perspective(500px) rotateY(0deg);
opacity: 1; }
to {
transform: perspective(500px) rotateY(-90deg);
opacity: 1; } }
@keyframes up-down-move {
0% {
transform: translateY(0); }
50% {
transform: translateY(-14px); }
100% {
transform: translateY(0); } }
@keyframes up-down-move-big {
0% {
transform: translateY(0); }
50% {
transform: translateY(-120px); }
100% {
transform: translateY(0); } }
@keyframes left-right-move {
0% {
transform: translateX(0); }
50% {
transform: translateX(-20px); }
100% {
transform: translateX(0); } }
@keyframes up-down-float {
0% {
transform: translateY(0) rotate(0deg); }
50% {
transform: translateY(-200px) rotate(360deg); }
100% {
transform: translateY(0) rotate(0deg); } }
.up-down-move-1 {
animation-duration: 4s;
animation-iteration-count: infinite;
transform-origin: bottom;
animation-name: up-down-move;
animation-timing-function: linear; }
.up-down-move-2 {
animation-duration: 4.5s;
animation-iteration-count: infinite;
transform-origin: top;
animation-name: up-down-move;
animation-timing-function: linear; }
.up-down-move-3 {
animation-duration: 5s;
animation-iteration-count: infinite;
transform-origin: center;
animation-name: up-down-move;
animation-timing-function: linear; }
.up-down-move-4 {
animation-duration: 20s;
animation-iteration-count: infinite;
transform-origin: center;
animation-name: up-down-move-big;
animation-timing-function: linear; }
.up-down-float-1 {
animation-duration: 25s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-name: up-down-float;
animation-timing-function: linear;
transform-origin: center; }
.up-down-float-2 {
animation-duration: 15s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-name: up-down-float;
animation-timing-function: linear;
transform-origin: center; }
.left-right-move-1 {
animation-duration: 4s;
animation-iteration-count: infinite;
transform-origin: left;
animation-name: left-right-move;
animation-timing-function: linear; }
.left-right-move-2 {
animation-duration: 4.5s;
animation-iteration-count: infinite;
transform-origin: right;
animation-name: left-right-move;
animation-timing-function: linear; }
.left-right-move-3 {
animation-duration: 5s;
animation-iteration-count: infinite;
transform-origin: center;
animation-name: left-right-move;
animation-timing-function: linear; }
@-webkit-keyframes pxl_text_slide_l {
0% {
-webkit-transform: translateX(0); }
100% {
-webkit-transform: translateX(-100%); } }
@keyframes pxl_text_slide_l {
0% {
transform: translateX(0); }
100% {
transform: translateX(-100%); } }
@-webkit-keyframes pxl_text_slide_r {
0% {
-webkit-transform: translateX(0%); }
100% {
-webkit-transform: translateX(100%); } }
@keyframes pxl_text_slide_r {
0% {
transform: translateX(0%); }
100% {
transform: translateX(100%); } }
.text-slide-to-left {
-webkit-animation: pxl_text_slide_l 30s linear infinite;
animation: pxl_text_slide_l 30s linear infinite; }
.text-slide-to-right {
-webkit-animation: pxl_text_slide_l 30s linear infinite;
animation: pxl_text_slide_l 30s linear infinite; }
*, *:before, *:after {
outline: none;
box-sizing: inherit; }
::-moz-selection {
background-color: var(--primary-color);
color: #ffffff; }
::selection {
background-color: var(--primary-color);
color: #ffffff; }
html {
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
overflow-x: hidden; }
body {
overflow-x: clip; }
@media (max-width: 991px) {
body {
overflow-x: hidden; } }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; }
b, strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
img {
border-style: none; }
p {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; }
dfn, cite, em, i {
font-style: italic; }
pre {
font-size: 14px;
overflow: auto;
background: #f5f5f5;
padding: 15px;
font-family: monospace, monospace;
font-size: 1em; }
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em; }
code, kbd, tt, var {
font-size: 12px; }
code {
padding: 2px 4px;
color: #c7254e;
border-radius: 4px;
display: inline-block;
vertical-align: top; }
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark, ins {
text-decoration: none; }
mark {
background: #fff9c0; }
big {
font-size: 125%; }
a {
background-color: transparent;
text-decoration: none; }
a:hover {
text-decoration: none; }
a:focus {
text-decoration: none; }
img, video, iframe, svg {
max-width: 100%;
vertical-align: top; }
figure {
margin: 0 0 30px 0; }
figcaption {
display: block; }
label {
display: block; }
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
height: auto;
line-height: normal;
width: auto;
transform: translate(0px, 3px);
margin-right: 10px; }
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
border: none; }
button, input, optgroup, select, textarea {
max-width: 100%;
font-family: inherit;
font-size: 100%;
line-height: inherit;
margin: 0; }
button, input {
overflow: visible; }
button, select {
text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
fieldset {
padding: 0.35em 0.75em 0.625em; }
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
details {
display: block; }
summary {
display: list-item; }
template {
display: none; }
[hidden] {
display: none; }
body img.mfp-img {
padding: 0 !important;
max-height: 75vh !important; }
body .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.9; }
body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {
right: 0;
text-align: center;
top: -40px;
width: 40px;
height: 40px;
font-weight: 400;
padding: 0 0 0 3px;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background-color: var(--primary-color);
color: #fff; }
body .mfp-bottom-bar {
margin-top: 0; }
.mfp-wrap .mfp-container .mfp-arrow {
background-color: var(--primary-color);
width: 60px;
height: 120px;
opacity: 1; }
.mfp-wrap .mfp-container .mfp-arrow:before, .mfp-wrap .mfp-container .mfp-arrow:after {
border: none; }
.mfp-wrap .mfp-container .mfp-arrow:before {
font-family: "Material-Design-Iconic-Font";
font-size: 20px;
color: #fff;
margin: 0;
padding: 0;
line-height: normal;
position: absolute;
top: 50%;
display: block;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
left: 50%;
width: auto;
height: auto; }
.mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before {
content: ""; }
.mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
content: ""; }
[class^="pxli-"], [class*=" pxli-"] {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center; }
[class^="pxli-"] > *, [class*=" pxli-"] > * {
max-width: 100%; }
[class^="pxli-"]:before, [class*=" pxli-"]:before {
vertical-align: middle; }
body {
margin: 0;
font-family: var(--body-font-family);
font-size: var(--body-font-size);
color: var(--body-color);
line-height: var(--body-line-height);
letter-spacing: var(--body-letter-spacing);
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal; }
a {
text-decoration: none;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
h1, h2, h3, h4, h5, h6 {
font-family: var(--heading-font-family);
color: var(--heading-color);
clear: both;
line-height: var(--heading-line-height);
font-weight: var(--heading-font-weight);
letter-spacing: var(--heading-letter-spacing); }
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h4, a:hover .h4-1, a:hover .h5, a:hover .h6 {
color: var(--link-color-hover); }
h1, h2, h3, h4, h5, h6 {
margin: 0 0 15px; }
h1, .h1, .size-h1 {
font-size: var(--heading-font-size-h1); }
h2, .h2, .size-h2 {
font-size: var(--heading-font-size-h2); }
@media (max-width: 767px) {
h2, .h2, .size-h2 {
font-size: 32px; } }
h3, .h3, .size-h3 {
font-size: var(--heading-font-size-h3); }
@media (max-width: 767px) {
h3, .h3, .size-h3 {
font-size: 28px; } }
h4, .h4, .size-h4 {
font-size: var(--heading-font-size-h4); }
h5, .h5, .size-h5 {
font-size: var(--heading-font-size-h5); }
h6, .h6, .size-h6 {
font-size: var(--heading-font-size-h6); }
img {
max-width: 100%;
height: auto; }
ul, ol {
list-style-position: inside;
padding-left: 0;
padding-right: 0; }
ul ul, ul ol, ol ul, ol ol {
padding-left: 15px; }
[dir="rtl"] ul ul, [dir="rtl"] ul ol, [dir="rtl"] ol ul, [dir="rtl"] ol ol {
padding-left: 0;
padding-right: 15px; }
ul.unstyled, ol.unstyled {
list-style: none;
margin: 0;
padding: 0; }
ul.unstyled ul, ul.unstyled ol, ol.unstyled ul, ol.unstyled ol {
list-style: none; }
ul.horizontal, ol.horizontal {
display: flex;
flex-wrap: wrap;
margin: -5px; }
ul.horizontal > li, ol.horizontal > li {
padding: 5px;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
ul li::marker {
color: var(--secondary-color); }
table {
width: 100%;
max-width: 100%;
border: 1px solid #e0e0e0;
border-spacing: 0;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
table th, table td {
padding: 8px;
border: 1px solid #e0e0e0;
border-top: 0;
border-left: 0;
text-align: start;
vertical-align: middle; }
table th:last-child, table td:last-child {
border-right: 0; }
table + * {
margin-top: 20px; }
table tbody tr:last-child th, table tbody tr:last-child td {
border-bottom: 0; }
img {
height: auto;
max-width: 100%;
vertical-align: top; }
img.image-fit, img.img-fit {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
-moz-object-fit: cover;
-ms-filter-object-fit: cover;
-webkit-object-fit: cover; }
img.alignleft[alt="Image Alignment 150x150"], img.alignright[alt="Image Alignment 150x150"] {
clear: both; }
a {
color: var(--link-color);
text-decoration: none; }
a:hover {
color: var(--link-color-hover); }
a:hover, a:active, a:focus {
text-decoration: none; }
p {
margin: 0 0 20px; }
p:last-child {
margin-bottom: 0; } blockquote {
border-left: 4px solid var(--secondary-color);
font-size: 20px;
font-style: italic;
line-height: 1.4;
font-family: var(--heading-font-family);
padding: 25px 0 25px 30px;
margin: 0 0 40px; }
blockquote cite {
font-size: 14px;
font-style: normal;
font-weight: 600;
color: var(--heading-color);
display: block;
margin-top: 10px;
position: relative; }
blockquote.pxl-blockquote {
position: relative;
font-family: var(--heading-font-family);
font-size: 17px;
line-height: 27px;
letter-spacing: 0.03em;
font-style: normal;
color: var(--heading-color);
font-weight: 500;
padding: 40px 60px 33px 100px;
margin: 15px 0;
border: none;
border-radius: 20px;
background-image: -webkit-linear-gradient(180deg, #d0def07a, rgba(0, 0, 0, 0) 60%);
background-image: -moz-linear-gradient(180deg, #d0def07a, rgba(0, 0, 0, 0) 60%);
background-image: -ms-linear-gradient(180deg, #d0def07a, rgba(0, 0, 0, 0) 60%);
background-image: -o-linear-gradient(180deg, #d0def07a, rgba(0, 0, 0, 0) 60%);
background-image: linear-gradient(180deg, #d0def07a, rgba(0, 0, 0, 0) 60%); }
blockquote.pxl-blockquote cite {
font-size: 13px;
text-transform: uppercase;
color: var(--additional02-color);
letter-spacing: 0.15em;
display: block;
margin-top: 12px;
font-weight: 400; }
blockquote.pxl-blockquote:before {
content: "";
display: block;
width: 29px;
height: 23px;
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/quote-icon.png);
position: absolute;
left: 40px;
top: 50px; }
@media (max-width: 767px) {
blockquote.pxl-blockquote {
padding-right: 15px;
padding-left: 80px; }
blockquote.pxl-blockquote:before {
left: 25px; } }
.wp-block-quote {
padding: 25px 0 25px 30px !important; }
.fw-400 {
font-weight: 400 !important; }
.fw-500 {
font-weight: 500 !important; }
.fw-600 {
font-weight: 600 !important; }
.fw-700 {
font-weight: 700 !important; }
.fw-800 {
font-weight: 800 !important; }
.fw-900 {
font-weight: 900 !important; }
.text-start {
text-align: start; }
.text-end {
text-align: end; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.container {
padding-left: 15px;
padding-right: 15px; }
.d-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.d-flex > * {
max-width: 100%; }
.d-flex-auto {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.d-flex-auto > * {
flex: 0 0 auto;
width: auto !important;
max-width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center; }
.d-flex-align-justify-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
.d-flex-align-justify-center > * {
max-width: 100%; }
.pxl-bg-parallax {
position: relative;
overflow: hidden; }
.parallax-inner {
position: absolute;
top: -10%;
left: -10%;
height: calc(100% + 20px);
width: calc(100% + 20px);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
@media (max-width: 575px) {
.text-xs-start {
text-align: start !important; }
.text-xs-end {
text-align: end !important; }
.text-xs-left {
text-align: left !important; }
.text-xs-right {
text-align: right !important; }
.text-xs-center {
text-align: center !important; }
.justify-content-xs-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xs-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xs-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.align-self-xs-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xs-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xs-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; } }
@media (min-width: 1500px) {
.text-xxxl-start {
text-align: start !important; }
.text-xxxl-end {
text-align: end !important; }
.text-xxxl-left {
text-align: left !important; }
.text-xxxl-right {
text-align: right !important; }
.text-xxxl-center {
text-align: center !important; }
.justify-content-xxxl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xxxl-center {
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xxxl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.align-self-xxxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xxxl-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xxxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.elementor-column.pxl-column-element-widescreen-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; } }
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; }
@media (min-width: 1500px) {
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; } }
@media (min-width: 1200px) {
.elementor-column.pxl-column-element-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; } }
@media (min-width: 992px) {
.elementor-column.pxl-column-element-tablet_extra-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; } }
@media (min-width: 768px) {
.elementor-column.pxl-column-element-tablet-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; } }
@media (min-width: 576px) {
.elementor-column.pxl-column-element-mobile_extra-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto !important;
max-width: 100%; } }
.color-primary {
color: var(--primary-color); }
.color-secondary {
color: var(--secondary-color); }
.color-heading {
color: var(--heading-color); }
.color-white {
color: #fff; }
.overflow-hidden {
overflow: hidden !important; }
.bg-image {
background-size: cover;
background-position: 50%;
background-repeat: no-repeat; }
.scale-hover {
cursor: pointer;
overflow: hidden; }
.scale-hover img {
-webkit-transition: all 0.3s ease-out 0s;
-khtml-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s; }
.scale-hover:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
.scale-hover-x {
cursor: pointer;
overflow: hidden; }
.scale-hover-x img {
-webkit-transition: all 0.4s;
-khtml-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(1.03) translateX(-3px);
transform: scale(1.03) translateX(-3px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.scale-hover-x:hover img {
-webkit-transform: scale(1.03) translateX(3px);
transform: scale(1.03) translateX(3px); }
.scale-hover-x-left {
cursor: pointer;
overflow: hidden; }
.scale-hover-x-left img {
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1.05) translateX(3px);
transform: scale(1.05) translateX(3px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.scale-hover-x-left:hover img {
-webkit-transform: scale(1.03) translateX(-3px);
transform: scale(1.03) translateX(-3px); }
.flash-hover {
overflow: hidden;
position: relative; }
.flash-hover:before {
content: "";
position: absolute;
top: 0;
left: -10px;
width: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transition: none;
-khtml-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.flash-hover:hover:before {
-webkit-transition: all 0.5s linear 0.08s;
-khtml-transition: all 0.5s linear 0.08s;
-moz-transition: all 0.5s linear 0.08s;
-ms-transition: all 0.5s linear 0.08s;
-o-transition: all 0.5s linear 0.08s;
transition: all 0.5s linear 0.08s;
width: 120%;
background-color: rgba(255, 255, 255, 0); }
.hover-underline a, a.hover-underline {
position: relative; }
.hover-underline a:after, a.hover-underline:after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
width: 0;
border-bottom: 1px solid;
transition: all 350ms; }
.hover-underline a:hover, a.hover-underline:hover {
color: inherit; }
.hover-underline a:hover:after, a.hover-underline:hover:after {
width: 100%; }
.hover-underline-out a, a.hover-underline-out {
position: relative; }
.hover-underline-out a:after, a.hover-underline-out:after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
border-bottom: 1px solid;
transition: all 350ms; }
.hover-underline-out a:hover, a.hover-underline-out:hover {
color: inherit; }
.hover-underline-out a:hover:after, a.hover-underline-out:hover:after {
width: 0; }
.pxl-divider {
display: inline-flex;
background-color: var(--heading-color);
opacity: 0.1; }
.pxl-divider-sub svg {
margin-left: 0; }
.pxl-double-square {
position: relative;
width: 30px;
height: 30px; }
.pxl-double-square::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #151B2B; }
.pxl-double-square::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--primary-color); }
.video-customs:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
transform: scale(0.9);
border: 1px solid;
color: rgba(255, 255, 255, 0.2);
opacity: 0;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }
.video-customs:hover:before {
transform: scale(1.55);
opacity: 1; }
@media (max-width: 479px) {
.column-home-five {
display: flex !important;
flex-direction: column; } }
@keyframes box-rotate {
100% {
transform: rotate(360deg); } }
.square-box {
padding: 2px;
margin: -2px;
background-color: transparent;
transition: all 240ms linear;
z-index: 0;
position: relative;
overflow: hidden; }
.square-box .inner-box {
position: relative;
z-index: 2;
background-color: #fff; }
.square-box:before {
content: "";
position: absolute;
z-index: -2;
left: -50%;
top: -50%;
width: 200%;
height: 200%;
opacity: 0;
background-repeat: no-repeat;
background-size: 50% 50%, 50% 50%;
background-position: 0 0, 100% 0, 100% 100%, 0 100%;
background-image: linear-gradient(var(--primary-color), var(--primary-color));
animation: box-rotate 5s linear infinite;
transition: all 240ms linear; }
.square-box:hover:before {
opacity: 1;
z-index: 0; }
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0; }
.bypostauthor {
display: block; }
.alignleft, .alignright, .aligncenter {
margin-top: 6px;
margin-bottom: 45px; }
.alignleft {
display: inline;
float: left;
margin-right: 35px; }
.alignright {
display: inline;
float: right;
margin-left: 35px;
clear: right; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; }
.sticky {
display: block; }
.list-style-none {
list-style: none; }
.italic {
font-style: italic; }
.no-padding {
padding: 0 !important; }
.text-underline {
text-decoration: underline; }
.relative {
position: relative; }
.absolute {
position: absolute;
z-index: 1; }
.img-cover {
object-fit: cover; }
.pxl-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.pxl-page-overlay {
position: fixed;
z-index: 1000;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(var(--heading-color-rgb),0.9);
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-khtml-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.transition, .pxl-transition {
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.pxl-invisible {
visibility: hidden;
opacity: 0; }
.pxl-heading {
color: var(--heading-color);
font-weight: var(--heading-font-weight);
margin-top: 0; }
.text-heading {
color: var(--heading-color); }
.empty-none:empty {
display: none; }
.scaleDisappear {
-webkit-animation: scaleDisappear 300ms linear;
-moz-animation: scaleDisappear 300ms linear;
-ms-animation: scaleDisappear 300ms linear;
-o-animation: scaleDisappear 300ms linear;
animation: scaleDisappear 300ms linear; }
.pxl-spin {
-webkit-animation: pxl-spin 2s linear infinite;
-khtml-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
-ms-animation: pxl-spin 2s linear infinite;
-o-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite; }
.pxl-arrow-hover .elementor-icon:hover i, .pxl-arrow-hover .elementor-icon:hover svg {
-webkit-animation: toRightFromLeft 0.3s forwards;
-khtml-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
-ms-animation: toRightFromLeft 0.3s forwards;
-o-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards; }
.pxl-dot-animate {
max-width: 100%;
height: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 0; }
.pxl-dot-animate .dot-item {
position: relative; }
.pxl-dot-animate .dot-item span {
width: 6px;
height: 6px;
background-color: #7a7a7a;
position: absolute;
bottom: 14%;
left: 50%;
margin-left: -2px;
z-index: 1; }
.pxl-dot-animate .dot-item:before {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
background-color: #292929; }
.pxl-dot-animate .dot-1 span {
bottom: 18%;
-webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop1 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop1 30s infinite linear;
-o-animation: dotAnimatedBottomToTop1 30s infinite linear;
animation: dotAnimatedBottomToTop1 30s infinite linear; }
.pxl-dot-animate .dot-2 span {
bottom: 84%;
-webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop2 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop2 30s infinite linear;
-o-animation: dotAnimatedBottomToTop2 30s infinite linear;
animation: dotAnimatedBottomToTop2 30s infinite linear; }
.pxl-dot-animate .dot-3 span {
bottom: 6%;
-webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop3 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop3 30s infinite linear;
-o-animation: dotAnimatedBottomToTop3 30s infinite linear;
animation: dotAnimatedBottomToTop3 30s infinite linear; }
.pxl-dot-animate .dot-4 span {
bottom: 96%;
-webkit-animation: dotAnimatedBottomToTop4 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop4 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop4 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop4 30s infinite linear;
-o-animation: dotAnimatedBottomToTop4 30s infinite linear;
animation: dotAnimatedBottomToTop4 30s infinite linear; }
.pxl-dot-animate .dot-5 span {
bottom: 12%;
-webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop5 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop5 30s infinite linear;
-o-animation: dotAnimatedBottomToTop5 30s infinite linear;
animation: dotAnimatedBottomToTop5 30s infinite linear; }
.pxl-dot-animate .dot-6 span {
bottom: 94%;
-webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
-khtml-animation: dotAnimatedBottomToTop6 30s infinite linear;
-moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
-ms-animation: dotAnimatedBottomToTop6 30s infinite linear;
-o-animation: dotAnimatedBottomToTop6 30s infinite linear;
animation: dotAnimatedBottomToTop6 30s infinite linear; }
.pxl-transforms {
-webkit-transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
transform: perspective(var(--pxl-transform-perspective, 0)) rotate(var(--pxl-transform-rotateZ, 0)) rotateX(var(--pxl-transform-rotateX, 0)) rotateY(var(--pxl-transform-rotateY, 0)) translate(var(--pxl-transform-translate, 0)) translateX(var(--pxl-transform-translateX, 0)) translateY(var(--pxl-transform-translateY, 0)) scaleX(calc(var(--pxl-transform-flipX, 1) * var(--pxl-transform-scaleX, var(--pxl-transform-scale, 1)))) scaleY(calc(var(--pxl-transform-flipY, 1) * var(--pxl-transform-scaleY, var(--pxl-transform-scale, 1)))) skewX(var(--pxl-transform-skewX, 0)) skewY(var(--pxl-transform-skewY, 0));
-webkit-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
-ms-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
-webkit-transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
transition: -webkit-transform var(--pxl-transform-transition-duration, 0.4s);
-o-transition: transform var(--pxl-transform-transition-duration, 0.4s);
transition: transform var(--pxl-transform-transition-duration, 0.4s);
transition: transform var(--pxl-transform-transition-duration, 0.4s), -webkit-transform var(--pxl-transform-transition-duration, 0.4s); }
.pxl-element-parallax {
will-change: transform; }
.pxl-element-parallax img {
will-change: transform; }
@keyframes phone-icon-animate {
0% {
transform: rotate(0deg) scale(1) skew(1deg); }
10% {
transform: rotate(-15deg) scale(1) skew(1deg); }
20% {
transform: rotate(30deg) scale(1) skew(1deg); }
30% {
transform: rotate(-15deg) scale(1) skew(1deg); }
40% {
transform: rotate(30deg) scale(1) skew(1deg); }
100%, 50% {
transform: rotate(0deg) scale(1) skew(1deg); } }
.header-call-box.elementor-widget-icon-box .elementor-icon {
border-color: rgba(255, 255, 255, 0.3); }
@media (max-width: 1599px) {
.header-call-box.elementor-widget-icon-box {
max-width: 103px !important; }
.header-call-box.elementor-widget-icon-box .elementor-icon-box-content {
display: none; }
.header-call-box.elementor-widget-icon-box > .elementor-widget-container {
min-height: 100px;
display: flex; } }
@media (max-width: 1500px) {
.responsive-box.elementor-widget-icon-box .elementor-icon-box-content {
display: none; } }
.phone-animation .elementor-icon i, .phone-animation .elementor-icon svg {
animation: phone-icon-animate 1.8s linear infinite; }
.phone-animation .elementor-icon i:hover, .phone-animation .elementor-icon svg:hover {
animation-play-state: paused; }
.box-quote {
position: relative; }
.box-quote:after {
content: "";
display: block;
position: absolute;
right: 45px;
bottom: -19px;
border-bottom: 19px solid transparent;
border-right: 22px solid var(--secondary-color); }
.blur-border .elementor-icon {
border-color: rgba(var(--primary-color-rgb),0.3) !important; }
@keyframes cog {
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
.auto-rotate {
-webkit-animation: cog 10s infinite;
-moz-animation: cog 10s infinite;
-ms-animation: cog 10s infinite;
animation: cog 10s infinite;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear; }
.heading-gradient .heading-title {
background: -webkit-linear-gradient(180deg, #e49ff3, #ecbbaa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.custom-testimonial .elementor-testimonial-image {
position: relative;
padding-top: 3px;
padding-bottom: 3px; }
.custom-testimonial .elementor-testimonial-image:before {
content: "";
display: block;
width: 34px;
height: 38px;
position: absolute;
top: 0;
right: 0;
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/conversation-mark.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: all 200ms linear 0s;
opacity: 0;
visibility: hidden; }
.custom-testimonial:hover .elementor-testimonial-image:before {
opacity: 1;
visibility: visible; }
.dot-border {
position: relative; }
.dot-border:after {
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background-color: var(--secondary-color);
position: absolute;
right: -4px;
transition: all 300ms ease 0s; }
.dot-border:nth-child(odd):after {
top: 0;
-webkit-animation: dotAnimatedTopToBottom 12s infinite linear;
-khtml-animation: dotAnimatedTopToBottom 12s infinite linear;
-moz-animation: dotAnimatedTopToBottom 12s infinite linear;
-ms-animation: dotAnimatedTopToBottom 12s infinite linear;
-o-animation: dotAnimatedTopToBottom 12s infinite linear;
animation: dotAnimatedTopToBottom 12s infinite linear; }
.dot-border:nth-child(even):after {
bottom: 0;
-webkit-animation: dotAnimatedBottomToTop 12s infinite linear;
-khtml-animation: dotAnimatedBottomToTop 12s infinite linear;
-moz-animation: dotAnimatedBottomToTop 12s infinite linear;
-ms-animation: dotAnimatedBottomToTop 12s infinite linear;
-o-animation: dotAnimatedBottomToTop 12s infinite linear;
animation: dotAnimatedBottomToTop 12s infinite linear; }
@media (max-width: 991px) {
.dot-border:after {
content: none !important; } }
@keyframes pxl-gear {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.gear-animation img {
transform-origin: center center;
animation: pxl-gear 7s infinite linear; }
.pxl-pulse {
animation-name: elementor-animation-pulse;
animation-timing-function: linear;
animation-iteration-count: infinite; }
.pxl-pulse.time-1s {
animation-duration: 1s; }
.pxl-pulse.time-2s {
animation-duration: 2s; }
.pxl-pulse.time-3s {
animation-duration: 3s; }
.pxl-pulse.time-4s {
animation-duration: 4s; } @keyframes pxl-animation-hang {
0% {
transform: translateY(20px); }
50% {
transform: translateY(10px); }
100% {
transform: translateY(20px); } }
@keyframes pxl-animation-hang-sink {
100% {
transform: translateY(20px); } }
.pxl-hang img {
animation-name: pxl-animation-hang-sink, pxl-animation-hang;
animation-duration: 0.3s, 5s;
animation-delay: 0s, 1s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate; }
.elementor-hang img {
animation-name: elementor-animation-hang-sink, elementor-animation-hang;
animation-duration: 0.3s, 1.5s;
animation-delay: 0s, 0.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: forwards;
animation-direction: normal, alternate; }
@keyframes pxl-circle-move-animation {
0% {
transform: rotate(0deg) translate(-30px) rotate(0deg); }
25% {
transform: rotate(360deg) translate(-30px) rotate(-360deg); }
50% {
transform: rotate(720deg) translate(-30px) rotate(-720deg); }
75% {
transform: rotate(1080deg) translate(-30px) rotate(-1080deg); }
100% {
transform: rotate(1440deg) translate(-30px) rotate(-1440deg); } }
.pxl-circle-move .pxl-image-wg.pxl-animated {
-webkit-animation: pxl-circle-move-animation 12s infinite linear; -moz-animation: pxl-circle-move-animation 12s infinite linear; -o-animation: pxl-circle-move-animation 12s infinite linear; animation: pxl-circle-move-animation 12s infinite linear; }
@keyframes overlay-animation1 {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.overlay-animation1 .elementor-background-overlay {
animation: overlay-animation1 5s 1 ease-out; }
@keyframes animationFramesOne {
0% {
transform: translateX(0px); }
25% {
transform: translateX(-40px); }
50% {
transform: translateX(0px); }
75% {
transform: translateX(40px); }
100% {
transform: translateX(0px); } }
@keyframes animationFramesTwo {
0% {
transform: translateX(0px); }
25% {
transform: translateX(40px); }
50% {
transform: translateX(0px); }
75% {
transform: translateX(-40px); }
100% {
transform: translateX(0px); } }
@keyframes animationFramesThree {
0% {
transform: translate(0px, 0px); }
20% {
transform: translate(40px, -5px); }
40% {
transform: translate(60px, 40px); }
60% {
transform: translate(40px, 60px); }
80% {
transform: translate(-40px, 60px); }
100% {
transform: translate(0px, 0px); } }
@keyframes animationFramesFour {
0% {
transform: translate(0px, 0px); }
20% {
transform: translate(-30px, 40px); }
40% {
transform: translate(60px, 60px); }
60% {
transform: translate(80px, 40px); }
80% {
transform: translate(40px, -70px); }
100% {
transform: translate(0px, 0px); } }
@keyframes animationFramesFive {
0% {
transform: translateY(0px); }
25% {
transform: translateY(-40px); }
50% {
transform: translateY(0px); }
75% {
transform: translateY(40px); }
100% {
transform: translateY(0px); } }
@keyframes animationFramesSix {
0% {
transform: translate(0px, 0px); }
33% {
transform: translate(-24px, -30px); }
66% {
transform: translate(24px, 30px); }
100% {
transform: translate(0px, 0px); } }
@keyframes animationFramesSeven {
0% {
transform: translate(0px, 0px); }
20% {
transform: rotate(45deg); }
40% {
transform: translate(0, 90px); }
60% {
transform: rotate(90deg); }
80% {
transform: translate(90px, 0); }
100% {
transform: translate(0px, 0px); } }
@keyframes animationFramesEight {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes animationFramesNine {
0% {
transform: translateX(0); }
25% {
transform: translateX(40px); }
50% {
transform: translateX(0); }
75% {
transform: translateX(-40px); }
100% {
transform: translateX(0); } }
@keyframes up-down-move {
0% {
transform: translateY(0); }
50% {
transform: translateY(-15px); }
100% {
transform: translateY(0); } }
@-webkit-keyframes fadeInOutCustom {
0% {
opacity: 0; }
25% {
opacity: 1; }
50% {
opacity: 0; }
75% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeInOutCustom {
0% {
opacity: 0; }
25% {
opacity: 1; }
50% {
opacity: 0; }
75% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOutInCustom {
0% {
opacity: 1; }
25% {
opacity: 0; }
50% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOutInCustom {
0% {
opacity: 1; }
25% {
opacity: 0; }
50% {
opacity: 1; }
75% {
opacity: 0; }
100% {
opacity: 1; } }
.shape-animate1 {
animation: animationFramesTwo 12s infinite linear alternate; }
.shape-animate2 {
animation: animationFramesOne 12s infinite linear alternate; }
.shape-animate3 {
animation: animationFramesFour 12s infinite linear alternate; }
.shape-animate4 {
animation: animationFramesThree 12s infinite linear alternate; }
.shape-animate5 {
animation: animationFramesFive 12s infinite linear alternate; }
.shape-animate6 {
animation: animationFramesSix 12s infinite linear alternate; }
.shape-animate7 {
animation: animationFramesSeven 18s infinite linear alternate; }
.shape-animate8 {
animation: animationFramesEight 12s linear infinite; }
.shape-animate9 {
animation: 12s ease-out 0s infinite normal none running animationFramesNine; }
.fade-in-out-custom {
animation: fadeInOutCustom 8s infinite linear alternate; }
.fade-out-in-custom {
animation: fadeOutInCustom 8s infinite linear alternate; }
.up-down-move {
animation-duration: 2.3s;
animation-iteration-count: infinite;
transform-origin: bottom;
animation-name: up-down-move;
animation-timing-function: linear; }
.pxl-ring-ring.animated .elementor-icon-box-icon svg {
animation: phone-icon-animate 1.8s ease-out 5;
transform-origin: top; }
.fancy-border .elementor-widget-wrap {
position: relative; }
.fancy-border .elementor-widget-wrap:before {
content: "";
position: absolute;
display: block;
width: 1px;
background-color: #d8d8d8;
left: 50px;
top: calc(50% - 100px);
bottom: calc(50% - 100px); }
@media (max-width: 575px) {
.fancy-border .elementor-widget-wrap:before {
top: 15%;
bottom: 15%; } }
.fancy-wrap:hover .elementor-icon-box-icon .elementor-icon {
animation-name: updown;
animation-duration: 300ms;
animation-timing-function: linear;
animation-iteration-count: 1; }
.overlay-edit .elementor-background-overlay {
top: -50px !important; }
@keyframes swiperImage {
from {
background-position: 0 0; }
to {
background-position: 100% 0; } }
.swiper-image {
width: 200% !important;
background-position: 0;
background-repeat: repeat-x;
animation: swiperImage 50s linear infinite alternate !important; }
.gradient-text1 .elementor-counter-number-wrapper {
background: -webkit-linear-gradient(#f8c088, #fd7b11);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.gradient-text2 {
background: -webkit-linear-gradient(180deg, #44a9e3, #2eccbd);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.landing-testi .pxl-testimonial-carousel .pxl-swiper-container {
padding: 0 !important; }
.landing-testi .pxl-testimonial-carousel .pxl-swiper-container:after {
content: none !important; }
.landing-testi .pxl-swiper-arrows.style-default .pxl-swiper-arrow {
top: 50% !important;
background-color: transparent !important;
font-size: 32px;
color: #fff;
opacity: 0.3; }
.landing-testi .pxl-swiper-arrows.style-default .pxl-swiper-arrow:hover {
opacity: 1; }
.landing-testi .pxl-swiper-arrows.style-default .pxl-swiper-arrow:before {
content: none !important; }
.landing-testi .pxl-swiper-arrows.style-default .pxl-swiper-arrow .pxli-arrow-left:before {
content: ""; }
.landing-testi .pxl-swiper-arrows.style-default .pxl-swiper-arrow .pxli-arrow-right:before {
content: ""; }
.pp-form-container .pp-form-wrapper .pp-form-submit-button-wrap .ppform-submit-button:hover {
background-color: var(--primary-color) !important;
color: #fff !important; }
@keyframes lineheight {
0% {
height: 0%; }
100% {
height: 100%; } }
@keyframes lineround {
0% {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%); }
100% {
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
-o-transform: translateY(200%);
transform: translateY(200%); } }
@keyframes preloadedzero {
0% {
width: 50%; }
100% {
width: 0%; } }
@keyframes pxl_folding {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
#pxl-loadding {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
#pxl-loadding > * {
max-width: 100%; }
#pxl-loadding.default:before, #pxl-loadding.default:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
z-index: -1;
background-color: var(--secondary-color);
-webkit-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; }
#pxl-loadding.default:after {
left: auto;
right: 0; }
#pxl-loadding.default .loader_line {
margin: auto;
width: 1px;
height: 250px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.8s linear 0s;
-o-transition: all 0.8s linear 0s;
transition: all 0.8s linear 0s; }
#pxl-loadding.default .loader_line:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 0;
background-color: #fff;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-animation: lineheight 1000ms linear 0s forwards;
-khtml-animation: lineheight 1000ms linear 0s forwards;
-moz-animation: lineheight 1000ms linear 0s forwards;
-ms-animation: lineheight 1000ms linear 0s forwards;
-o-animation: lineheight 1000ms linear 0s forwards;
animation: lineheight 1000ms linear 0s forwards; }
#pxl-loadding.default .loader_line:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: var(--primary-color);
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: lineround 1200ms linear 0s infinite;
-khtml-animation: lineround 1200ms linear 0s infinite;
-moz-animation: lineround 1200ms linear 0s infinite;
-ms-animation: lineround 1200ms linear 0s infinite;
-o-animation: lineround 1200ms linear 0s infinite;
animation: lineround 1200ms linear 0s infinite;
animation-delay: 2000ms; }
#pxl-loadding.content-image {
background-color: #fff; }
#pxl-loadding .pxl-loader-effect {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
#pxl-loadding.style-insurance {
background-color: #fff; }
#pxl-loadding.style-insurance .pxl-loader-effect {
width: 50px;
height: 50px;
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
#pxl-loadding.style-insurance .pxl-loader-effect > div {
position: absolute;
width: 25px;
height: 25px;
-webkit-transform: scale(1.04);
-khtml-transform: scale(1.04);
-moz-transform: scale(1.04);
-ms-transform: scale(1.04);
-o-transform: scale(1.04);
transform: scale(1.04); }
#pxl-loadding.style-insurance .pxl-loader-effect > div:before {
content: "";
background-color: rgba(21, 27, 43, 0.25);
position: absolute;
left: 0;
top: 0;
display: block;
width: 25px;
height: 25px;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation: pxl_folding 2s infinite linear both;
-moz-animation: pxl_folding 2s infinite linear both;
animation: pxl_folding 2s infinite linear both; }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-1 {
top: 0;
left: 0; }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-2 {
-webkit-transform: rotateZ(90deg) scale(1.04);
-khtml-transform: rotateZ(90deg) scale(1.04);
-moz-transform: rotateZ(90deg) scale(1.04);
-ms-transform: rotateZ(90deg) scale(1.04);
-o-transform: rotateZ(90deg) scale(1.04);
transform: rotateZ(90deg) scale(1.04);
top: 0;
right: 0; }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
background-color: rgba(21, 27, 43, 0.5); }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-3 {
-webkit-transform: rotateZ(270deg) scale(1.04);
-khtml-transform: rotateZ(270deg) scale(1.04);
-moz-transform: rotateZ(270deg) scale(1.04);
-ms-transform: rotateZ(270deg) scale(1.04);
-o-transform: rotateZ(270deg) scale(1.04);
transform: rotateZ(270deg) scale(1.04);
bottom: 0;
left: 0; }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-3:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
background-color: rgba(var(--primary-color-rgb), 1); }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-4 {
-webkit-transform: rotateZ(180deg) scale(1.05);
-khtml-transform: rotateZ(180deg) scale(1.05);
-moz-transform: rotateZ(180deg) scale(1.05);
-ms-transform: rotateZ(180deg) scale(1.05);
-o-transform: rotateZ(180deg) scale(1.05);
transform: rotateZ(180deg) scale(1.05);
bottom: 0;
right: 0; }
#pxl-loadding.style-insurance .pxl-loader-effect .pxl-leaf-4:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
background-color: rgba(var(--primary-color-rgb), 0.75); }
#pxl-loadding.style-law {
background-color: #fff; }
#pxl-loadding.style-law .pxl-loader-text {
font-size: 160px;
line-height: 1;
color: var(--primary-color);
font-family: var(--heading-font-family); }
#pxl-loadding.style-law .pxl-loader-holder {
display: inline-flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden; }
#pxl-loadding.style-law .pxl-loader-holder .pxl-loader-text {
font-weight: 500; }
#pxl-loadding.style-law .pxl-loader-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
background-color: #fff;
animation: pxl_reveal 2.5s ease infinite; }
#pxl-loadding.style-beehive {
background-color: #fff; }
#pxl-loadding.style-beehive .socket {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
margin-left: -100px;
top: 50%;
margin-top: -100px; }
#pxl-loadding.style-beehive .hex-brick {
background: var(--primary-color);
width: 30px;
height: 17px;
position: absolute;
top: 5px;
animation-name: fade00;
animation-duration: 2s;
animation-iteration-count: infinite;
-webkit-animation-name: fade00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite; }
#pxl-loadding.style-beehive .h2 {
transform: rotate(60deg);
-webkit-transform: rotate(60deg); }
#pxl-loadding.style-beehive .h3 {
transform: rotate(-60deg);
-webkit-transform: rotate(-60deg); }
#pxl-loadding.style-beehive .gel {
height: 30px;
width: 30px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
position: absolute;
top: 50%;
left: 50%; }
#pxl-loadding.style-beehive .center-gel {
margin-left: -15px;
margin-top: -15px;
animation-name: pulse00;
animation-duration: 2s;
animation-iteration-count: infinite;
-webkit-animation-name: pulse00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite; }
#pxl-loadding.style-beehive .c1 {
margin-left: -47px;
margin-top: -15px; }
#pxl-loadding.style-beehive .c2 {
margin-left: -31px;
margin-top: -43px; }
#pxl-loadding.style-beehive .c3 {
margin-left: 1px;
margin-top: -43px; }
#pxl-loadding.style-beehive .c4 {
margin-left: 17px;
margin-top: -15px; }
#pxl-loadding.style-beehive .c5 {
margin-left: -31px;
margin-top: 13px; }
#pxl-loadding.style-beehive .c6 {
margin-left: 1px;
margin-top: 13px; }
#pxl-loadding.style-beehive .c7 {
margin-left: -63px;
margin-top: -43px; }
#pxl-loadding.style-beehive .c8 {
margin-left: 33px;
margin-top: -43px; }
#pxl-loadding.style-beehive .c9 {
margin-left: -15px;
margin-top: 41px; }
#pxl-loadding.style-beehive .c10 {
margin-left: -63px;
margin-top: 13px; }
#pxl-loadding.style-beehive .c11 {
margin-left: 33px;
margin-top: 13px; }
#pxl-loadding.style-beehive .c12 {
margin-left: -15px;
margin-top: -71px; }
#pxl-loadding.style-beehive .c13 {
margin-left: -47px;
margin-top: -71px; }
#pxl-loadding.style-beehive .c14 {
margin-left: 17px;
margin-top: -71px; }
#pxl-loadding.style-beehive .c15 {
margin-left: -47px;
margin-top: 41px; }
#pxl-loadding.style-beehive .c16 {
margin-left: 17px;
margin-top: 41px; }
#pxl-loadding.style-beehive .c17 {
margin-left: -79px;
margin-top: -15px; }
#pxl-loadding.style-beehive .c18 {
margin-left: 49px;
margin-top: -15px; }
#pxl-loadding.style-beehive .c19 {
margin-left: -63px;
margin-top: -99px; }
#pxl-loadding.style-beehive .c20 {
margin-left: 33px;
margin-top: -99px; }
#pxl-loadding.style-beehive .c21 {
margin-left: 1px;
margin-top: -99px; }
#pxl-loadding.style-beehive .c22 {
margin-left: -31px;
margin-top: -99px; }
#pxl-loadding.style-beehive .c23 {
margin-left: -63px;
margin-top: 69px; }
#pxl-loadding.style-beehive .c24 {
margin-left: 33px;
margin-top: 69px; }
#pxl-loadding.style-beehive .c25 {
margin-left: 1px;
margin-top: 69px; }
#pxl-loadding.style-beehive .c26 {
margin-left: -31px;
margin-top: 69px; }
#pxl-loadding.style-beehive .c27 {
margin-left: -79px;
margin-top: -15px; }
#pxl-loadding.style-beehive .c28 {
margin-left: -95px;
margin-top: -43px; }
#pxl-loadding.style-beehive .c29 {
margin-left: -95px;
margin-top: 13px; }
#pxl-loadding.style-beehive .c30 {
margin-left: 49px;
margin-top: 41px; }
#pxl-loadding.style-beehive .c31 {
margin-left: -79px;
margin-top: -71px; }
#pxl-loadding.style-beehive .c32 {
margin-left: -111px;
margin-top: -15px; }
#pxl-loadding.style-beehive .c33 {
margin-left: 65px;
margin-top: -43px; }
#pxl-loadding.style-beehive .c34 {
margin-left: 65px;
margin-top: 13px; }
#pxl-loadding.style-beehive .c35 {
margin-left: -79px;
margin-top: 41px; }
#pxl-loadding.style-beehive .c36 {
margin-left: 49px;
margin-top: -71px; }
#pxl-loadding.style-beehive .c37 {
margin-left: 81px;
margin-top: -15px; }
#pxl-loadding.style-beehive .r1 {
animation-name: pulse00;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.2s;
-webkit-animation-name: pulse00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0.2s; }
#pxl-loadding.style-beehive .r2 {
animation-name: pulse00;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.4s;
-webkit-animation-name: pulse00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0.4s; }
#pxl-loadding.style-beehive .r3 {
animation-name: pulse00;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.6s;
-webkit-animation-name: pulse00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0.6s; }
#pxl-loadding.style-beehive .r1 > .hex-brick {
animation-name: fade00;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.2s;
-webkit-animation-name: fade00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0.2s; }
#pxl-loadding.style-beehive .r2 > .hex-brick {
animation-name: fade00;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.4s;
-webkit-animation-name: fade00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0.4s; }
#pxl-loadding.style-beehive .r3 > .hex-brick {
animation-name: fade00;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.6s;
-webkit-animation-name: fade00;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0.6s; }
@keyframes pulse00 {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.01);
transform: scale(0.01); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes fade00 {
0% {
background: var(--primary-color); }
50% {
background: var(--primary-color); }
100% {
background: var(--primary-color); } }
@-webkit-keyframes pxl_reveal {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%); } }
@keyframes pxl_reveal {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%); } } .preloaded .loader_line:after {
opacity: 0;
visibility: hidden; }
.preloaded .loader_line {
opacity: 0;
visibility: hidden;
height: 100% !important; }
.preloaded:before, .preloaded:after {
-webkit-animation: preloadedzero 300ms linear 500ms forwards;
-khtml-animation: preloadedzero 300ms linear 500ms forwards;
-moz-animation: preloadedzero 300ms linear 500ms forwards;
-ms-animation: preloadedzero 300ms linear 500ms forwards;
-o-animation: preloadedzero 300ms linear 500ms forwards;
animation: preloadedzero 300ms linear 500ms forwards; }
.pxl-swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
z-index: 0; }
.pxl-swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.pxl-swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
opacity: 0;
visibility: hidden;
-webkit-animation: fadeOut 300ms linear 1 forwards;
-khtml-animation: fadeOut 300ms linear 1 forwards;
-moz-animation: fadeOut 300ms linear 1 forwards;
-ms-animation: fadeOut 300ms linear 1 forwards;
-o-animation: fadeOut 300ms linear 1 forwards;
animation: fadeOut 300ms linear 1 forwards; }
.pxl-swiper-slide.swiper-slide-visible {
opacity: 1;
visibility: visible;
-webkit-animation: fadeIn 300ms linear 1 forwards;
-khtml-animation: fadeIn 300ms linear 1 forwards;
-moz-animation: fadeIn 300ms linear 1 forwards;
-ms-animation: fadeIn 300ms linear 1 forwards;
-o-animation: fadeIn 300ms linear 1 forwards;
animation: fadeIn 300ms linear 1 forwards; }
.pxl-swiper-slide.swiper-slide-active {
opacity: 1;
visibility: visible;
-webkit-animation: fadeIn 300ms linear 1 forwards;
-khtml-animation: fadeIn 300ms linear 1 forwards;
-moz-animation: fadeIn 300ms linear 1 forwards;
-ms-animation: fadeIn 300ms linear 1 forwards;
-o-animation: fadeIn 300ms linear 1 forwards;
animation: fadeIn 300ms linear 1 forwards; }
.pxl-swiper-slide.always-visible {
opacity: 1 !important;
visibility: visible !important; }
.swiper-slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
.swiper-slide > * {
max-width: 100%; }
.non-swiper-slide {
display: none; }
.swiper-container-multirow-column > .pxl-swiper-wrapper {
flex-wrap: wrap;
flex-direction: column; }
.swiper-container-multirow-column > .pxl-swiper-wrapper .pxl-swiper-slide {
height: calc((100% - 40px) / 2); }
.swiper-container-multirow-row > .pxl-swiper-wrapper {
flex-wrap: wrap;
flex-direction: row; }
.swiper-container-multirow-row > .pxl-swiper-wrapper .pxl-swiper-slide {
height: calc((100% - 40px) / 2); }
.swiper-container-vertical > .pxl-swiper-wrapper {
flex-direction: column; }
.swiper-slide img {
display: block;
width: 100%;
height: 100%; }
.swiper-container-cube .swiper-cube-shadow {
display: none;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
visibility: hidden; }
.pxl-swiper-arrows.style-default .pxl-swiper-arrow {
font-size: 22px;
width: 54px;
height: 54px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
cursor: pointer;
color: var(--additional03-color);
background-color: rgba(var(--additional03-color-rgb), 0.1);
transition: all 450ms ease; }
.pxl-swiper-arrows.style-default .pxl-swiper-arrow:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--additional03-color);
opacity: 0;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
transition: all 450ms ease; }
.pxl-swiper-arrows.style-default .pxl-swiper-arrow:hover {
background-color: var(--additional03-color);
color: #fff; }
.pxl-swiper-arrows.style-default .pxl-swiper-arrow:hover:before {
transform: translate(-50%, -50%) scale(1.3);
opacity: 0.25; }
.pxl-swiper-arrows .pxl-swiper-arrow.swiper-button-disabled {
cursor: not-allowed; }
.pxl-swiper-arrow {
position: relative; }
.nav-vertical-in .pxl-swiper-arrow, .nav-vertical-out .pxl-swiper-arrow {
position: absolute;
top: 49%;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.nav-vertical-in .pxl-swiper-arrow-prev {
left: 30px; }
.nav-vertical-in .pxl-swiper-arrow-next {
right: 30px; }
.nav-vertical-out .pxl-swiper-arrow-prev {
left: -115px; }
@media (max-width: 1599px) {
.nav-vertical-out .pxl-swiper-arrow-prev {
left: -70px; } }
@media (max-width: 1499px) {
.nav-vertical-out .pxl-swiper-arrow-prev {
left: -50px; } }
@media (max-width: 1300px) {
.nav-vertical-out .pxl-swiper-arrow-prev {
left: -26px; } }
@media (max-width: 1199px) {
.nav-vertical-out .pxl-swiper-arrow-prev {
left: 15px;
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; } }
.nav-vertical-out .pxl-swiper-arrow-next {
right: -115px; }
@media (max-width: 1599px) {
.nav-vertical-out .pxl-swiper-arrow-next {
right: -70px; } }
@media (max-width: 1499px) {
.nav-vertical-out .pxl-swiper-arrow-next {
right: -50px; } }
@media (max-width: 1300px) {
.nav-vertical-out .pxl-swiper-arrow-next {
right: -26px; } }
@media (max-width: 1199px) {
.nav-vertical-out .pxl-swiper-arrow-next {
right: 15px;
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; } }
@media (min-width: 1200px) {
.nav-vertical-out.arrow-on-hover .pxl-swiper-arrow-prev {
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; }
.nav-vertical-out.arrow-on-hover .pxl-swiper-arrow-next {
opacity: 0;
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; } }
.nav-horizontal {
padding-top: 60px;
display: flex;
justify-content: center; }
.nav-horizontal .pxl-swiper-arrow-prev, .nav-horizontal .pxl-swiper-arrow-next {
margin: 0 10px; }
@media (max-width: 1199px) {
.pxl-swiper-slider:hover .nav-vertical-out .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-vertical-out .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-vertical-out .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-vertical-out .pxl-swiper-arrow-next {
opacity: 1; } }
@media (min-width: 1200px) {
.pxl-swiper-slider:hover .nav-vertical-out.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:hover .nav-vertical-out.arrow-on-hover .pxl-swiper-arrow-next, .pxl-swiper-slider:focus .nav-vertical-out.arrow-on-hover .pxl-swiper-arrow-prev, .pxl-swiper-slider:focus .nav-vertical-out.arrow-on-hover .pxl-swiper-arrow-next {
opacity: 1; } }
.pxl-swiper-dots {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 35px; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet {
text-align: center;
cursor: pointer;
position: relative;
width: 20px;
height: 20px;
display: block;
margin: 0 5px;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet > * {
max-width: 100%; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet:after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #151B2B;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet:first-child {
margin-left: 0; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet:last-child {
margin-right: 0; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 86px; }
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover:after, .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color); }
.post-boder-content {
padding: 44px 31px 31px 29px;
position: relative; }
.post-boder-content .post-author {
margin-right: 26px; }
.post-boder-content .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 0;
position: relative;
z-index: 1; }
.post-boder-content .item-title:hover a {
color: var(--primary-color); }
.post-boder-content .post-metas {
z-index: 1; }
.post-boder-content .post-category {
display: flex; }
.post-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05); }
.post-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
background-color: #fff; }
.post-boder-content .border-cate-icon {
display: flex;
width: 100%;
border-top: 1px solid rgba(21, 27, 43, 0.1);
padding-top: 13px;
margin-top: 25px;
justify-content: space-between;
position: relative;
z-index: 1; }
.post-boder-content .border-cate-icon .icon-url {
transform: translateY(33px); }
.post-boder-content .border-cate-icon .pxli-icon-mailchimp {
background-color: var(--heading-color);
width: 50px;
height: 50px;
font-size: 20px; }
.post-boder-content .border-cate-icon .pxli-icon-mailchimp::before {
color: #fff; }
.post-boder-content .border-cate-icon .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.post-boder-content .border-cate-icon .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
form label {
color: var(--heading-color);
font-size: 15px;
max-width: 100%;
margin-bottom: 5px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input:-moz-placeholder, textarea:-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input::-moz-placeholder, textarea::-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input[type="search"]::-webkit-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input[type="search"]:-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input[type="search"]::-moz-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input[type="search"]:-ms-input-placeholder {
color: var(--heading-color);
font-size: 14px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
height: 30px;
margin-top: 15px;
cursor: pointer;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px; }
.pxl-input-number-spin {
width: 19px;
height: 25px;
background: #ffffff;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px;
position: absolute;
top: 12px;
right: 20px; }
[dir="rtl"] .pxl-input-number-spin {
left: 20px;
right: auto; }
.pxl-input-number-spin-inner {
cursor: pointer;
width: 19px;
height: 12.5px;
position: relative;
display: block; }
.pxl-input-number-spin-inner:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
border-style: solid;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.pxl-input-number-spin-inner.pxl-input-number-spin-up:before {
border-width: 0 3.5px 4px 3.5px;
border-color: transparent transparent var(--primary-color) transparent; }
.pxl-input-number-spin-inner.pxl-input-number-spin-down:before {
border-width: 4px 3.5px 0 3.5px;
border-color: var(--primary-color) transparent transparent transparent; }
input::-webkit-calendar-picker-indicator {
opacity: 0;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
text-align: start;
padding: 0;
margin: 0; }
input::-webkit-datetime-edit {
text-align: start;
width: 100%; }
input[type="search" i]::-webkit-search-cancel-button {
opacity: 0;
display: none; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .select2-container.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #dadada;
color: var(--heading-color);
padding: 25px 30px;
height: 50px;
line-height: 52px;
font-size: 14px;
font-weight: 400;
text-align: start;
outline: none;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, input[type="range"]:hover, input[type="range"]:focus, input[type="range"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:hover, input[type="month"]:focus, input[type="month"]:active, input[type="week"]:hover, input[type="week"]:focus, input[type="week"]:active, input[type="time"]:hover, input[type="time"]:focus, input[type="time"]:active, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="color"]:hover, input[type="color"]:focus, input[type="color"]:active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, select:active, .select2-container.select2-container--default .select2-selection--single:hover, .select2-container.select2-container--default .select2-selection--single:focus, .select2-container.select2-container--default .select2-selection--single:active {
background-color: #fff;
border-color: var(--primary-color); }
[dir="rtl"] input[type="text"], [dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"], [dir="rtl"] input[type="password"], [dir="rtl"] input[type="search"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="number"], [dir="rtl"] input[type="range"], [dir="rtl"] input[type="date"], [dir="rtl"] input[type="month"], [dir="rtl"] input[type="week"], [dir="rtl"] input[type="time"], [dir="rtl"] input[type="datetime"], [dir="rtl"] input[type="datetime-local"], [dir="rtl"] input[type="color"], [dir="rtl"] textarea, [dir="rtl"] select, [dir="rtl"] .select2-container.select2-container--default .select2-selection--single {
-webkit-border-radius: 52px;
-khtml-border-radius: 52px;
-moz-border-radius: 52px;
-ms-border-radius: 52px;
-o-border-radius: 52px;
border-radius: 52px; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="date"] {
width: 100%; }
select, .pxl-time, .pxl-date {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g fill='black'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></g></svg>");
background-repeat: no-repeat;
background-position-x: 96%;
background-position-y: 50%;
line-height: 1;
padding-right: 30px !important;
width: 100%;
background-size: 15px;
cursor: pointer; }
[dir="rtl"] select, [dir="rtl"] .pxl-time, [dir="rtl"] .pxl-date {
background-position: 10px 50%;
padding-right: 22px;
padding-left: 30px; }
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
height: 100px;
min-height: 110px;
padding-top: 11px;
line-height: normal;
resize: vertical; }
input, select, textarea {
vertical-align: top;
position: relative; }
.pxl-select form {
position: relative;
background-color: #fff;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px; }
.pxl-select select {
height: 52px;
line-height: 37px;
font-size: 15px;
background-color: transparent;
position: relative;
z-index: 99;
-webkit-appearance: none;
-khtml-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none; }
.pxl-select i {
position: absolute;
right: 14px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-khtml-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
transform: translate(0px, -50%); }
.pxl-custom-checkbox, .pxl-custom-radio {
position: relative;
margin-right: 5px;
width: 17px;
height: 17px;
display: inline-block; }
[dir="rtl"] .pxl-custom-checkbox, [dir="rtl"] .pxl-custom-radio {
margin-right: 0;
margin-left: 5px; }
.pxl-custom-checkbox input[type="checkbox"], .pxl-custom-checkbox .pxl-checkmark, .pxl-custom-radio input[type="checkbox"], .pxl-custom-radio .pxl-checkmark {
width: 17px;
height: 17px;
display: inline-block;
padding: 0;
margin: 0; }
.pxl-custom-checkbox input, .pxl-custom-radio input {
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0; }
.pxl-custom-checkbox input:checked + .pxl-checkmark:after, .pxl-custom-radio input:checked + .pxl-checkmark:after {
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1; }
.pxl-custom-checkbox .pxl-checkmark, .pxl-custom-radio .pxl-checkmark {
position: absolute;
top: 0;
left: 0;
border: 2px solid #dadada;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px; }
.pxl-custom-checkbox .pxl-checkmark:after, .pxl-custom-radio .pxl-checkmark:after {
content: "";
background-color: var(--primary-color);
position: absolute;
top: 3px;
left: 3px;
width: 7px;
height: 7px;
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0; }
.pxl-custom-checkbox + label, .pxl-custom-radio + label {
display: inline-block; }
.pxl-custom-radio input:checked + .pxl-checkmark {
border-color: var(--primary-color); }
.pxl-custom-radio input:checked + .pxl-checkmark:after {
background-color: var(--primary-color); }
.pxl-custom-radio .pxl-checkmark {
margin-top: 3px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.pxl-custom-radio .pxl-checkmark:after {
background-color: #dadada;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1; }
.pxl-custom-checkbox {
-webkit-transform: translate(0, 3px);
-khtml-transform: translate(0, 3px);
-moz-transform: translate(0, 3px);
-ms-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
transform: translate(0, 3px); }
#ui-datepicker-div {
padding: 22px;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 26px;
-khtml-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
border-radius: 26px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
position: absolute;
top: -9999px;
min-width: 300px;
z-index: 10001 !important; }
#ui-datepicker-div .ui-datepicker-header {
position: relative; }
#ui-datepicker-div .ui-datepicker-header .ui-corner-all {
display: block;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
padding: 0; }
#ui-datepicker-div .ui-datepicker-header .ui-corner-all:before {
left: 0;
position: absolute;
right: 0;
top: 0; }
#ui-datepicker-div .ui-datepicker-header .ui-corner-all span {
display: none; }
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
left: 0; }
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
right: 0; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
line-height: 30px;
margin-bottom: 10px;
min-height: 40px;
text-align: center;
text-transform: uppercase; }
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span {
display: inline-block;
vertical-align: middle;
line-height: 1; }
#ui-datepicker-div .ui-datepicker-calendar {
margin: 0;
width: 100%; }
#ui-datepicker-div .ui-datepicker-calendar th {
text-align: center; }
#ui-datepicker-div .ui-datepicker-calendar td {
text-align: center;
padding: 6px; }
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled {
color: rgba(0, 0, 0, 0.2); }
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 15px !important;
right: 15px !important;
height: 20px; }
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
right: auto !important;
left: 15px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #707070; }
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0; }
.select2-container.select2-container--woo-search-cat {
margin-right: 10px; }
.select2-container.select2-container--woo-search-cat .select2-selection--single {
background-color: transparent;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: none;
font-size: 13px;
line-height: 32px;
letter-spacing: 0.04em;
color: #fff;
margin: 0;
height: 55px;
border: 0;
padding: 0 24px;
position: relative;
border-bottom: 1px solid #fff; }
.select2-container.select2-container--woo-search-cat .select2-selection--single .select2-selection__rendered {
color: var(--heading-color);
padding-left: 0;
padding-right: 0;
height: 48px;
line-height: 48px; }
.select2-container.select2-container--woo-search-cat .select2-selection--single .select2-selection__arrow {
position: absolute;
line-height: 1;
right: 16px;
top: 50%;
margin-top: -6px; }
.select2-container.select2-container--woo-search-cat .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
line-height: 1;
display: inline-block; }
.select2-container--woo-search-cat .select2-dropdown {
border-color: #dadada; }
.select2-container--woo-search-cat .select2-search input {
height: 32px; }
.select2-container--woo-search-cat .select2-results > .select2-results__options {
max-height: 250px;
overflow-y: auto; }
.select2-container--woo-search-cat .select2-results__option {
padding: 2px 15px;
font-size: 13px;
line-height: 32px;
letter-spacing: 0.04em;
color: var(--heading-color); }
.wpcf7-form .wpcf7-form-control-wrap {
display: block; }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none; }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid {
border-color: #f13c3c !important; }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control {
padding: 24px 29px; box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 24px; }
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control:active, .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control:focus {
box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.3); }
.wpcf7-form .wpcf7-form-control-wrap .contact-mess {
padding-top: 11px;
resize: none; }
.wpcf7-form .contact-support {
margin-bottom: 43px; }
.wpcf7-form .contact-support span {
color: #4CAB3F; }
.wpcf7-form .contact-submit {
padding: 22px 2px 22px 30px;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
background-color: var(--heading-color); }
.wpcf7-form .contact-submit .pxli-icon-mailchimp {
font-size: 22px;
opacity: 0;
transform: translateX(0);
transition: all 300ms ease 0s; }
.wpcf7-form .contact-submit:hover {
background-color: var(--primary-color); }
.wpcf7-form .contact-submit:hover .pxli-icon-mailchimp {
opacity: 1;
transform: translateX(9px);
padding-right: 28px; }
.wpcf7-form .wpcf7-response-output {
border: medium none !important;
font-style: italic;
padding: 0 !important;
margin: 20px 0 15px !important;
color: #f13c3c; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #398f14; }
@media (max-width: 767px) {
.wpcf7-form .pxl-button-wrapper {
margin-right: 0 !important; } }
.wpcf7-form .wpcf7-submit {
margin-top: 7px;
transition: all 300ms ease 0s; }
.wpcf7-form .ajax-loader {
display: none !important; }
.wpcf7-form .wpcf7-list-item {
margin: 2px 30px 0 0;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: baseline;
position: relative; }
.wpcf7-form .wpcf7-list-item > * {
max-width: 100%; }
@media (max-width: 767px) {
.wpcf7-form .wpcf7-list-item {
margin-bottom: 10px; } }
.wpcf7-form .wpcf7-list-item input[type="radio"], .wpcf7-form .wpcf7-list-item input[type="checkbox"] {
opacity: 0;
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
cursor: pointer; }
.wpcf7-form .wpcf7-list-item input[type="radio"] + span, .wpcf7-form .wpcf7-list-item input[type="checkbox"] + span {
display: block;
position: relative;
padding-left: 22px;
font-size: 16px;
color: var(--heading-color); }
.wpcf7-form .wpcf7-list-item input[type="radio"] + span::before, .wpcf7-form .wpcf7-list-item input[type="checkbox"] + span::before {
content: "";
position: absolute;
left: 0;
top: 0.3em;
cursor: pointer;
display: block;
width: 15px;
height: 15px;
border: 1px solid #bebebe;
background-color: #fff; }
.wpcf7-form .wpcf7-list-item input[type="radio"] + span::after, .wpcf7-form .wpcf7-list-item input[type="checkbox"] + span::after {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 12px;
display: inline-block;
position: absolute;
left: 3px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-weight: bold;
background-color: transparent; }
.wpcf7-form .wpcf7-list-item input[type="radio"]:checked + span::before, .wpcf7-form .wpcf7-list-item input[type="checkbox"]:checked + span::before {
background-color: var(--secondary-color);
border-color: var(--secondary-color); }
.wpcf7-form .wpcf7-list-item input[type="radio"]:checked + span::after, .wpcf7-form .wpcf7-list-item input[type="checkbox"]:checked + span::after {
content: ""; }
.wpcf7-form .dark-background .wpcf7-list-item .wpcf7-list-item-label {
color: #ededed;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.wpcf7-form .dark-background .wpcf7-list-item input[type="radio"] + span::before, .wpcf7-form .dark-background .wpcf7-list-item input[type="checkbox"] + span::before {
background-color: #fff;
border-color: transparent; }
.wpcf7-form .dark-background .wpcf7-list-item input[type="radio"] + span::after, .wpcf7-form .dark-background .wpcf7-list-item input[type="checkbox"] + span::after {
color: var(--secondary-color); }
.wpcf7-form input[type="date"]::-webkit-calendar-picker-indicator {
background: transparent;
z-index: 1; }
.pxl-search-form-popup {
max-width: 750px;
margin: 0 auto; }
.pxl-search-popup-inner .cat-search-wrap {
flex: 0 0 173px;
width: 173px;
max-width: 173px; }
.pxl-search-popup-inner .text-search-wrap {
position: relative; }
.pxl-search-popup-inner .text-search-wrap .search-field {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
padding-left: 0;
padding-right: 48px;
border: 0;
color: #ffffff;
background-color: transparent;
border-bottom: 1px solid #fff; }
.pxl-search-popup-inner .text-search-wrap .search-field:hover, .pxl-search-popup-inner .text-search-wrap .search-field:focus, .pxl-search-popup-inner .text-search-wrap .search-field:active {
border-color: var(--primary-color) !important;
background-color: transparent; }
.pxl-search-popup-inner .text-search-wrap input::-webkit-input-placeholder {
color: #fff; }
.pxl-search-popup-inner .text-search-wrap .search-submit {
width: 48px;
padding: 0;
margin: 0;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
background: transparent;
border: 0;
font-size: 20px;
color: #fff; }
.pxl-search-popup-inner .text-search-wrap .search-submit:hover {
color: var(--primary-color); }
.pxl-search-popup-inner .text-search-wrap .pxl-svg {
position: absolute;
right: 16px;
top: 50%;
margin-top: -8px; }
.pxl-search-popup-inner .text-search-wrap .search-submit:hover .pxl-svg path {
fill: var(--primary-color); }
#pxl-search-popup-normal .pxl-search-popup-inner .text-search-wrap .search-submit {
right: 0; }
.search-no-results .pxl-content-area .search-form {
position: relative; }
.search-no-results .pxl-content-area .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
border: none;
color: #282828;
background-color: transparent;
padding: 0 20px; }
.search-no-results .pxl-content-area .search-form .search-submit .pxli-search-400 {
font-size: 18px; }
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
box-sizing: border-box;
outline: none;
text-decoration: none;
vertical-align: bottom; }
.button:hover, .button:active, .button:focus, button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
cursor: pointer; }
.button:visited, button:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited {
text-decoration: none; }
.button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
outline: none;
outline-offset: 0; }
.btn, button, .button, input[type="submit"], input[type="button"], .added_to_cart {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "Yantramanav", sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
padding: 5px 35px;
border-radius: 0;
background-color: var(--primary-color);
color: #fff;
line-height: 40px;
text-transform: uppercase;
outline: none;
cursor: pointer;
vertical-align: top;
border: none;
text-align: center;
text-decoration: none;
overflow: hidden;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-transition: all 250ms linear 0s;
-khtml-transition: all 250ms linear 0s;
-moz-transition: all 250ms linear 0s;
-ms-transition: all 250ms linear 0s;
-o-transition: all 250ms linear 0s;
transition: all 250ms linear 0s; }
.btn .pxl-button-icon, button .pxl-button-icon, .button .pxl-button-icon, input[type="submit"] .pxl-button-icon, input[type="button"] .pxl-button-icon, .added_to_cart .pxl-button-icon {
top: -1px; }
.btn span, button span, .button span, input[type="submit"] span, input[type="button"] span, .added_to_cart span {
position: relative;
z-index: 1;
display: inline-flex; }
.btn:active, .btn:hover, .btn:focus, button:active, button:hover, button:focus, .button:active, .button:hover, .button:focus, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:active, input[type="button"]:hover, input[type="button"]:focus, .added_to_cart:active, .added_to_cart:hover, .added_to_cart:focus {
background-color: var(--additional01-color);
color: #fff;
outline: medium none;
text-decoration: none; }
.btn.btn-fullwidth, button.btn-fullwidth, .button.btn-fullwidth, input[type="submit"].btn-fullwidth, input[type="button"].btn-fullwidth, .added_to_cart.btn-fullwidth {
width: 100%;
text-align: center;
justify-content: center; }
.btn.btn-outline, button.btn-outline, .button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline, .added_to_cart.btn-outline {
border: 1px solid var(--primary-color);
background-color: transparent;
color: var(--primary-color); }
.btn.btn-outline:hover, button.btn-outline:hover, .button.btn-outline:hover, input[type="submit"].btn-outline:hover, input[type="button"].btn-outline:hover, .added_to_cart.btn-outline:hover {
color: #fff;
border-color: var(--primary-color) !important; }
.btn.btn-secondary, button.btn-secondary, .button.btn-secondary, input[type="submit"].btn-secondary, input[type="button"].btn-secondary, .added_to_cart.btn-secondary {
background-color: var(--additional01-color);
border-color: var(--additional01-color); }
.btn.btn-secondary:hover, button.btn-secondary:hover, .button.btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="button"].btn-secondary:hover, .added_to_cart.btn-secondary:hover {
background-color: var(--primary-color); }
.rs-layer.btn.btn-gradient, .pxl-button-wrapper .btn.btn-gradient, .pxl-button-wrapper button.btn-gradient, .pxl-button-wrapper .button.btn-gradient, .comment-form button.btn-gradient {
position: relative;
background-color: var(--primary-color); }
.rs-layer.btn.btn-gradient:before, .pxl-button-wrapper .btn.btn-gradient:before, .pxl-button-wrapper button.btn-gradient:before, .pxl-button-wrapper .button.btn-gradient:before, .comment-form button.btn-gradient:before {
position: absolute;
content: "";
border-top: 5px solid #f62521;
border-left: 5px solid #f62521;
border-right: 5px solid #db0d09;
border-bottom: 5px solid #db0d09;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
transition: 0.5s; }
.rs-layer.btn.btn-gradient:hover, .pxl-button-wrapper .btn.btn-gradient:hover, .pxl-button-wrapper button.btn-gradient:hover, .pxl-button-wrapper .button.btn-gradient:hover, .comment-form button.btn-gradient:hover {
box-shadow: 7px 7px #910906, -7px -7px #f96d6a;
cursor: pointer; }
.rs-layer.btn.btn-gradient:hover:before, .pxl-button-wrapper .btn.btn-gradient:hover:before, .pxl-button-wrapper button.btn-gradient:hover:before, .pxl-button-wrapper .button.btn-gradient:hover:before, .comment-form button.btn-gradient:hover:before {
border: 0px; }
.rs-layer.btn.btn-gradient:hover .pxl-button-icon, .pxl-button-wrapper .btn.btn-gradient:hover .pxl-button-icon, .pxl-button-wrapper button.btn-gradient:hover .pxl-button-icon, .pxl-button-wrapper .button.btn-gradient:hover .pxl-button-icon, .comment-form button.btn-gradient:hover .pxl-button-icon {
opacity: 1;
transform: translateX(9px);
padding-right: 9px; }
.rs-layer.btn.btn-gradient .pxl-button-icon, .pxl-button-wrapper .btn.btn-gradient .pxl-button-icon, .pxl-button-wrapper button.btn-gradient .pxl-button-icon, .pxl-button-wrapper .button.btn-gradient .pxl-button-icon, .comment-form button.btn-gradient .pxl-button-icon {
opacity: 0;
transform: translateX(0);
transition: all 300ms ease 0s; }
.rs-layer.btn.btn-gradient .pxl-button-icon::before, .pxl-button-wrapper .btn.btn-gradient .pxl-button-icon::before, .pxl-button-wrapper button.btn-gradient .pxl-button-icon::before, .pxl-button-wrapper .button.btn-gradient .pxl-button-icon::before, .comment-form button.btn-gradient .pxl-button-icon::before {
position: absolute; }
.rs-layer.btn.btn-default .pxl-button-icon, .pxl-button-wrapper .btn.btn-default .pxl-button-icon, .pxl-button-wrapper button.btn-default .pxl-button-icon, .pxl-button-wrapper .button.btn-default .pxl-button-icon, .comment-form button.btn-default .pxl-button-icon {
overflow: hidden;
transition: transform 0.3s; }
.rs-layer.btn.btn-default:hover .pxl-button-icon::before, .pxl-button-wrapper .btn.btn-default:hover .pxl-button-icon::before, .pxl-button-wrapper button.btn-default:hover .pxl-button-icon::before, .pxl-button-wrapper .button.btn-default:hover .pxl-button-icon::before, .comment-form button.btn-default:hover .pxl-button-icon::before {
animation: toTopFromBottom-mail 0.3s forwards; }
.rs-layer.btn.btn-default:hover svg path, .pxl-button-wrapper .btn.btn-default:hover svg path, .pxl-button-wrapper button.btn-default:hover svg path, .pxl-button-wrapper .button.btn-default:hover svg path, .comment-form button.btn-default:hover svg path {
animation: toTopFromBottom-mail 0.3s forwards; }
.rs-layer.btn.btn-default svg, .pxl-button-wrapper .btn.btn-default svg, .pxl-button-wrapper button.btn-default svg, .pxl-button-wrapper .button.btn-default svg, .comment-form button.btn-default svg {
transition: transform 0.3s;
overflow: hidden; }
.btn.focus, .btn:focus {
outline: 0;
box-shadow: none; }
.btn-more {
font-family: var(--heading-font-family);
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
color: var(--additional02-color);
text-transform: uppercase; }
.btn-more > span {
position: relative;
z-index: 1; }
.btn-more > span:after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
width: 0;
transition: all 200ms linear;
transition-delay: 100ms;
border-bottom: 1px solid; }
.btn-more i {
font-size: 10px;
line-height: 1;
font-weight: 500;
margin-left: 5px;
transition: all 200ms linear;
position: relative;
bottom: 1px; }
.btn-more:hover > span:after {
width: 98%; }
.btn-more:hover i {
transform: translateX(10px);
opacity: 0; }
.btn-more.style-underline > span:after {
width: 100%; }
.btn-more.style-underline:hover > span:after {
width: 0; }
.item-readmore .btn i {
font-size: 14px;
line-height: 1;
font-weight: normal;
margin-left: 5px;
transition: all 300ms linear;
position: relative;
z-index: 1; }
.item-readmore .btn i.pxli-arrow-right-solid {
font-size: 10px;
margin-left: 7px; }
.btn-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 50px;
height: 50px;
background-color: var(--primary-color);
align-items: center;
justify-content: center; }
.btn-icon > * {
max-width: 100%; }
.btn-icon i {
font-size: 21px;
font-weight: normal;
transition: all 300ms linear;
color: #fff; }
.btn-icon:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-khtml-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
-ms-animation: toRightFromLeft 0.3s forwards;
-o-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards; }
.bt-more-plus {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 60px;
height: 60px;
background-color: var(--primary-color);
background-image: -webkit-gradient(linear, left top, right top, from(var(--primary-color)), to(var(--gradient01-color-from)));
background-image: -webkit-linear-gradient(180deg, var(--primary-color), var(--gradient01-color-from));
background-image: -moz-linear-gradient(180deg, var(--primary-color), var(--gradient01-color-from));
background-image: -ms-linear-gradient(180deg, var(--primary-color), var(--gradient01-color-from));
background-image: -o-linear-gradient(180deg, var(--primary-color), var(--gradient01-color-from));
background-image: linear-gradient(180deg, var(--primary-color), var(--gradient01-color-from));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--primary-color)", endColorStr="var(--gradient01-color-from)", gradientType="1");
align-items: center;
justify-content: center;
border-radius: 50%;
background-size: 150%; }
.bt-more-plus > * {
max-width: 100%; }
.bt-more-plus span {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 1px; }
.bt-more-plus span > * {
max-width: 100%; }
.bt-more-plus span:before, .bt-more-plus span:after {
content: "";
display: inline-block;
background-color: #fff;
transition: all 300ms ease-in-out 0s; }
.bt-more-plus .x-line {
transition: all 300ms ease-in-out 0s; }
.bt-more-plus .x-line:before {
width: 9px;
height: 2px; }
.bt-more-plus .x-line:after {
width: 9px;
height: 2px; }
.bt-more-plus .y-line {
flex-direction: column;
position: relative;
left: -9px;
transition: all 300ms ease-in-out 0s; }
.bt-more-plus .y-line:before {
width: 2px;
height: 9px; }
.bt-more-plus .y-line:after {
width: 2px;
height: 9px; }
.bt-more-plus:hover .x-line, .bt-more-plus:hover .y-line {
transform: rotate(180deg); }
@media (min-width: 1200px) {
.header-height {
height: 110px; } }
#pxl-header .header-container {
max-width: 1570px;
margin-left: auto;
margin-right: auto;
padding: 0 15px; }
.header-type-df .header-container .justify-content-between {
padding: 15px 0; } .header-main-menu > .elementor-container {
background-color: #fff;
-webkit-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb),0.15);
-khtml-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb),0.15);
-moz-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb),0.15);
-ms-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb),0.15);
-o-box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb),0.15);
box-shadow: 0px 10px 60px 0px rgba(var(--primary-color-rgb),0.15); }
.pxl-dropdown-mega .elementor-widget-image a:hover {
-webkit-transform: translateY(-10px);
-khtml-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.pxl-dropdown-mega .pxl-category-box-wrap .pxl-cat-img {
overflow: hidden; }
.pxl-dropdown-mega .pxl-category-box-wrap .pxl-cat-img img {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s linear;
-khtml-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
transition: all 0.6s linear; }
.pxl-dropdown-mega .pxl-category-box-wrap:hover .pxl-cat-img img {
-webkit-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); } .pxl-header-logo img {
max-height: 80px;
width: auto; }
.pxl-header-logo a {
display: block; }
@media (max-width: 1199px) {
.pxl-header-logo a {
padding-top: 10px;
padding-bottom: 10px; } } .pxl-header-transparent {
position: absolute;
left: 0;
right: 0;
z-index: 99; }
.pxl-header-transparent .header-main-menu > .elementor-container {
background-color: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.pxl-header-transparent .pxl-primary-menu > li:before {
background-color: var(--transparent-hover); }
.pxl-header-transparent .pxl-primary-menu > li:hover:before {
background-color: var(--primary-color); }
.pxl-header-transparent .pxl-primary-menu > li:hover > .main-menu-toggle:before {
transform: rotateX(-180deg); }
.pxl-header-transparent .menu-color {
color: var(--transparent-regular); }
.pxl-header-transparent .menu-color:hover {
color: var(--transparent-hover); }
.header-layout-df.h-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 999;
transition: all 0.6s cubic-bezier(0.5, 0.5, 0.5, 1);
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); }
.pxl-header-sticky, .pxl-header-mobile-sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 999;
-webkit-transform: translateY(-100%);
-khtml-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 0.55s cubic-bezier(0.6, 0.5, 0.5, 1) !important;
visibility: hidden;
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); }
.pxl-header-sticky.h-fixed, .pxl-header-sticky.mh-fixed, .pxl-header-mobile-sticky.h-fixed, .pxl-header-mobile-sticky.mh-fixed {
-webkit-transform: translateY(0%);
-khtml-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
visibility: visible; }
.pxl-header-main-sticky, .pxl-header-mobile-main-sticky {
-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); }
.pxl-header-main-sticky.h-fixed, .pxl-header-main-sticky.mh-fixed, .pxl-header-mobile-main-sticky.h-fixed, .pxl-header-mobile-main-sticky.mh-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 999;
-webkit-animation: stickyDown 600ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s forwards;
-khtml-animation: stickyDown 600ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s forwards;
-moz-animation: stickyDown 600ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s forwards;
-ms-animation: stickyDown 600ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s forwards;
-o-animation: stickyDown 600ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s forwards;
animation: stickyDown 600ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s forwards; }
.pxl-header-mobile .header-main-mobile {
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
.pxl-header-mobile.mh-fixed .header-main-mobile {
position: fixed;
left: 0;
top: 0;
right: 0;
-webkit-animation: 0.95s linear 0s normal forwards 1 running headerSlideDown;
-khtml-animation: 0.95s linear 0s normal forwards 1 running headerSlideDown;
-moz-animation: 0.95s linear 0s normal forwards 1 running headerSlideDown;
-ms-animation: 0.95s linear 0s normal forwards 1 running headerSlideDown;
-o-animation: 0.95s linear 0s normal forwards 1 running headerSlideDown;
animation: 0.95s linear 0s normal forwards 1 running headerSlideDown; }
.logged-in .h-fixed, .logged-in .mh-fixed {
top: 32px; }
@media screen and (max-width: 782px) {
.logged-in .h-fixed, .logged-in .mh-fixed {
top: 46px; } }
@media screen and (max-width: 600px) {
.logged-in .h-fixed, .logged-in .mh-fixed {
top: 0; } }
.main-menu-mobile .btn-nav-mobile {
display: inline-block;
height: 21px;
width: 22px;
cursor: pointer;
position: relative;
vertical-align: middle;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.main-menu-mobile .btn-nav-mobile:before, .main-menu-mobile .btn-nav-mobile:after, .main-menu-mobile .btn-nav-mobile span {
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
content: "";
background-color: var(--additional01-color);
display: block;
height: 3px;
left: 0;
right: 0; }
.main-menu-mobile .btn-nav-mobile:hover:before, .main-menu-mobile .btn-nav-mobile:hover:after, .main-menu-mobile .btn-nav-mobile:hover span {
background-color: var(--primary-color); }
.main-menu-mobile .btn-nav-mobile span {
margin: 6px 0; }
.main-menu-mobile .btn-nav-mobile.opened:before {
top: 8px;
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.main-menu-mobile .btn-nav-mobile.opened:after {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 8px; }
.main-menu-mobile .btn-nav-mobile.opened span {
display: none; }
a.logo-mobile {
padding-top: 10px;
padding-bottom: 10px;
display: block;
max-width: var(--logo-mobile_width); }
@media (max-width: 1199px) {
.pxl-header-mobile .pxl-header-logo img, .header-mobile-type-df .pxl-header-logo img {
width: var(--logo-mobile_width); }
.pxl-header-mobile .mobile-menu-toggle .bars, .header-mobile-type-df .mobile-menu-toggle .bars {
line-height: 1;
cursor: pointer; }
.pxl-header-mobile .mobile-menu-toggle .bars span, .header-mobile-type-df .mobile-menu-toggle .bars span {
width: 30px;
height: 3px;
background-color: var(--secondary-color);
display: block;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.pxl-header-mobile .mobile-menu-toggle .bars span:nth-child(2), .header-mobile-type-df .mobile-menu-toggle .bars span:nth-child(2) {
margin: 7px 0; }
.pxl-header-mobile .mobile-menu-toggle .bars:hover span, .header-mobile-type-df .mobile-menu-toggle .bars:hover span {
background-color: var(--primary-color); }
.header-mobile-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center; }
.header-mobile-content > * {
max-width: 100%; }
.pxl-header-mobile-transparent .pxl-header-mobile .header-top-mobile {
background-color: transparent; }
.pxl-header-mobile-transparent .pxl-header-mobile:not(.mh-fixed) .header-main-mobile {
background-color: transparent; }
.pxl-header-mobile-transparent .pxl-header-mobile .header-main-mobile {
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; } }
#pxl-header {
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
#pxl-header .pxl-header-main {
position: relative;
z-index: 999; }
.header-layout-404 .pxl-header-attrs a {
color: var(--heading-color); }
.header-layout-404 .pxl-header-attrs a:hover {
color: var(--link-color-hover); }
@media (min-width: 576px) {
.header-layout-404 .pxl-search {
width: 55px;
height: 55px; } }
@media (min-width: 576px) {
.header-layout-404 .side-panel {
background-color: var(--primary-color);
width: 55px;
height: 55px; } }
.header-layout-404 .side-panel .pxl-bars span {
width: 30px;
height: 3px;
background-color: #fff;
display: block;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.header-layout-404 .side-panel .pxl-bars span:nth-child(2) {
margin: 7px 0; }
@media (max-width: 575px) {
.header-layout-404 .side-panel .pxl-bars span {
background-color: var(--secondary-color); } }
.header-layout-404 .side-panel:hover {
background-color: var(--secondary-color); }
@media (min-width: 1200px) {
.pxl-primary-menu {
padding: 0;
margin: 0;
list-style: none; }
.pxl-primary-menu li {
position: relative;
padding: 0; }
.pxl-primary-menu ul, .pxl-primary-menu ol {
list-style: none;
padding: 0;
margin: 0; }
.pxl-primary-menu {
margin-left: -18px;
margin-right: -18px;
display: flex;
flex-wrap: wrap;
position: relative; }
.pxl-primary-menu::before {
content: "";
width: 100%;
height: 1px;
background-color: var(--heading-color);
position: absolute;
bottom: 3px;
left: 0;
opacity: 0.1; }
.pxl-primary-menu li {
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
.pxl-primary-menu li:hover > .sub-menu {
z-index: 9;
visibility: visible;
opacity: 1; }
.pxl-primary-menu > li {
flex: 0 0 auto;
width: auto;
margin: 0 18px;
display: inline-flex;
flex-direction: row-reverse; }
.pxl-primary-menu > li > a {
color: var(--heading-color);
font-size: 20px;
font-weight: 500;
font-family: "Yantramanav", sans-serif;
line-height: 70px;
display: inline-block;
letter-spacing: 0;
position: relative;
text-transform: capitalize; }
.pxl-primary-menu > li > a:before {
content: "";
width: 0;
height: 2px;
position: absolute;
bottom: 2px;
left: 0;
background-color: var(--primary-color); }
.pxl-primary-menu > li > a:hover {
color: var(--heading-color); }
.pxl-primary-menu > li.active > a, .pxl-primary-menu > li.active > .main-menu-toggle:before, .pxl-primary-menu > li.current-menu-item > a, .pxl-primary-menu > li.current-menu-item > .main-menu-toggle:before, .pxl-primary-menu > li.current-menu-ancestor > a, .pxl-primary-menu > li.current-menu-ancestor > .main-menu-toggle:before, .pxl-primary-menu > li:hover > a, .pxl-primary-menu > li:hover > .main-menu-toggle:before {
color: var(--heading-color); }
.pxl-primary-menu > li.active > a:before, .pxl-primary-menu > li.current-menu-item > a:before, .pxl-primary-menu > li.current-menu-ancestor > a:before, .pxl-primary-menu > li:hover > a:before {
width: 100%; }
.pxl-primary-menu > li.megamenu.current-menu-item:before, .pxl-primary-menu > li.megamenu.current-menu-ancestor:before {
height: 0; }
.pxl-primary-menu > li.megamenu.current-menu-item:hover:before, .pxl-primary-menu > li.megamenu.current-menu-ancestor:hover:before {
height: 3px; }
.pxl-primary-menu > li > .main-menu-toggle {
line-height: 1;
align-self: center;
font-weight: 700; }
[dir="rtl"] .pxl-primary-menu > li > .main-menu-toggle {
margin-left: 0;
margin-right: 6px; }
.pxl-primary-menu > li > .sub-menu {
left: 0; }
[dir="rtl"] .pxl-primary-menu > li > .sub-menu {
left: auto;
right: 0; }
.pxl-primary-menu > li.active > a, .pxl-primary-menu > li.active > .main-menu-toggle:before, .pxl-primary-menu > li:hover > a, .pxl-primary-menu > li:hover > .main-menu-toggle:before {
color: var(--heading-color); }
.pxl-primary-menu > li.active > a .pxl-menu-title:after, .pxl-primary-menu > li.active > .main-menu-toggle:before .pxl-menu-title:after, .pxl-primary-menu > li:hover > a .pxl-menu-title:after, .pxl-primary-menu > li:hover > .main-menu-toggle:before .pxl-menu-title:after {
background: var(--heading-color); }
.pxl-primary-menu > li.active:before, .pxl-primary-menu > li:hover:before {
background-color: var(--heading-color); }
.pxl-primary-menu > li.active > .sub-menu, .pxl-primary-menu > li:hover > .sub-menu {
top: calc(100% + 10px); }
.pxl-primary-menu > li:first-child {
margin-left: 0; }
.pxl-primary-menu > li:last-child {
margin-right: 0; }
.pxl-primary-menu .sub-menu {
min-width: 220px;
color: var(--heading-color);
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: top left;
position: absolute;
top: calc(100% + 20px);
left: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
border-bottom: 3px solid var(--primary-color); }
.pxl-primary-menu .sub-menu.pxl-mega-menu {
min-width: 1400px;
top: 70px;
right: 0;
margin: auto;
border-bottom: none;
background-color: transparent; }
.pxl-primary-menu .sub-menu:before {
content: "";
position: absolute;
display: block;
height: 20px;
left: 0;
top: -15px;
width: 100%;
background-color: transparent; }
.pxl-primary-menu .sub-menu.back {
left: auto;
right: 100%; }
[dir="rtl"] .pxl-primary-menu .sub-menu {
left: auto;
right: 100%; }
[dir="rtl"] .pxl-primary-menu .sub-menu.back {
right: auto;
left: 100%; }
.pxl-primary-menu .sub-menu li:last-child a {
border-bottom: 0; }
.pxl-primary-menu .sub-menu li:hover > .sub-menu {
top: 10px; }
.pxl-primary-menu .sub-menu li.active > .main-menu-toggle, .pxl-primary-menu .sub-menu li.current-menu-item > .main-menu-toggle, .pxl-primary-menu .sub-menu li.current-menu-ancestor > .main-menu-toggle {
color: var(--primary-color); }
.pxl-primary-menu .sub-menu li.active > a, .pxl-primary-menu .sub-menu li.current-menu-item > a, .pxl-primary-menu .sub-menu li.current-menu-ancestor > a {
background-color: #F30F0A;
color: #fff; }
.pxl-primary-menu .sub-menu li.active::after, .pxl-primary-menu .sub-menu li.current-menu-item::after, .pxl-primary-menu .sub-menu li.current-menu-ancestor::after {
color: #fff !important; }
.pxl-primary-menu .sub-menu li.menu-item-has-children:after {
position: absolute;
right: 20px;
top: 51%;
transform: translateY(-50%);
color: var(--heading-color);
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 18px;
font-weight: 500; }
.pxl-primary-menu .sub-menu li a {
display: block;
font-size: 16px;
line-height: 43px;
font-weight: 400;
letter-spacing: 0;
color: var(--heading-color);
background-color: transparent;
position: relative;
transition: all 100ms ease-in-out 0ms;
white-space: nowrap;
padding: 1px 30px 0;
border-bottom: 1px solid #f4f4f4; }
.pxl-primary-menu .sub-menu li:last-child > a {
border: none; }
.pxl-primary-menu .sub-menu li:hover > a, .pxl-primary-menu .sub-menu li:hover.current_page_item > a, .pxl-primary-menu .sub-menu li:hover.current-menu-item > a, .pxl-primary-menu .sub-menu li:hover.current_page_ancestor > a, .pxl-primary-menu .sub-menu li:hover.current-menu-ancestor > a {
color: #fff;
background-color: var(--primary-color); }
.pxl-primary-menu .sub-menu li:hover::after {
color: #fff; }
.pxl-primary-menu li:not(.megamenu) > .sub-menu > li {
opacity: 0;
transition: all 0.35s cubic-bezier(0.39, 0.58, 0.57, 1);
transition-property: transform, opacity;
transform: translateY(12px); }
.pxl-primary-menu li:not(.megamenu):hover > .sub-menu > li {
opacity: 1;
transform: translateY(0); } }
.for-landing .pxl-nav-menu ul {
display: flex;
flex-wrap: wrap; }
.for-landing .pxl-nav-menu ul li {
margin: 0 15px; }
.for-landing .pxl-nav-menu ul li:first-child {
margin-left: 0; }
.for-landing .pxl-nav-menu ul li:last-child {
margin-right: 0; }
.pxl-cut-custom {
clip-path: polygon(0 0, 100% 0, 100% 50%, 95% 100%, 0 100%, 0% 50%); }
#cms-primary-menu .megamenu .sub-menu {
padding: 0;
overflow: hidden; }
@media (min-width: 1200px) {
#cms-primary-menu .megamenu .sub-menu {
width: 470px; } }
#cms-primary-menu .megamenu .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default > .elementor-column {
box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12);
background-color: var(--dropdown-bg);
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/dropdown-shadow.png);
background-repeat: repeat-x;
background-position: top left; }
#cms-primary-menu .megamenu .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default > .elementor-column:first-child {
z-index: 1; }
#cms-primary-menu .megamenu .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 37px 40px 26px; }
.elementor-section.has-mega-menu .elementor-column {
position: static; }
.elementor-section.has-mega-menu .elementor-widget-wrap {
position: static; }
.elementor-section.has-mega-menu .elementor-section {
position: static; }
.elementor-section.has-mega-menu .elementor-container {
position: static; }
.elementor-section.has-mega-menu .elementor-widget {
position: static; }
.elementor-section.has-mega-menu li.megamenu {
position: static; }
.pxl-primary-menu .sub-menu.pxl-dropdown-mega {
width: 100%; }
.sub-menu.pxl-dropdown-mega {
width: 100%; }
@media (min-width: 1200px) {
.header-main-menu .sub-menu.pxl-dropdown-mega {
padding-left: 35px;
padding-right: 35px; }
.pxl-primary-menu .sub-menu.pxl-dropdown-mega a {
padding: 0px 15px;
border-bottom: 0; }
.pxl-primary-menu .sub-menu.pxl-dropdown-mega a:hover {
color: var(--primary-color);
background-color: transparent; }
.pxl-megamenu-wrap {
padding: 30px 0px 30px 0px; }
.pxl-megamenu-wrap .pxl-heading-wrap {
margin-bottom: 15px; }
.pxl-primary-menu .sub-menu.pxl-dropdown-mega .current-menu-item > a, .pxl-primary-menu .sub-menu.pxl-dropdown-mega .current-menu-ancestor > a {
color: var(--primary-color);
background-color: transparent; } }
.pxl-nav-menu-mobile ul, .pxl-nav-menu-mobile ol {
list-style: none;
padding: 0;
margin: 0; }
.pxl-nav-menu-mobile ul li, .pxl-nav-menu-mobile ol li {
position: relative;
padding: 0; }
.pxl-mobile-menu {
padding: 0;
margin: 0;
list-style: none; }
.pxl-mobile-menu > li {
color: var(--heading-color);
position: relative; }
.pxl-mobile-menu > li > a {
padding: 10px 0;
color: var(--heading-color);
font-size: 17px;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
background-color: transparent; }
.pxl-mobile-menu .menu-item:hover, .pxl-mobile-menu .menu-item:active, .pxl-mobile-menu .current-menu-item, .pxl-mobile-menu .current-menu-ancestor {
color: var(--primary-color); }
.pxl-mobile-menu .menu-item:hover > a, .pxl-mobile-menu .menu-item:active > a, .pxl-mobile-menu .current-menu-item > a, .pxl-mobile-menu .current-menu-ancestor > a {
color: var(--primary-color);
background-color: transparent; }
.pxl-mobile-menu .menu-item:active {
color: var(--primary-color); }
.pxl-mobile-menu .menu-item:active > a {
color: var(--primary-color);
background-color: transparent; }
.pxl-mobile-menu .sub-menu {
display: none;
list-style: none; }
.pxl-mobile-menu .sub-menu .menu-item {
color: var(--heading-color);
position: relative; }
.pxl-mobile-menu .sub-menu .menu-item > a {
padding: 5px 15px;
display: inline-block;
color: var(--heading-color);
font-size: 15px;
font-weight: 400;
background-color: transparent;
font-family: "Manrope", sans-serif;
text-transform: capitalize; }
.pxl-mobile-menu .sub-menu .menu-item:hover, .pxl-mobile-menu .sub-menu .current-menu-item, .pxl-mobile-menu .sub-menu .current-menu-ancestor {
color: var(--primary-color); }
.pxl-mobile-menu .sub-menu .menu-item:hover > a, .pxl-mobile-menu .sub-menu .current-menu-item > a, .pxl-mobile-menu .sub-menu .current-menu-ancestor > a {
color: var(--primary-color);
background-color: transparent; }
.pxl-mobile-menu .sub-menu .menu-item:active {
color: var(--primary-color); }
.pxl-mobile-menu .sub-menu .menu-item:active > a {
color: var(--primary-color);
background-color: transparent; }
.pxl-mobile-menu .sub-menu .pxl-heading-wrap {
display: none; }
.pxl-mobile-menu .sub-menu .elementor-column {
width: 100% !important; }
.pxl-mobile-menu .sub-menu .elementor .elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0; }
.pxl-mobile-menu .sub-menu .elementor-section .pxl-nav-menu-inner .pxl-nav-inner li {
padding: 0; }
.pxl-mobile-menu .main-menu-toggle {
cursor: pointer;
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
font-size: 14px;
position: absolute;
right: -6px;
text-align: center;
top: 14px;
background-color: transparent;
-webkit-border-radius: 4px 4px 0 4px;
-khtml-border-radius: 4px 4px 0 4px;
-moz-border-radius: 4px 4px 0 4px;
-ms-border-radius: 4px 4px 0 4px;
-o-border-radius: 4px 4px 0 4px;
border-radius: 4px 4px 0 4px;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.pxl-mobile-menu .main-menu-toggle:before {
color: var(--heading-color);
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 25px; }
.pxl-mobile-menu .main-menu-toggle.open:before {
content: ""; }
.pxl-mobile-menu .sub-menu .main-menu-toggle {
top: 9px; }
.pxl-anchor-icon.custom {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 36px; }
.pxl-anchor-icon.custom span {
display: inline-block;
width: 36px;
height: 3px;
background-color: var(--additional01-color);
margin: 5px 0;
transition: all 250ms linear 0s; }
.pxl-anchor-icon.custom span:last-child {
width: 27px; }
.pxl-anchor-icon.custom:hover span:first-child {
width: 27px; }
.pxl-anchor-icon.custom:hover span:last-child {
width: 36px; }
.admin-bar .pxl-hidden-template {
top: 32px; }
.admin-bar .pxl-hidden-template.pos-right {
top: 62px; }
@media screen and (max-width: 782px) {
.admin-bar .pxl-hidden-template {
top: 46px;
height: calc(100% - 46px); } }
.pxl-hidden-template {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
padding: 0;
background: #fff;
right: 0;
will-change: transform;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
opacity: 0;
max-height: 100vh;
overflow-y: auto;
scrollbar-width: none; }
.pxl-hidden-template .pxl-panel-header .panel-header-inner {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute;
right: 15px;
top: 15px;
z-index: 9; }
.pxl-hidden-template .pxl-panel-header .panel-header-inner > * {
max-width: 100%; }
.pxl-hidden-template .pxl-panel-content {
position: relative;
padding: 50px 35px 50px 35px;
flex: 1; }
@media (max-width: 575px) {
.pxl-hidden-template .pxl-panel-content {
padding: 50px 25px 30px 35px; } }
.pxl-hidden-template::-webkit-scrollbar {
height: 0;
width: 7px;
background-color: transparent; }
.pxl-hidden-template::-webkit-scrollbar-track {
border-radius: 0; }
.pxl-hidden-template::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: transparent; }
.pxl-hidden-template:hover::-webkit-scrollbar {
width: 7px;
height: auto;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0; }
.pxl-hidden-template:hover::-webkit-scrollbar-thumb {
background-color: rgba(48, 48, 48, 0.1); }
.side-panel-open .pxl-page-overlay {
width: 100%;
height: 100%;
opacity: 1; }
.pxl-close {
border: 7px solid transparent;
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative; }
.pxl-close:before, .pxl-close:after {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background-color: var(--heading-color);
transform-origin: 50% 50%;
opacity: 1;
-webkit-transition: transform linear 0.25s;
-khtml-transition: transform linear 0.25s;
-moz-transition: transform linear 0.25s;
-ms-transition: transform linear 0.25s;
-o-transition: transform linear 0.25s;
transition: transform linear 0.25s; }
.pxl-close:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.pxl-close:after {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.pxl-close:hover:before, .pxl-close:hover:after {
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
.pxl-panel-content .menu-main-container-wrap {
padding: 0;
min-height: calc(100% - 50px);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: column; }
.pxl-panel-content .menu-main-container-wrap > * {
max-width: 100%; }
.pxl-hidden-template-wrap {
width: 100%; }
.pxl-hidden-template.pos-left {
width: 90%;
max-width: 460px;
z-index: 604;
right: auto;
left: 0;
-webkit-transform: translate(-100%, 0);
-khtml-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
.pxl-hidden-template.pos-right {
width: 100%;
max-width: 460px;
z-index: 604;
right: 30px;
left: auto;
top: 30px;
-webkit-transform: translate(100%, 0);
-khtml-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
border-radius: 25px; }
.pxl-hidden-template.pos-top {
background-color: transparent;
width: 100%;
z-index: 604;
left: 0;
right: 0;
-webkit-transform: translate(0, -100%);
-khtml-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%); }
.pxl-hidden-template.pos-top .pxl-panel-header {
position: absolute;
top: 20px;
right: 20px;
z-index: 1; }
.pxl-hidden-template.pos-top .pxl-panel-content {
padding: 0; }
.pxl-hidden-template.pos-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: transparent; }
.pxl-hidden-template.pos-center > * {
max-width: 100%; }
.pxl-hidden-template.pos-center .pxl-hidden-template-wrap {
max-width: 570px;
background-color: #fff;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-ms-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
box-shadow: 0 3px 21px rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform: scale(0.6);
-khtml-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6); }
.pxl-hidden-template.pos-center .pxl-hidden-template-wrap:hover {
-webkit-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-khtml-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-ms-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 30px rgba(255, 255, 255, 0.3); }
.pxl-hidden-template.pos-center .pxl-panel-header {
position: absolute;
top: 15px;
right: 15px;
z-index: 1; }
.pxl-hidden-template.pos-center .pxl-panel-content {
padding: 0; }
.pxl-hidden-template.pos-center.open .pxl-hidden-template-wrap {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.pxl-hidden-template.pos-full {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: transparent; }
.pxl-hidden-template.pos-full > * {
max-width: 100%; }
.pxl-hidden-template.pos-full .pxl-panel-header {
position: absolute;
top: 20px;
right: 20px;
z-index: 1; }
.pxl-hidden-template.pos-full .pxl-panel-content {
padding: 0; }
.pxl-hidden-template.open {
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
z-index: 9999; }
.pxl-side-cart {
width: 100%;
max-width: 360px;
left: auto;
background-color: #fff;
-webkit-transform: translateX(100%);
-khtml-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.pxl-side-cart .pxl-hidden-template-wrap {
padding: 50px 35px 60px 35px; }
@media (max-width: 575px) {
.pxl-side-cart .pxl-hidden-template-wrap {
padding: 50px 20px 60px; } }
.pxl-side-cart .cart-title {
border-bottom: 1px solid #d8d8d8;
padding-bottom: 10px;
margin-bottom: 25px; }
.pxl-side-cart .cart-title h3 {
font-size: 28px; }
.pxl-side-cart .pxl-panel-content {
padding: 0 24px 24px 24px; }
@media (max-width: 400px) {
.pxl-side-cart .pxl-panel-content {
padding: 0 15px 24px 15px; } }
.pxl-side-cart .widget_shopping_cart_content ul {
list-style: none outside;
padding: 0;
margin: 0; }
.pxl-side-cart .widget_shopping_cart_content ul li {
position: relative;
display: block;
clear: both;
overflow: hidden; }
.pxl-side-cart .widget_shopping_cart_content ul li a {
font-size: 18px;
font-weight: 500; }
.pxl-side-cart .widget_shopping_cart_content ul li .quantity, .pxl-side-cart .widget_shopping_cart_content ul li .amount {
font-size: 15px;
color: #777777;
font-weight: normal; }
.pxl-side-cart .widget_shopping_cart_content ul li .remove {
position: absolute;
opacity: 0;
top: 30px;
right: 0;
font-family: var(--heading-font-family);
line-height: 1;
font-size: 22px;
font-weight: 500;
color: #fff;
display: flex;
width: 20px;
height: 20px;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
transition: all 300ms linear 0s; }
.pxl-side-cart .widget_shopping_cart_content ul li:hover .remove {
opacity: 1; }
.pxl-side-cart .woocommerce-mini-cart__total {
color: var(--heading-color);
padding-top: 30px;
margin-top: 15px;
border-top: 1px solid #dadada;
font-size: 18px;
letter-spacing: 0.05em; }
.pxl-side-cart .woocommerce-mini-cart__total .amount {
color: #be0505; }
.pxl-side-cart .woocommerce-mini-cart__buttons .pxl-btn {
display: block; }
.pxl-side-cart .woocommerce-mini-cart__buttons .pxl-btn + .pxl-btn {
margin-top: 10px; }
.pxl-pagetitle, .pxl-pt-wrap {
color: #fff; }
.pxl-pagetitle.layout-df, .pxl-pt-wrap.layout-df {
padding-top: 125px;
padding-bottom: 113px; }
@media (max-width: 767px) {
.pxl-pagetitle.layout-df, .pxl-pt-wrap.layout-df {
padding-top: 80px;
padding-bottom: 80px; } }
.pxl-pagetitle.layout-df .pxl-page-title-overlay, .pxl-pt-wrap.layout-df .pxl-page-title-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(16, 11, 26, 0.63); }
.pxl-pagetitle .main-title, .pxl-pt-wrap .main-title {
color: #fff;
letter-spacing: 0;
margin: 0 0 5px;
text-transform: capitalize; }
@media (max-width: 767px) {
.pxl-pagetitle .main-title, .pxl-pt-wrap .main-title {
font-size: 50px;
line-height: 1.1; } }
.pxl-pagetitle .sub-title, .pxl-pt-wrap .sub-title {
font-size: 16px;
letter-spacing: 0;
position: relative;
z-index: 3;
font-weight: 400;
line-height: 26px; }
.pxl-pagetitle .sub-title .pxl-divider, .pxl-pt-wrap .sub-title .pxl-divider {
width: 120px;
height: 2px;
margin-bottom: 15px; }
@media (max-width: 767px) {
.pxl-pagetitle .sub-title, .pxl-pt-wrap .sub-title {
margin-bottom: 15px;
font-size: 15px; } }
.pxl-pagetitle .sub-title::before, .pxl-pt-wrap .sub-title::before {
content: "";
position: absolute;
max-width: 310px;
height: 77px;
background-color: #F30F0A;
top: 40%;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.pxl-pagetitle .sub-title .pxl-sub-text, .pxl-pt-wrap .sub-title .pxl-sub-text {
margin-left: 29px;
margin-top: 13px; }
.pxl-breadcrumb {
margin-top: 12px;
color: #fff;
position: relative;
z-index: 3; }
.pxl-breadcrumb .br-item {
display: inline-flex;
align-items: center;
font-family: var(--heading-font-family);
font-size: 13px;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: 0; }
.pxl-breadcrumb .br-item:last-child .br-divider {
display: none !important; }
.pxl-breadcrumb .br-divider {
padding: 0 10px;
position: relative;
color: #F30F0A;
font-size: 14px; }
.pxl-breadcrumb a {
position: relative;
color: #F30F0A; }
.pxl-breadcrumb a:after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
width: 0;
border-bottom: 1px solid;
transition: all 350ms; }
.pxl-breadcrumb a:hover {
color: #F30F0A; }
.pxl-breadcrumb a:hover:after {
width: 100%; }
.pxl-breadcrumb .br-left-arrow {
position: absolute;
width: 30px;
height: 30px;
right: 20px;
bottom: 90px; }
.pxl-breadcrumb .br-left-arrow::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F30F0A; }
.pxl-breadcrumb .br-left-arrow::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff; }
@media (max-width: 767px) {
.pxl-breadcrumb .br-left-arrow {
display: none; } }
.pxl-breadcrumb .br-item + .br-item::before {
display: none; }
.pxl-main {
padding-top: 120px;
padding-bottom: 120px; }
@media (max-width: 1199px) {
.pxl-main {
padding-top: 80px;
padding-bottom: 80px; } }
@media (min-width: 1200px) {
.pxl-sidebar-area.sidebar-post.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px; }
.pxl-content-area.content-post.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);
max-width: calc(100% - 300px); }
.pxl-sidebar-area.sidebar-page.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px; }
.pxl-content-area.content-page.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);
max-width: calc(100% - 300px); } }
@media (max-width: 991px) {
.pxl-sidebar-area {
margin-top: 80px; } }
.pxl-row-particles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; }
.redux-page .post-image img {
width: 100%; }
.pxl-single-page p:last-child {
clear: both; }
.pxl-single-page p:last-child img[class*="align"] {
margin-bottom: 0; }
.pxl-single-post .post-content {
padding-bottom: 42px; }
.pxl-single-post .content-inner {
padding-top: 24px; }
.pxl-single-post-type .content-inner {
padding-bottom: 43px; }
.pxl-single-post-type .single-next-prev-nav {
margin-bottom: 114px; }
@media (max-width: 767px) {
.pxl-single-post-type .single-next-prev-nav {
margin-bottom: 50px; } }
.post-featured {
position: relative;
margin-bottom: 34px; }
.post-featured img {
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; } .post-title {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 34px;
text-transform: capitalize;
margin-bottom: 0; }
.single-post-inner .post-category {
padding-top: 14px;
border-top: 1px solid #151B2B1A;
margin-top: 24px; }
.single-post-inner .post-category span a:hover {
color: var(--primary-color); }
.post-metas {
color: var(--heading-color);
font-size: 16px;
font-weight: 400;
line-height: 26px;
position: relative;
text-transform: capitalize;
margin-bottom: 4px; }
@media (max-width: 575px) {
.post-metas {
gap: 10px; }
.post-metas .meta-item {
margin-right: 16px; } }
.post-metas a {
color: inherit; }
.post-metas .post-author .author-avatar img {
width: 25px;
height: auto;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.post-metas .meta-inner > span {
position: relative;
padding: 0 15px 0 0;
margin: 5px 11px 5px 0;
align-items: center; }
.post-metas .meta-inner > span:last-child {
padding-right: 0;
margin-right: 0; }
.post-metas .meta-inner > span:last-child:after {
content: none; }
.post-metas .meta-inner > span .pxli-user-contact {
font-size: 14px;
margin-right: 10px; }
.post-metas .meta-inner > span .pxli-user-contact img {
display: none; }
.post-metas .author-avatar, .post-metas i {
font-size: 16px;
margin-right: 8px;
position: relative;
color: var(--secondary-color); }
.post-metas .author-avatar.pxli-comment, .post-metas i.pxli-comment {
font-size: 14px;
transform: scaleX(-1); } .post-tags-share {
padding: 15px 20px;
background-color: rgba(var(--additional01-color-rgb), 0.05);
border-radius: 15px;
display: none; }
.post-tags-share .label {
font-family: var(--heading-font-family);
font-size: 13px;
font-weight: bold;
color: var(--additional02-color);
letter-spacing: 0.11em;
text-transform: uppercase;
margin-right: 15px; }
.post-tags-share .hover-share {
display: none; }
.post-tags-wrap {
margin: 10px 0;
flex-grow: 1; }
.post-tags-wrap .post-tags {
margin: -5px; }
.post-tags-wrap .post-tags > * {
margin: 5px; }
.post-tags-wrap a {
background-color: rgba(var(--heading-color-rgb),0.1);
color: var(--heading-color);
display: inline-block;
font-size: 13px !important;
padding: 5px 18px;
margin-top: 8px;
margin-right: 3px;
border-radius: 6px; }
.post-tags-wrap a:hover {
background-color: var(--secondary-color);
color: #fff; }
.post-share-wrap {
margin: 10px 0;
flex-grow: 1; }
@media (min-width: 576px) {
.post-share-wrap .post-shares {
justify-content: flex-end; } }
.social-share .d-flex {
margin-left: -4px;
margin-right: -4px; }
.social-share .d-flex > * {
margin-left: 4px;
margin-right: 4px; }
.social-share .pxl-icon {
font-size: 15px;
width: 32px;
height: 32px;
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1); }
.social-share .pxl-icon:after {
position: absolute;
top: 0;
left: 0;
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
content: "";
width: 32px;
height: 32px;
border-radius: 100%;
display: block;
transition: all 250ms linear;
z-index: -1; }
.social-share .pxl-icon.icon-facebook:after {
background-color: #3b5ea1; }
.social-share .pxl-icon.icon-facebook:hover {
color: #3b5ea1; }
.social-share .pxl-icon.icon-twitter:after {
background-color: #2bb3fa; }
.social-share .pxl-icon.icon-twitter:hover {
color: #2bb3fa; }
.social-share .pxl-icon.icon-linkedin:after {
background-color: #087ec0; }
.social-share .pxl-icon.icon-linkedin:hover {
color: #087ec0; }
.social-share .pxl-icon.icon-pinterest:after {
background-color: #ee2c34; }
.social-share .pxl-icon.icon-pinterest:hover {
color: #ee2c34; }
.social-share .pxl-icon:hover {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3); }
.social-share .pxl-icon:hover:after {
transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transition: all 250ms linear; }
.hover-share {
display: inline-flex;
font-size: 15px;
width: 32px;
height: 32px;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
color: #fff;
margin-left: 8px;
cursor: pointer;
order: 1;
position: relative; }
.single-next-prev-nav {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 45px;
border-bottom: 1px solid rgba(21, 27, 43, 0.1);
border-top: 1px solid rgba(21, 27, 43, 0.1);
position: relative;
display: flex;
justify-content: space-between; }
.single-next-prev-nav .nav-inner {
display: inline-block;
position: relative; }
.single-next-prev-nav .nav-inner > a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2; }
@media (max-width: 575px) {
.single-next-prev-nav .nav-inner .nav-label {
display: none; } }
.single-next-prev-nav .nav-inner:hover .nav-icon {
color: #fff;
background-color: var(--primary-color); }
.single-next-prev-nav .nav-inner:hover .nav-img:before {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.single-next-prev-nav .nav-inner:hover .nav-title {
color: var(--link-color-hover); }
.single-next-prev-nav .nav-label {
text-transform: capitalize;
letter-spacing: 0;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.single-next-prev-nav .nav-icon {
font-size: 25px;
display: inline-block;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
color: var(--secondary-color);
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f6f6f7; }
.single-next-prev-nav .nav-icon::before {
position: relative;
top: 2px; }
.single-next-prev-nav .prev .nav-icon {
margin-right: 20px;
transform: scaleX(-1); }
.single-next-prev-nav .prev .nav-img {
margin-right: 20px; }
.single-next-prev-nav .next .nav-icon {
margin-left: 20px; }
.single-next-prev-nav .next .nav-img {
margin-left: 20px; }
.single-next-prev-nav .nav-img {
overflow: hidden;
position: relative; }
.single-next-prev-nav .nav-img img {
width: 60px; }
.single-next-prev-nav .nav-img:before, .single-next-prev-nav .nav-img:after {
position: absolute;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.single-next-prev-nav .nav-img:before {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--primary-color);
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
-ms-opacity: 0.8;
-o-opacity: 0.8;
opacity: 0.8; }
.single-next-prev-nav .nav-title {
font-family: var(--heading-font-family);
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 1.58;
display: block;
display: -webkit-box;
max-height: 53.72px;
font-size: 17px;
line-height: 1.58;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-khtml-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical;
color: var(--heading-color);
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s; }
.single-next-prev-nav .nav-title > * {
display: block;
display: -webkit-box;
max-height: 53.72px;
font-size: 17px;
line-height: 1.58;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-khtml-line-clamp: 2;
-moz-line-clamp: 2;
-ms-line-clamp: 2;
-o-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical; }
.single-next-prev-nav .grid-archive {
display: inline-flex;
width: 22px;
height: 22px;
margin-top: 5px;
display: none; }
.single-next-prev-nav .nav-archive-button {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
cursor: pointer; }
.single-next-prev-nav .nav-archive-button .archive-btn-square {
width: 6px;
height: 6px;
display: inline-block;
border-radius: 50%;
position: absolute;
background-color: var(--primary-color);
transition: all 300ms ease 0s; }
.single-next-prev-nav .nav-archive-button .archive-btn-square.square-1 {
left: 2px;
top: 2px; }
.single-next-prev-nav .nav-archive-button .archive-btn-square.square-2 {
right: 2px;
top: 2px; }
.single-next-prev-nav .nav-archive-button .archive-btn-square.square-3 {
left: 2px;
bottom: 2px; }
.single-next-prev-nav .nav-archive-button .archive-btn-square.square-4 {
right: 2px;
bottom: 2px; }
.single-next-prev-nav .nav-archive-button:hover .square-1 {
-webkit-transform: translate(-1px, -1px);
-moz-transform: translate(-1px, -1px);
transform: translate(-1px, -1px); }
.single-next-prev-nav .nav-archive-button:hover .square-2 {
-webkit-transform: translate(1px, -1px);
-moz-transform: translate(1px, -1px);
transform: translate(1px, -1px); }
.single-next-prev-nav .nav-archive-button:hover .square-3 {
-webkit-transform: translate(-1px, 1px);
-moz-transform: translate(-1px, 1px);
transform: translate(-1px, 1px); }
.single-next-prev-nav .nav-archive-button:hover .square-4 {
-webkit-transform: translate(1px, 1px);
-moz-transform: translate(1px, 1px);
transform: translate(1px, 1px); }
.posts-pagination, .woocommerce-pagination {
padding-top: 55px; }
.posts-pagination:empty, .woocommerce-pagination:empty {
display: none; }
.posts-pagination .pagination-inner, .woocommerce-pagination .pagination-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: -3px;
align-items: center;
justify-content: center; }
.posts-pagination .pagination-inner > *, .woocommerce-pagination .pagination-inner > * {
max-width: 100%; }
.posts-pagination .page-numbers, .posts-pagination .post-page-numbers, .woocommerce-pagination .page-numbers, .woocommerce-pagination .post-page-numbers {
flex: 0 0 auto;
margin: 10px;
vertical-align: top;
text-align: center;
font-weight: 700;
font-size: 20px;
width: 70px;
height: 70px;
line-height: 26px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #4E5362;
background-color: #F6F6F7; }
.posts-pagination .page-numbers > *, .posts-pagination .post-page-numbers > *, .woocommerce-pagination .page-numbers > *, .woocommerce-pagination .post-page-numbers > * {
max-width: 100%; }
.posts-pagination .page-numbers.dots, .posts-pagination .post-page-numbers.dots, .woocommerce-pagination .page-numbers.dots, .woocommerce-pagination .post-page-numbers.dots {
line-height: 30px; }
.posts-pagination .page-numbers:hover, .posts-pagination .page-numbers.current, .posts-pagination .post-page-numbers:hover, .posts-pagination .post-page-numbers.current, .woocommerce-pagination .page-numbers:hover, .woocommerce-pagination .page-numbers.current, .woocommerce-pagination .post-page-numbers:hover, .woocommerce-pagination .post-page-numbers.current {
background: var(--heading-color);
color: #ffffff; }
.posts-pagination .page-numbers .pxli-icon-mailchimp-left, .posts-pagination .post-page-numbers .pxli-icon-mailchimp-left, .woocommerce-pagination .page-numbers .pxli-icon-mailchimp-left, .woocommerce-pagination .post-page-numbers .pxli-icon-mailchimp-left {
transform: scaleX(-1); }
.posts-pagination .next span, .posts-pagination .prev span, .woocommerce-pagination .next span, .woocommerce-pagination .prev span {
font-size: 22px; }
.posts-pagination .next:hover, .posts-pagination .prev:hover, .woocommerce-pagination .next:hover, .woocommerce-pagination .prev:hover {
background-color: var(--primary-color);
color: #fff; }
.posts-pagination.page-links, .woocommerce-pagination.page-links {
justify-content: start; }
.comment-list-wrap .navigation {
justify-content: flex-end; }
.navigation.page-links {
margin-top: 26px;
margin-bottom: 20px; }
.pxl-load-more {
margin-top: 35px; }
.pxl-load-more .btn-grid-loadmore {
font-size: 15px;
padding: 10px 45px; }
.pxl-load-more .btn-grid-loadmore.right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.pxl-load-more .btn-grid-loadmore.right > * {
max-width: 100%; }
.pxl-load-more .btn-icon {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.1s linear;
-khtml-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear; }
.pxl-load-more .btn-icon.left {
margin-right: 6px; }
.pxl-load-more .btn-icon.right {
order: 2;
margin-left: 8px;
margin-right: 0; }
.pxl-load-more .btn-text {
display: inline-block;
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear; }
.pxl-load-more .pxl-btn-icon {
display: inline-block;
position: absolute;
right: 25px;
top: 48%;
margin-top: -7.5px;
line-height: 1;
opacity: 0;
visibility: hidden; }
.pxl-load-more .btn-grid-loadmore.loading .btn-text {
transform: translateX(-5px); }
.pxl-load-more .btn-grid-loadmore.loading .btn-icon {
opacity: 0;
visibility: hidden; }
.pxl-load-more .btn-grid-loadmore.loading .pxl-btn-icon {
font-size: inherit;
opacity: 1;
visibility: visible;
-webkit-animation: spin 1s infinite linear;
-khtml-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-ms-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear; }
.pxl-grid-overlay.loader {
cursor: wait;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1; }
.pxl-grid-overlay.loader:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
display: block;
background: rgba(255, 255, 255, 0.3); }
.pxl-grid-overlay.loader:after {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
content: "";
font-family: "pxli";
font-size: 50px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
margin: -25px 0 0 -25px;
color: rgba(var(--primary-color-rgb),0.8);
-webkit-animation: spin 1s infinite linear;
-khtml-animation: spin 1s infinite linear;
-moz-animation: spin 1s infinite linear;
-ms-animation: spin 1s infinite linear;
-o-animation: spin 1s infinite linear;
animation: spin 1s infinite linear; }
body.error404 .pxl-main {
padding: 0 !important; }
body.error404 .page-404-wrap {
padding-top: 180px;
height: 100vh; }
@media (max-width: 767px) {
body.error404 .page-404-wrap {
padding-top: 150px; } }
body.error404 .page-404-wrap .pxl-error-inner {
text-align: center; }
body.error404 .page-404-wrap .pxl-error-inner .image-wrap {
margin-bottom: 17px; }
body.error404 .page-404-wrap .pxl-error-inner .number-wrap {
font-size: 180px;
line-height: 1;
font-weight: bold;
letter-spacing: 0.12em;
margin: 0; }
@media (max-width: 767px) {
body.error404 .page-404-wrap .pxl-error-inner .number-wrap {
font-size: 130px; } }
body.error404 .page-404-wrap .pxl-error-inner .pxl-error-title {
font-size: 60px;
letter-spacing: 0.02em;
margin-bottom: 18px; }
@media (max-width: 767px) {
body.error404 .page-404-wrap .pxl-error-inner .pxl-error-title {
font-size: 32px; } }
body.error404 .page-404-wrap .pxl-error-inner .desc {
font-size: 17px;
line-height: 26px;
max-width: 680px;
margin: 0 auto; }
body.error404 .page-404-wrap .pxl-error-inner .pxl-button-wrapper {
margin-top: 43px; }
.pxl-project .portfolio-tags-share {
font-size: 17px;
align-items: center;
font-family: var(--heading-font-family);
color: var(--heading-color);
letter-spacing: 0.05em;
margin-top: 50px;
margin-bottom: -10px; }
.pxl-project .portfolio-tags-share .label {
font-weight: 600; }
.pxl-project .portfolio-tags-share .portfolio-tags-wrap .label {
margin-right: 3px; }
.pxl-project .portfolio-tags-share .portfolio-share-wrap {
margin: 10px 0; }
.pxl-project .portfolio-tags-share .portfolio-share-wrap .label {
margin-right: 28px; }
.pxl-project .portfolio-tags-share .portfolio-share-wrap .hover-share {
display: none; }
@media (min-width: 576px) {
.pxl-project .portfolio-tags-share .portfolio-share-wrap .post-shares {
justify-content: flex-end; } }
.author-info {
background-color: #F6F6F7;
display: flex;
padding: 50px;
margin-top: 80px; }
.author-info .author-description {
margin-left: 19px;
width: 78%;
display: flex;
flex-direction: column;
justify-content: center; }
.author-info .author-description .author-name {
font-size: 24px;
line-height: 26px;
font-family: var(--body-font-family);
color: var(--heading-color);
font-weight: 700; }
.author-info .author-description .author-description-text {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
font-family: var(--body-font-family);
color: var(--body-color);
margin-top: 18px; }
.author-info .author-avatar img {
max-width: 91px; }
.author-info .user-social {
display: flex;
justify-content: end;
width: 10%;
margin-top: 0; }
.author-info .user-social li {
display: flex;
align-items: flex-start;
justify-content: center;
transform: translateY(-13px); }
.author-info .user-social li a {
padding: 12px 20px;
background-color: var(--heading-color);
align-items: center;
color: #fff; }
.author-info .user-social li a:hover {
color: #fff;
background-color: var(--primary-color);
transform: translateY(-8px); }
@media (max-width: 575px) {
.author-info {
align-items: center;
justify-content: center;
flex-direction: column;
gap: 20px; }
.author-info .user-social {
margin-bottom: 0;
justify-content: center !important;
width: 100%; }
.author-info .user-social li {
margin-top: 20px; }
.author-info .author-description {
margin-left: 0;
text-align: center;
width: 100%; } }
.pxl-related-post {
margin-top: 30px; }
.pxl-related-post .related-post-title {
text-align: center; }
.pxl-related-post .related-post-title .post-title-sub {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
position: relative;
text-align: center;
display: inline; }
.pxl-related-post .related-post-title .post-title-sub::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 10px;
left: -10px; }
.pxl-related-post .related-post-title .post-title-sub::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 10px;
right: -10px; }
.pxl-related-post .related-post-title .widget-title {
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 62px;
text-transform: capitalize;
margin: 13px 0 44px 0; }
@media (max-width: 1199px) {
.pxl-related-post .related-post-title .widget-title {
font-size: 44px;
line-height: 55px; } }
@media (max-width: 575px) {
.pxl-related-post .related-post-title .widget-title {
font-size: 35px;
line-height: 40px; } }
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .grid-item-inner {
margin: 0 12px 20px 12px; }
@media (max-width: 575px) {
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .grid-item-inner {
margin: 0 0 20px 0; } }
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .grid-item-inner .item-boder-content {
position: relative; }
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .grid-item-inner .item-boder-content::before {
position: absolute;
content: "";
width: 118px;
height: 28px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -27px;
right: 0; }
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .item-featured {
overflow: hidden;
position: relative; }
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .item-featured a::after {
background: #fff;
content: "";
height: 130%;
left: -50%;
opacity: 0.2;
position: absolute;
top: -15%;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 12%; }
.pxl-related-post .pxl-swiper-container .pxl-swiper-slide .item-featured:hover a:after {
left: 140%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.pxl-related-project {
margin-top: 30px; }
.pxl-related-project .related-post-title {
text-align: center; }
.pxl-related-project .related-post-title .post-title-sub {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
position: relative;
text-align: center;
display: inline; }
.pxl-related-project .related-post-title .post-title-sub::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 10px;
left: -10px; }
.pxl-related-project .related-post-title .post-title-sub::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 10px;
right: -10px; }
.pxl-related-project .related-post-title .widget-title {
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 62px;
text-transform: capitalize;
margin: 13px 0 44px 0; }
@media (max-width: 1199px) {
.pxl-related-project .related-post-title .widget-title {
font-size: 44px;
line-height: 55px; } }
@media (max-width: 575px) {
.pxl-related-project .related-post-title .widget-title {
font-size: 35px;
line-height: 40px; } }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .grid-item-inner {
margin: 0 12px 20px 12px; }
@media (max-width: 575px) {
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .grid-item-inner {
margin: 0 0 20px 0; } }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured {
overflow: hidden;
position: relative; }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured a {
position: relative; }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured a::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured a::after {
background: rgba(255, 255, 255, 0.6);
bottom: 0%;
content: "";
position: absolute;
left: 50%;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured:hover a::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured:hover a::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-related-project .pxl-swiper-container .pxl-swiper-slide .item-featured:hover a img {
transform: scale(1.1); }
.pxl-related-project .post-boder-content {
padding: 43px 29px 40px 29px;
position: relative; }
@media (max-width: 1199px) {
.pxl-related-project .post-boder-content {
padding: 43px 29px 50px 29px; } }
.pxl-related-project .post-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-related-project .post-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-related-project .post-boder-content .icon-url {
position: absolute;
bottom: 0;
right: 29px; }
.pxl-related-project .post-boder-content .icon-url .pxli-icon-mailchimp {
background-color: var(--heading-color);
width: 50px;
height: 50px;
font-size: 22px;
color: #fff; }
.pxl-related-project .post-boder-content .icon-url .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.pxl-related-project .post-boder-content .icon-url .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-related-project .post-boder-content .item-title {
display: inline;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
position: relative; }
.pxl-related-project .post-boder-content .post-category {
margin-bottom: 15px; }
.pxl-related-project .border-box-content {
position: relative; }
.pxl-related-project .border-box-content::before {
position: absolute;
content: "";
width: 119px;
height: 29px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-related-project .box-project-icon {
display: flex;
justify-content: space-around;
margin-bottom: 44px; }
.pxl-related-project .box-project-icon .related-project-icon {
text-align: end;
width: 35%; }
.pxl-related-project .box-project-icon .related-project-icon .project-icon {
margin-bottom: 23px; }
.pxl-related-project .box-project-icon .related-post-title {
text-align: start;
width: 45%; }
.pxl-related-project .box-project-icon .related-post-title .widget-title {
margin: 13px 0 0 0; }
.pxl-related-project .box-project-icon .related-post-title .post-title-sub {
margin-left: 10px; }
.pxl-related-project .box-project-icon .pxl-divider {
width: 1px; }
@media (max-width: 767px) {
.pxl-related-project .box-project-icon {
display: block; }
.pxl-related-project .box-project-icon .pxl-divider {
height: 1px;
width: 100%;
margin: 20px 0; }
.pxl-related-project .box-project-icon .related-post-title {
width: 100%;
text-align: center; }
.pxl-related-project .box-project-icon .related-project-icon {
width: 100%;
text-align: center; } }
.pxl-archive-post {
padding-bottom: 35px;
margin-bottom: 50px;
border-bottom: 1px solid #d8d8d8; }
.pxl-archive-post:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-color: transparent; }
.pxl-archive-post .hover-underline .post-comments a:after {
bottom: 1px; }
.pxl-archive-post.search-results-post {
margin-bottom: 50px; }
.pxl-archive-post.search-results-post .post-content .post-readmore {
margin-top: 20px; }
.pxl-archive-post .post-title {
font-size: 30px;
margin-bottom: 0; }
.pxl-archive-post .pxl-divider {
width: 94px;
height: 2px; }
.pxl-archive-post .post-excerpt {
margin-top: 12px; }
.pxl-archive-post .button-share {
margin-top: 10px; }
.pxl-archive-post .button-share .label {
display: none; }
.pxl-archive-post .button-share .social-share {
width: 32px;
height: 32px;
position: relative; }
.pxl-archive-post .button-share .social-share .social-item {
opacity: 0;
visibility: hidden;
position: absolute;
margin: 0;
top: 0;
right: 0;
padding: 0 4px;
transition: all 350ms linear 0s; }
.pxl-archive-post .button-share .social-share:hover .social-item {
opacity: 1;
visibility: visible; }
.pxl-archive-post .button-share .social-share:hover .social-item:first-child {
right: 44px;
transition: all 350ms linear 0s; }
.pxl-archive-post .button-share .social-share:hover .social-item:nth-child(2) {
right: 84px;
transition: all 350ms linear 30ms; }
.pxl-archive-post .button-share .social-share:hover .social-item:nth-child(3) {
right: 124px;
transition: all 350ms linear 60ms; }
.pxl-archive-post .button-share .social-share:hover .social-item:nth-child(4) {
right: 164px;
transition: all 350ms linear 90ms; }
.pxl-archive-post .button-share .social-share:hover .social-item:nth-child(5) {
right: 204px;
transition: all 350ms linear 120ms; }
.pxl-archive-post .format-wrap {
text-align: center;
padding: 57px 15px 32px;
border-radius: 20px;
position: relative;
overflow: hidden; }
.pxl-archive-post .format-wrap:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.pxl-archive-post .format-wrap .meta-inner {
justify-content: center; }
.pxl-archive-post .format-wrap .post-metas {
color: #fff;
padding-top: 13px; }
.pxl-archive-post .format-wrap .post-metas a:hover {
color: #fff; }
.pxl-archive-post .format-wrap .pxl-divider {
width: 112px;
height: 2px; }
.pxl-archive-post.format-quote .post-content .post-metas {
display: none; }
.pxl-archive-post.format-quote .format-wrap {
background-color: var(--additional02-color);
background-image: -webkit-gradient(linear, left top, right top, from(var(--additional02-color)), to(var(--additional03-color)));
background-image: -webkit-linear-gradient(180deg, var(--additional02-color), var(--additional03-color));
background-image: -moz-linear-gradient(180deg, var(--additional02-color), var(--additional03-color));
background-image: -ms-linear-gradient(180deg, var(--additional02-color), var(--additional03-color));
background-image: -o-linear-gradient(180deg, var(--additional02-color), var(--additional03-color));
background-image: linear-gradient(180deg, var(--additional02-color), var(--additional03-color));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--additional02-color)", endColorStr="var(--additional03-color)", gradientType="1"); }
.pxl-archive-post.format-quote .format-wrap:after {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/format-quote-overlay.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.pxl-archive-post.format-quote .quote-inner {
position: relative;
z-index: 1; }
.pxl-archive-post.format-quote .quote-inner .quote-icon {
display: inline-flex;
width: 46px;
height: 46px;
border-radius: 11px;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
color: #fff;
margin-bottom: 36px;
position: relative; }
.pxl-archive-post.format-quote .quote-inner .quote-icon:before {
content: "";
display: block;
width: 62px;
height: 62px;
border-radius: 11px;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.pxl-archive-post.format-quote .quote-inner .quote-text {
font-family: var(--heading-font-family);
font-size: 25px;
line-height: 35px;
letter-spacing: 0.02em;
color: #fff;
font-weight: bold;
margin: 0 auto 5px; }
@media (min-width: 1200px) {
.pxl-archive-post.format-quote .quote-inner .quote-text {
max-width: 85%; } }
.pxl-archive-post.format-quote .quote-inner .quote-text a:hover {
color: var(--primary-color); }
.pxl-archive-post.format-quote .quote-inner .quote-cite {
font-size: 14px;
text-transform: uppercase;
color: var(--primary-color);
letter-spacing: 0.1em;
display: block;
margin-top: 12px; }
.pxl-archive-post.format-link .post-content .post-metas {
display: none; }
.pxl-archive-post.format-link .format-wrap {
background-color: #3879ef;
background-image: -webkit-gradient(linear, left top, right top, from(#3879ef), to(#023c9b));
background-image: -webkit-linear-gradient(180deg, #3879ef, #023c9b);
background-image: -moz-linear-gradient(180deg, #3879ef, #023c9b);
background-image: -ms-linear-gradient(180deg, #3879ef, #023c9b);
background-image: -o-linear-gradient(180deg, #3879ef, #023c9b);
background-image: linear-gradient(180deg, #3879ef, #023c9b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#3879ef", endColorStr="#023c9b", gradientType="1"); }
.pxl-archive-post.format-link .format-wrap:after {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/format-link-overlay.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.pxl-archive-post.format-link .link-inner {
position: relative;
z-index: 1; }
.pxl-archive-post.format-link .link-inner .link-icon {
display: inline-flex;
width: 46px;
height: 46px;
border-radius: 11px;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
color: #fff;
margin-bottom: 36px;
position: relative;
font-size: 18px; }
.pxl-archive-post.format-link .link-inner .link-icon:before {
content: "";
display: block;
width: 62px;
height: 62px;
border-radius: 11px;
background-color: rgba(255, 255, 255, 0.2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.pxl-archive-post.format-link .link-inner .link-text {
font-family: var(--heading-font-family);
font-size: 25px;
line-height: 35px;
letter-spacing: 0.02em;
color: #fff;
font-weight: bold;
margin: 0 auto 5px; }
@media (min-width: 1200px) {
.pxl-archive-post.format-link .link-inner .link-text {
max-width: 65%; } }
.pxl-archive-post.format-link .link-inner .link-text a:hover {
color: var(--primary-color); }
.pxl-archive-post .post-metas {
letter-spacing: 0.05em;
color: var(--additional02-color);
margin-bottom: 7px; }
.pxl-archive-post .post-metas .meta-inner > span {
padding: 0 15px 0 0;
margin: 5px 10px 5px 0; }
.post-featured .post-date {
min-width: 115px;
background-color: var(--primary-color);
line-height: 1;
color: #fff;
position: absolute;
top: 0;
left: 0;
text-align: center;
font-family: var(--heading-font-family);
border-radius: 0;
overflow: hidden; }
.post-featured .post-date .day-month {
padding: 18px 5px 12px; }
.post-featured .post-date .day-month .date-month {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 8px; }
.post-featured .post-date .day-month .date-day {
font-size: 35px;
font-weight: bold;
letter-spacing: 0.02em; }
.post-featured .post-date .date-year {
background-color: var(--additional03-color);
font-size: 13px;
font-weight: 500;
letter-spacing: 0.1em;
padding: 8px 20px; }
.post-featured .pxl-video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); } .sidebar-sticky .sidebar-sticky-wrap {
position: -webkit-sticky;
position: sticky;
top: 30px; }
.admin-bar .sidebar-sticky .sidebar-sticky-wrap {
top: 50px;
position: sticky; }
.admin-bar .sidebar-sticky .sidebar-sticky-wrap::after {
content: "";
position: absolute;
top: 0;
left: 58px;
right: 58px;
bottom: 0;
border-left: 1px solid rgba(21, 27, 43, 0.05);
border-right: 1px solid rgba(21, 27, 43, 0.05);
z-index: -1; }
.admin-bar .sidebar-sticky .sidebar-sticky-wrap .pxl-author-info {
margin-top: 0; }
.header-sticky .sidebar-sticky .sidebar-sticky-wrap {
top: 110px; }
.admin-bar.header-sticky .sidebar-sticky .sidebar-sticky-wrap {
top: 140px; }
#pxl-sidebar-area:not(.sidebar-shop) .widget, .elementor-widget-sidebar .widget, .elementor-widget .e-sidebar-widget, .elementor-widget-wp-widget-search, .elementor-widget-wp-widget-pxl_recent_posts, .elementor-widget-wp-widget-pxl_template_widget {
padding: 24px 30px 30px 29px;
margin-bottom: 30px;
border: 1px solid rgba(21, 27, 43, 0.05);
overflow: hidden;
border-radius: 0;
background: #fff; }
#pxl-sidebar-area:not(.sidebar-shop) .widget:last-child, .elementor-widget-sidebar .widget:last-child, .elementor-widget .e-sidebar-widget:last-child, .elementor-widget-wp-widget-search:last-child, .elementor-widget-wp-widget-pxl_recent_posts:last-child, .elementor-widget-wp-widget-pxl_template_widget:last-child {
margin-bottom: 0; }
#pxl-sidebar-area:not(.sidebar-shop) .widget select, .elementor-widget-sidebar .widget select, .elementor-widget .e-sidebar-widget select, .elementor-widget-wp-widget-search select, .elementor-widget-wp-widget-pxl_recent_posts select, .elementor-widget-wp-widget-pxl_template_widget select {
margin: 0; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .widget-title, #pxl-sidebar-area:not(.sidebar-shop) .widget.widget_block h2, #pxl-sidebar-area:not(.sidebar-shop) .widget .wp-block-search__label, .elementor-widget-sidebar .widget .widget-title, .elementor-widget-sidebar .widget.widget_block h2, .elementor-widget-sidebar .widget .wp-block-search__label, .elementor-widget .e-sidebar-widget .widget-title, .elementor-widget .e-sidebar-widget.widget_block h2, .elementor-widget .e-sidebar-widget .wp-block-search__label, .elementor-widget-wp-widget-search .widget-title, .elementor-widget-wp-widget-search.widget_block h2, .elementor-widget-wp-widget-search .wp-block-search__label, .elementor-widget-wp-widget-pxl_recent_posts .widget-title, .elementor-widget-wp-widget-pxl_recent_posts.widget_block h2, .elementor-widget-wp-widget-pxl_recent_posts .wp-block-search__label, .elementor-widget-wp-widget-pxl_template_widget .widget-title, .elementor-widget-wp-widget-pxl_template_widget.widget_block h2, .elementor-widget-wp-widget-pxl_template_widget .wp-block-search__label {
font-size: 22px;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-transform: capitalize;
position: relative;
z-index: 1;
margin: 0 0 25px; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .widget-title ~ *, #pxl-sidebar-area:not(.sidebar-shop) .widget.widget_block h2 ~ *, #pxl-sidebar-area:not(.sidebar-shop) .widget .wp-block-search__label ~ *, .elementor-widget-sidebar .widget .widget-title ~ *, .elementor-widget-sidebar .widget.widget_block h2 ~ *, .elementor-widget-sidebar .widget .wp-block-search__label ~ *, .elementor-widget .e-sidebar-widget .widget-title ~ *, .elementor-widget .e-sidebar-widget.widget_block h2 ~ *, .elementor-widget .e-sidebar-widget .wp-block-search__label ~ *, .elementor-widget-wp-widget-search .widget-title ~ *, .elementor-widget-wp-widget-search.widget_block h2 ~ *, .elementor-widget-wp-widget-search .wp-block-search__label ~ *, .elementor-widget-wp-widget-pxl_recent_posts .widget-title ~ *, .elementor-widget-wp-widget-pxl_recent_posts.widget_block h2 ~ *, .elementor-widget-wp-widget-pxl_recent_posts .wp-block-search__label ~ *, .elementor-widget-wp-widget-pxl_template_widget .widget-title ~ *, .elementor-widget-wp-widget-pxl_template_widget.widget_block h2 ~ *, .elementor-widget-wp-widget-pxl_template_widget .wp-block-search__label ~ * {
position: relative;
z-index: 1; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .widget-title ~ * .searchform-wrap input, #pxl-sidebar-area:not(.sidebar-shop) .widget.widget_block h2 ~ * .searchform-wrap input, #pxl-sidebar-area:not(.sidebar-shop) .widget .wp-block-search__label ~ * .searchform-wrap input, .elementor-widget-sidebar .widget .widget-title ~ * .searchform-wrap input, .elementor-widget-sidebar .widget.widget_block h2 ~ * .searchform-wrap input, .elementor-widget-sidebar .widget .wp-block-search__label ~ * .searchform-wrap input, .elementor-widget .e-sidebar-widget .widget-title ~ * .searchform-wrap input, .elementor-widget .e-sidebar-widget.widget_block h2 ~ * .searchform-wrap input, .elementor-widget .e-sidebar-widget .wp-block-search__label ~ * .searchform-wrap input, .elementor-widget-wp-widget-search .widget-title ~ * .searchform-wrap input, .elementor-widget-wp-widget-search.widget_block h2 ~ * .searchform-wrap input, .elementor-widget-wp-widget-search .wp-block-search__label ~ * .searchform-wrap input, .elementor-widget-wp-widget-pxl_recent_posts .widget-title ~ * .searchform-wrap input, .elementor-widget-wp-widget-pxl_recent_posts.widget_block h2 ~ * .searchform-wrap input, .elementor-widget-wp-widget-pxl_recent_posts .wp-block-search__label ~ * .searchform-wrap input, .elementor-widget-wp-widget-pxl_template_widget .widget-title ~ * .searchform-wrap input, .elementor-widget-wp-widget-pxl_template_widget.widget_block h2 ~ * .searchform-wrap input, .elementor-widget-wp-widget-pxl_template_widget .wp-block-search__label ~ * .searchform-wrap input {
padding: 0 0 0 19px; }
#pxl-sidebar-area:not(.sidebar-shop) .widget span.count, .elementor-widget-sidebar .widget span.count, .elementor-widget .e-sidebar-widget span.count, .elementor-widget-wp-widget-search span.count, .elementor-widget-wp-widget-pxl_recent_posts span.count, .elementor-widget-wp-widget-pxl_template_widget span.count {
display: none; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .elementor-widget-container .search-form .searchform-wrap, .elementor-widget-sidebar .widget .elementor-widget-container .search-form .searchform-wrap, .elementor-widget .e-sidebar-widget .elementor-widget-container .search-form .searchform-wrap, .elementor-widget-wp-widget-search .elementor-widget-container .search-form .searchform-wrap, .elementor-widget-wp-widget-pxl_recent_posts .elementor-widget-container .search-form .searchform-wrap, .elementor-widget-wp-widget-pxl_template_widget .elementor-widget-container .search-form .searchform-wrap {
display: flex; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .elementor-widget-container .search-form .searchform-wrap input, .elementor-widget-sidebar .widget .elementor-widget-container .search-form .searchform-wrap input, .elementor-widget .e-sidebar-widget .elementor-widget-container .search-form .searchform-wrap input, .elementor-widget-wp-widget-search .elementor-widget-container .search-form .searchform-wrap input, .elementor-widget-wp-widget-pxl_recent_posts .elementor-widget-container .search-form .searchform-wrap input, .elementor-widget-wp-widget-pxl_template_widget .elementor-widget-container .search-form .searchform-wrap input {
padding: 10px; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .elementor-widget-container .search-form .searchform-wrap .search-submit, .elementor-widget-sidebar .widget .elementor-widget-container .search-form .searchform-wrap .search-submit, .elementor-widget .e-sidebar-widget .elementor-widget-container .search-form .searchform-wrap .search-submit, .elementor-widget-wp-widget-search .elementor-widget-container .search-form .searchform-wrap .search-submit, .elementor-widget-wp-widget-pxl_recent_posts .elementor-widget-container .search-form .searchform-wrap .search-submit, .elementor-widget-wp-widget-pxl_template_widget .elementor-widget-container .search-form .searchform-wrap .search-submit {
padding: 0 17px 0 18px;
background-color: var(--heading-color); }
#pxl-sidebar-area:not(.sidebar-shop) .widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover, .elementor-widget-sidebar .widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover, .elementor-widget .e-sidebar-widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover, .elementor-widget-wp-widget-search .elementor-widget-container .search-form .searchform-wrap .search-submit:hover, .elementor-widget-wp-widget-pxl_recent_posts .elementor-widget-container .search-form .searchform-wrap .search-submit:hover, .elementor-widget-wp-widget-pxl_template_widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover {
background-color: var(--primary-color);
color: #fff; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover .pxli-search-400, .elementor-widget-sidebar .widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover .pxli-search-400, .elementor-widget .e-sidebar-widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover .pxli-search-400, .elementor-widget-wp-widget-search .elementor-widget-container .search-form .searchform-wrap .search-submit:hover .pxli-search-400, .elementor-widget-wp-widget-pxl_recent_posts .elementor-widget-container .search-form .searchform-wrap .search-submit:hover .pxli-search-400, .elementor-widget-wp-widget-pxl_template_widget .elementor-widget-container .search-form .searchform-wrap .search-submit:hover .pxli-search-400 {
animation: toBottomFromTop 0.3s forwards; }
#pxl-sidebar-area:not(.sidebar-shop) .widget .elementor-widget-container h5, .elementor-widget-sidebar .widget .elementor-widget-container h5, .elementor-widget .e-sidebar-widget .elementor-widget-container h5, .elementor-widget-wp-widget-search .elementor-widget-container h5, .elementor-widget-wp-widget-pxl_recent_posts .elementor-widget-container h5, .elementor-widget-wp-widget-pxl_template_widget .elementor-widget-container h5 {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize; }
.sidebar-widget-title {
background-color: var(--secondary-color);
position: relative;
overflow: hidden; }
.sidebar-widget-title:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
height: 0;
border-bottom: 60px solid rgba(255, 255, 255, 0.07);
border-left: 60px solid transparent;
border-right: 60px solid rgba(255, 255, 255, 0.07); }
.widget .screen-reader-text, .e-sidebar-widget .screen-reader-text {
display: none; }
.widget select, .e-sidebar-widget select {
max-width: 100%;
margin-top: 6px;
margin-bottom: 30px; }
.mailchimp-form button[type="submit"] {
display: block;
width: 100%;
margin-top: 15px;
text-align: center; }
.mailchimp-form button[type="submit"] .pxl-icon {
margin-left: 8px;
font-size: 16px;
display: inline-block; }
.mailchimp-form button[type="submit"]:hover .pxl-icon {
animation: toRightFromLeft 0.3s forwards; }
.pxl-author-info {
padding: 0 !important;
border: none !important; }
.pxl-author-info .content-inner {
text-align: center;
position: relative;
padding: 24px 30px 30px 29px;
border: 1px solid rgba(21, 27, 43, 0.05); }
.pxl-author-info .author-image {
display: inline-block;
margin-bottom: 27px;
position: relative;
z-index: 1;
display: none; }
.pxl-author-info .author-image img {
max-width: 230px;
height: auto;
border-radius: 50%; }
.pxl-author-info .author-info {
position: relative;
z-index: 1;
margin-top: 0;
padding: 0;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start; }
.pxl-author-info .author-info .author-position {
font-size: 15px;
font-weight: normal;
margin-bottom: 5px; }
.pxl-author-info .author-info .author-name {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-bottom: 0; }
.pxl-author-info .author-info .author-social {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px;
margin-bottom: 0; }
.pxl-author-info .author-info .author-social a {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #F6F6F7;
color: #4E5362;
font-size: 14px;
margin: 0 20px 0 0; }
.pxl-author-info .author-info .author-social a > * {
max-width: 100%; }
.pxl-author-info .author-info .author-social a:hover {
border-color: transparent;
background-color: var(--heading-color);
color: #fff;
transform: translateY(-8px); }
.single-post .pxl-author-info {
margin-top: 57px; }
.pxl-location-info {
margin-bottom: 50px !important; }
.pxl-location-info .lc-image-wrap {
margin-top: 30px;
margin-bottom: 35px; }
@media (min-width: 1200px) {
.pxl-location-info .lc-image-wrap {
padding: 0 40px; } }
.pxl-location-info .location-name {
font-size: 13px;
font-weight: 600;
position: relative;
letter-spacing: 0.15em;
display: inline-flex;
align-items: center;
background-color: #fff;
padding-right: 30px;
text-transform: uppercase;
margin-top: 7px;
margin-bottom: 15px; }
.pxl-location-info .location-name:before {
content: "";
font-family: "Material-Design-Iconic-Font";
display: inline-flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
background-color: var(--secondary-color);
color: var(--primary-color);
font-size: 19px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 30px; }
.pxl-location-info .contact-location {
display: flex;
align-items: center;
flex-wrap: wrap; }
.pxl-location-info .contact-location > span {
display: inline-flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
color: #fff;
margin-right: 18px;
flex: none;
background-color: rgba(255, 255, 255, 0.1);
transition: all 300ms linear 0s; }
.pxl-location-info .contact-location + .contact-location {
margin-top: 10px; }
.pxl-location-info .contact-location:hover > span {
background-color: var(--primary-color);
color: var(--heading-color); }
.search-form {
position: relative; }
.widget_search, .wp-block-search {
position: relative;
padding-bottom: 0; }
.widget_search .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__inside-wrapper {
position: relative; }
.widget_search .search-field, .widget_search .wp-block-search__input, .wp-block-search .search-field, .wp-block-search .wp-block-search__input {
padding-right: 50px !important;
border: 1px solid #dedede;
font-style: italic; }
.widget_search .search-submit, .widget_search .wp-block-search__button, .wp-block-search .search-submit, .wp-block-search .wp-block-search__button {
border: none;
background-color: var(--heading-color);
color: #fff;
padding: 0;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
letter-spacing: 0; }
.widget_search .search-submit:after, .widget_search .wp-block-search__button:after, .wp-block-search .search-submit:after, .wp-block-search .wp-block-search__button:after {
content: none; }
.widget_search .search-submit:hover, .widget_search .wp-block-search__button:hover, .wp-block-search .search-submit:hover, .wp-block-search .wp-block-search__button:hover {
background-color: var(--primary-color); }
.widget_search .search-submit:hover .pxli-search-400, .widget_search .wp-block-search__button:hover .pxli-search-400, .wp-block-search .search-submit:hover .pxli-search-400, .wp-block-search .wp-block-search__button:hover .pxli-search-400 {
animation: toBottomFromTop 0.3s forwards; }
.widget_search .wp-block-search__button, .wp-block-search .wp-block-search__button {
font-size: 0; }
.widget_pxl_recent_posts .pxl-post-item, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item {
margin-bottom: 25px;
box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05); }
.widget_pxl_recent_posts .pxl-post-item:last-child, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none; }
.widget_pxl_recent_posts .pxl-post-img img, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-img img {
max-width: 70px;
border-radius: 12px; }
.widget_pxl_recent_posts .post-date, .elementor-widget-wp-widget-pxl_recent_posts .post-date {
font-size: 15px;
margin: 0;
padding: 0;
text-transform: capitalize;
display: inline-flex;
align-items: center; }
.widget_pxl_recent_posts .post-date > span, .elementor-widget-wp-widget-pxl_recent_posts .post-date > span {
position: relative;
bottom: 2px;
margin-right: 10px; }
.widget_pxl_recent_posts .pxl-wg-post-title, .elementor-widget-wp-widget-pxl_recent_posts .pxl-wg-post-title {
font-weight: 400;
font-size: 16px;
line-height: 26px;
font-family: var(--body-font-family);
margin-bottom: 0;
letter-spacing: 0;
padding: 13px 20px;
transition: all 0.3s; }
.widget_pxl_recent_posts .pxl-wg-post-title:hover, .elementor-widget-wp-widget-pxl_recent_posts .pxl-wg-post-title:hover {
background-color: var(--heading-color); }
.widget_pxl_recent_posts .pxl-wg-post-title:hover a, .elementor-widget-wp-widget-pxl_recent_posts .pxl-wg-post-title:hover a {
color: #fff; }
.site-layout-full-width .widget_pxl_recent_posts .entry-title {
font-size: 20px; }
.site-layout-full-width .widget_pxl_recent_posts .entry-meta li {
font-size: 16px; }
ul.menu {
list-style: none;
margin: 0; }
.widget_nav_menu.column3 ul.menu {
margin: 0 -15px;
overflow: hidden; }
.widget_nav_menu.column3 ul.menu li {
width: 33.33%;
padding: 0 15px;
float: left; }
@media (max-width: 575px) {
.widget_nav_menu.column3 ul.menu li {
width: 50%; } }
@media (max-width: 575px) {
.widget_nav_menu.column3 ul.menu li {
width: 100%; } }
.widget_nav_menu.column2 ul.menu {
margin: 0 -15px;
overflow: hidden; }
.widget_nav_menu.column2 ul.menu li {
width: 50%;
padding: 0 15px;
float: left; }
@media (max-width: 575px) {
.widget_nav_menu.column2 ul.menu li {
width: 100%; } }
.widget_categories ul, .widget_product_categories ul, .widget_nav_menu ul, .widget_pages ul, .widget_archive ul, .widget_meta ul {
list-style: none;
margin: 0; }
#pxl-main .widget_categories, #pxl-main .widget_product_categories, #pxl-main .widget_nav_menu, #pxl-main .pxl-nav-menu.e-sidebar-widget, #pxl-main .widget_pages, #pxl-main .widget_archive, #pxl-main .widget_meta, #pxl-main .widget_block {
overflow: inherit; }
#pxl-main .widget_categories ul li, #pxl-main .widget_product_categories ul li, #pxl-main .widget_nav_menu ul li, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li, #pxl-main .widget_pages ul li, #pxl-main .widget_archive ul li, #pxl-main .widget_meta ul li, #pxl-main .widget_block ul li {
font-size: 0;
line-height: 0; }
#pxl-main .widget_categories ul li a, #pxl-main .widget_product_categories ul li a, #pxl-main .widget_nav_menu ul li a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li a, #pxl-main .widget_pages ul li a, #pxl-main .widget_archive ul li a, #pxl-main .widget_meta ul li a, #pxl-main .widget_block ul li a {
font-size: 15px;
font-weight: normal;
letter-spacing: 0.02em;
color: var(--heading-color);
display: flex;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #d8d8d8;
position: relative; }
#pxl-main .widget_categories ul li > a:before, #pxl-main .widget_product_categories ul li > a:before, #pxl-main .widget_nav_menu ul li > a:before, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li > a:before, #pxl-main .widget_pages ul li > a:before, #pxl-main .widget_archive ul li > a:before, #pxl-main .widget_meta ul li > a:before, #pxl-main .widget_block ul li > a:before {
content: "";
display: inline-flex;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--secondary-color);
margin-right: 10px;
position: relative;
transition: all 300ms ease 0s; }
#pxl-main .widget_categories ul li:last-child > a, #pxl-main .widget_product_categories ul li:last-child > a, #pxl-main .widget_nav_menu ul li:last-child > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li:last-child > a, #pxl-main .widget_pages ul li:last-child > a, #pxl-main .widget_archive ul li:last-child > a, #pxl-main .widget_meta ul li:last-child > a, #pxl-main .widget_block ul li:last-child > a {
border-bottom: none; }
#pxl-main .widget_categories ul li.current-cat > a, #pxl-main .widget_categories ul li.current-cat-parent > a, #pxl-main .widget_categories ul li.current-menu-item > a, #pxl-main .widget_categories ul li > a:hover, #pxl-main .widget_product_categories ul li.current-cat > a, #pxl-main .widget_product_categories ul li.current-cat-parent > a, #pxl-main .widget_product_categories ul li.current-menu-item > a, #pxl-main .widget_product_categories ul li > a:hover, #pxl-main .widget_nav_menu ul li.current-cat > a, #pxl-main .widget_nav_menu ul li.current-cat-parent > a, #pxl-main .widget_nav_menu ul li.current-menu-item > a, #pxl-main .widget_nav_menu ul li > a:hover, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-cat > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-cat-parent > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-menu-item > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li > a:hover, #pxl-main .widget_pages ul li.current-cat > a, #pxl-main .widget_pages ul li.current-cat-parent > a, #pxl-main .widget_pages ul li.current-menu-item > a, #pxl-main .widget_pages ul li > a:hover, #pxl-main .widget_archive ul li.current-cat > a, #pxl-main .widget_archive ul li.current-cat-parent > a, #pxl-main .widget_archive ul li.current-menu-item > a, #pxl-main .widget_archive ul li > a:hover, #pxl-main .widget_meta ul li.current-cat > a, #pxl-main .widget_meta ul li.current-cat-parent > a, #pxl-main .widget_meta ul li.current-menu-item > a, #pxl-main .widget_meta ul li > a:hover, #pxl-main .widget_block ul li.current-cat > a, #pxl-main .widget_block ul li.current-cat-parent > a, #pxl-main .widget_block ul li.current-menu-item > a, #pxl-main .widget_block ul li > a:hover {
color: var(--secondary-color); }
#pxl-main .widget_categories ul li.current-cat > a:before, #pxl-main .widget_categories ul li.current-cat-parent > a:before, #pxl-main .widget_categories ul li.current-menu-item > a:before, #pxl-main .widget_categories ul li > a:hover:before, #pxl-main .widget_product_categories ul li.current-cat > a:before, #pxl-main .widget_product_categories ul li.current-cat-parent > a:before, #pxl-main .widget_product_categories ul li.current-menu-item > a:before, #pxl-main .widget_product_categories ul li > a:hover:before, #pxl-main .widget_nav_menu ul li.current-cat > a:before, #pxl-main .widget_nav_menu ul li.current-cat-parent > a:before, #pxl-main .widget_nav_menu ul li.current-menu-item > a:before, #pxl-main .widget_nav_menu ul li > a:hover:before, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-cat > a:before, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-cat-parent > a:before, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.current-menu-item > a:before, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li > a:hover:before, #pxl-main .widget_pages ul li.current-cat > a:before, #pxl-main .widget_pages ul li.current-cat-parent > a:before, #pxl-main .widget_pages ul li.current-menu-item > a:before, #pxl-main .widget_pages ul li > a:hover:before, #pxl-main .widget_archive ul li.current-cat > a:before, #pxl-main .widget_archive ul li.current-cat-parent > a:before, #pxl-main .widget_archive ul li.current-menu-item > a:before, #pxl-main .widget_archive ul li > a:hover:before, #pxl-main .widget_meta ul li.current-cat > a:before, #pxl-main .widget_meta ul li.current-cat-parent > a:before, #pxl-main .widget_meta ul li.current-menu-item > a:before, #pxl-main .widget_meta ul li > a:hover:before, #pxl-main .widget_block ul li.current-cat > a:before, #pxl-main .widget_block ul li.current-cat-parent > a:before, #pxl-main .widget_block ul li.current-menu-item > a:before, #pxl-main .widget_block ul li > a:hover:before {
background-color: var(--primary-color); }
#pxl-main .widget_categories ul li.menu-item-has-children > a, #pxl-main .widget_product_categories ul li.menu-item-has-children > a, #pxl-main .widget_nav_menu ul li.menu-item-has-children > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li.menu-item-has-children > a, #pxl-main .widget_pages ul li.menu-item-has-children > a, #pxl-main .widget_archive ul li.menu-item-has-children > a, #pxl-main .widget_meta ul li.menu-item-has-children > a, #pxl-main .widget_block ul li.menu-item-has-children > a {
border-bottom: 1px solid #d8d8d8; }
#pxl-main .widget_categories ul li .sub-menu > li > a, #pxl-main .widget_categories ul li .children > li > a, #pxl-main .widget_product_categories ul li .sub-menu > li > a, #pxl-main .widget_product_categories ul li .children > li > a, #pxl-main .widget_nav_menu ul li .sub-menu > li > a, #pxl-main .widget_nav_menu ul li .children > li > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li .sub-menu > li > a, #pxl-main .pxl-nav-menu.e-sidebar-widget ul li .children > li > a, #pxl-main .widget_pages ul li .sub-menu > li > a, #pxl-main .widget_pages ul li .children > li > a, #pxl-main .widget_archive ul li .sub-menu > li > a, #pxl-main .widget_archive ul li .children > li > a, #pxl-main .widget_meta ul li .sub-menu > li > a, #pxl-main .widget_meta ul li .children > li > a, #pxl-main .widget_block ul li .sub-menu > li > a, #pxl-main .widget_block ul li .children > li > a {
border-bottom: 1px solid #d8d8d8; }
#pxl-main .widget_categories .current-cat > a, #pxl-main .widget_categories .current-cat-parent > a, #pxl-main .widget_categories .current-cat-ancestor > a, #pxl-main .widget_product_categories .current-cat > a, #pxl-main .widget_product_categories .current-cat-parent > a, #pxl-main .widget_product_categories .current-cat-ancestor > a, #pxl-main .widget_nav_menu .current-cat > a, #pxl-main .widget_nav_menu .current-cat-parent > a, #pxl-main .widget_nav_menu .current-cat-ancestor > a, #pxl-main .pxl-nav-menu.e-sidebar-widget .current-cat > a, #pxl-main .pxl-nav-menu.e-sidebar-widget .current-cat-parent > a, #pxl-main .pxl-nav-menu.e-sidebar-widget .current-cat-ancestor > a, #pxl-main .widget_pages .current-cat > a, #pxl-main .widget_pages .current-cat-parent > a, #pxl-main .widget_pages .current-cat-ancestor > a, #pxl-main .widget_archive .current-cat > a, #pxl-main .widget_archive .current-cat-parent > a, #pxl-main .widget_archive .current-cat-ancestor > a, #pxl-main .widget_meta .current-cat > a, #pxl-main .widget_meta .current-cat-parent > a, #pxl-main .widget_meta .current-cat-ancestor > a, #pxl-main .widget_block .current-cat > a, #pxl-main .widget_block .current-cat-parent > a, #pxl-main .widget_block .current-cat-ancestor > a {
color: var(--primary-color); }
#pxl-main .widget_categories .widget-title + ul, #pxl-main .widget_categories .pxl-nav-inner, #pxl-main .widget_categories h2 + ul, #pxl-main .widget_product_categories .widget-title + ul, #pxl-main .widget_product_categories .pxl-nav-inner, #pxl-main .widget_product_categories h2 + ul, #pxl-main .widget_nav_menu .widget-title + ul, #pxl-main .widget_nav_menu .pxl-nav-inner, #pxl-main .widget_nav_menu h2 + ul, #pxl-main .pxl-nav-menu.e-sidebar-widget .widget-title + ul, #pxl-main .pxl-nav-menu.e-sidebar-widget .pxl-nav-inner, #pxl-main .pxl-nav-menu.e-sidebar-widget h2 + ul, #pxl-main .widget_pages .widget-title + ul, #pxl-main .widget_pages .pxl-nav-inner, #pxl-main .widget_pages h2 + ul, #pxl-main .widget_archive .widget-title + ul, #pxl-main .widget_archive .pxl-nav-inner, #pxl-main .widget_archive h2 + ul, #pxl-main .widget_meta .widget-title + ul, #pxl-main .widget_meta .pxl-nav-inner, #pxl-main .widget_meta h2 + ul, #pxl-main .widget_block .widget-title + ul, #pxl-main .widget_block .pxl-nav-inner, #pxl-main .widget_block h2 + ul {
margin-bottom: -17px;
margin-top: -17px; }
#pxl-main .widget_categories ul.menu, #pxl-main .widget_product_categories ul.menu, #pxl-main .widget_nav_menu ul.menu, #pxl-main .pxl-nav-menu.e-sidebar-widget ul.menu, #pxl-main .widget_pages ul.menu, #pxl-main .widget_archive ul.menu, #pxl-main .widget_meta ul.menu, #pxl-main .widget_block ul.menu {
overflow: hidden; }
#pxl-main .widget_categories ul.children a:not(:last-child), #pxl-main .widget_nav_menu ul.children a:not(:last-child) {
display: none !important; }
#pxl-main .widget_categories a:empty, #pxl-main .widget_categories a:blank, #pxl-main .widget_nav_menu a:empty, #pxl-main .widget_nav_menu a:blank {
display: none !important; }
#pxl-main .widget_categories a:empty:after, #pxl-main .widget_categories a:blank:after, #pxl-main .widget_nav_menu a:empty:after, #pxl-main .widget_nav_menu a:blank:after {
content: none !important; }
#pxl-main .widget_text {
padding-bottom: 15px; }
#pxl-main .widget_text select {
margin: 10px 0 30px !important;
max-width: 100% !important; }
.widget_recent_entries a, .widget_recent_comments a {
color: var(--heading-color);
font-size: 16px; }
.widget_recent_entries a:hover, .widget_recent_comments a:hover {
color: var(--primary-color); }
.widget_recent_entries li, .widget_recent_comments li {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 11px;
margin-bottom: 11px;
position: relative; }
.widget_recent_entries li:before, .widget_recent_comments li:before {
width: 20px;
height: 25px;
line-height: 25px;
font-size: 15px;
margin-right: 10px;
color: var(--primary-color);
content: "";
font-family: "pxli";
display: inline-block; }
.widget_recent_entries li:last-child, .widget_recent_comments li:last-child {
margin-bottom: -15px;
padding-bottom: 0;
border: none; }
.widget_recent_entries li::marker, .widget_recent_comments li::marker {
content: none; }
.widget_recent_comments .recentcomments > a:before {
content: "\a";
white-space: pre; }
.widget_rss {
font-size: 16px; }
.widget_rss .widget-title .rsswidget {
font-weight: bold;
margin-bottom: 0; }
.widget_rss .widget-title .rsswidget .rss-widget-icon {
display: flex; }
.widget_rss ul {
list-style: none;
padding: 0; }
.widget_rss li {
margin-bottom: 16px; }
.widget_rss li:last-child {
margin-bottom: 0; }
.widget_rss .rsswidget {
font-weight: 500;
display: inline-block;
margin-bottom: 5px;
color: var(--heading-color); }
.widget_rss a:hover {
color: var(--primary-color); }
.widget_rss .rss-date {
font-size: 0.875em;
font-style: italic;
display: block;
margin-bottom: 3px; }
.widget_rss cite {
font-weight: 700;
font-size: 0.875em; }
.widget_calendar th, .widget_calendar td {
text-align: center; }
.widget_calendar tbody td a {
color: var(--primary-color); }
.widget_calendar .wp-calendar-nav-prev a {
border-bottom: 1px solid; }
.widget_calendar #wp-calendar {
margin-bottom: 0; }
.widget_calendar #wp-calendar caption {
margin-bottom: 15px; }
.widget_pxl_check_availability {
background-color: #fff;
border: 1px solid #e5e5e5 !important;
margin-bottom: 55px !important;
padding: 30px !important; }
.widget_pxl_check_availability .select2-selection__arrow {
display: none !important; }
.tnp-widget-minimal form {
display: flex;
position: relative; }
.tnp-widget-minimal form input.tnp-email {
color: #666;
padding: 0 18px;
background-color: #fff; }
.tnp-widget-minimal form input.tnp-submit {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 100%;
border-radius: 0;
padding: 0 35px;
font-size: 13px;
letter-spacing: 0.07em;
font-family: var(--heading-font-family);
background-color: var(--primary-color); }
#pxl-sidebar-area .widget_newsletterwidget .widget-content, #pxl-sidebar-area .widget_newsletterwidget .widget-desc, .pxl-newsletter-form.e-sidebar-widget .widget-content, .pxl-newsletter-form.e-sidebar-widget .widget-desc {
color: var(--heading-color);
font-size: 15px; }
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget, .pxl-newsletter-form.e-sidebar-widget .tnp-widget {
position: relative;
margin-top: 13px; }
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-email, .pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-email {
margin-bottom: 15px; }
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-email .tnp-email, .pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-email .tnp-email {
height: 50px;
border-radius: 0;
background-color: transparent;
border-color: #c2c2c2;
color: var(--heading-color);
font-weight: 400; }
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-button, .pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-button {
margin: 0;
position: relative;
overflow: hidden; }
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-button .tnp-submit, .pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-button .tnp-submit {
height: 50px;
width: 100%;
background-color: var(--primary-color);
color: var(--heading-color);
border-color: transparent; }
#pxl-sidebar-area .widget_newsletterwidget .tnp-widget .tnp-field-button .tnp-submit:hover, .pxl-newsletter-form.e-sidebar-widget .tnp-widget .tnp-field-button .tnp-submit:hover {
background-color: var(--secondary-color);
color: #fff; }
.tagcloud a {
background-color: rgba(var(--heading-color-rgb),0.1);
color: var(--heading-color);
display: inline-block;
font-size: 13px !important;
padding: 5px 18px;
margin-top: 8px;
margin-right: 3px;
border-radius: 6px; }
.tagcloud a:hover {
background-color: var(--secondary-color);
color: #fff; }
.entry-tags label {
font-size: 17px;
color: var(--heading-color);
margin-right: 15px; }
.tagcloud {
margin-top: -10px; } .pxl-banner-text {
margin-top: 50px; }
.pxl-banner-text .content-inner {
min-height: 420px;
padding: 42px 35px; }
.pxl-banner-text .content-inner .banner-title {
font-size: 30px;
line-height: 38px;
color: #fff; }
.pxl-banner-text .content-inner .banner-desc {
font-size: 15px;
color: #fff; }
@media (max-width: 575px) {
.pxl-banner-text .content-inner {
padding: 35px 20px; }
.pxl-banner-text .content-inner .banner-title {
font-size: 25px;
line-height: 30px; } }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }
embed, iframe, object {
max-width: 100%; }
.custom-logo-link {
display: inline-block; }
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
padding-top: 2px;
text-align: right;
font-size: 14px;
line-height: 34px;
color: #ACACAC;
font-style: italic; }
.wp-caption-text {
text-align: right;
font-size: 14px;
line-height: 34px;
color: #ACACAC; }
.gallery {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 25px;
margin-top: 28px; }
.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 1em;
padding: 0 10px;
width: 50%; }
.gallery-item .gallery-icon {
overflow: hidden; }
.gallery-caption {
display: block;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0; }
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
display: flex; }
.wp-block-gallery.alignfull {
margin-bottom: 20px; }
.wp-block-gallery.alignfull .blocks-gallery-caption {
margin-bottom: 20px; }
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull {
width: 100vw; }
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull .blocks-gallery-grid {
position: relative;
left: calc(-12.5% - 128px);
width: calc(125% + 150px);
max-width: calc(125% + 150px); }
.gallery-columns-1 .gallery-item {
width: 100%; }
@media (min-width: 480px) {
.gallery-columns-3 .gallery-item {
width: 33.333333%; } }
@media (min-width: 480px) {
.gallery-columns-4 .gallery-item {
width: 25%; } }
.gallery-columns-5 .gallery-caption {
display: none; }
@media (min-width: 480px) {
.gallery-columns-5 .gallery-item {
width: 25%; } }
@media (min-width: 768px) {
.gallery-columns-5 .gallery-item {
width: 20%; } }
.gallery-columns-6 .gallery-caption {
display: none; }
@media (min-width: 480px) {
.gallery-columns-6 .gallery-item {
width: 25%; } }
@media (min-width: 768px) {
.gallery-columns-6 .gallery-item {
width: 16.66%; } }
.gallery-columns-7 .gallery-caption {
display: none; }
@media (min-width: 480px) {
.gallery-columns-7 .gallery-item {
width: 25%; } }
@media (min-width: 768px) {
.gallery-columns-7 .gallery-item {
width: 14.28%; } }
.gallery-columns-8 .gallery-caption {
display: none; }
@media (min-width: 480px) {
.gallery-columns-8 .gallery-item {
width: 25%; } }
@media (min-width: 768px) {
.gallery-columns-8 .gallery-item {
width: 12.5%; } }
.gallery-columns-9 .gallery-caption {
display: none; }
@media (min-width: 480px) {
.gallery-columns-9 .gallery-item {
width: 25%; } }
@media (min-width: 768px) {
.gallery-columns-9 .gallery-item {
width: 11.11%; } }
.gallery-caption {
display: block; }
.wp-block-gallery {
max-width: 100% !important; }
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
display: flex; }
.comments-area .no-comments {
margin-top: 20px; }
.comments-area {
margin-top: 40px; }
.comments-area .comment-list-wrap {
margin-bottom: 50px;
padding: 41px 109px 44px 109px;
border: 1px solid rgba(21, 27, 43, 0.1); }
@media (max-width: 1199px) {
.comments-area .comment-list-wrap {
padding: 41px 70px 44px 70px; } }
@media (max-width: 575px) {
.comments-area .comment-list-wrap {
padding: 30px; } }
.comments-area .comment-respond {
padding: 31px 110px 50px 109px;
border: 1px solid rgba(21, 27, 43, 0.1); }
@media (max-width: 1199px) {
.comments-area .comment-respond {
padding: 41px 70px 44px 70px; } }
@media (max-width: 575px) {
.comments-area .comment-respond {
padding: 30px; } }
.comments-area .comment-respond .form-submit {
display: flex;
margin-top: 43px; }
.comments-area .comment-respond .form-submit .btn-default {
padding: 22px 6px 22px 28px;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
letter-spacing: 0;
font-family: var(--heading-font-family);
background-color: var(--heading-color); }
.comments-area .comment-respond .form-submit .btn-default span::after {
opacity: 0;
transform: translateX(0);
transition: all 300ms ease 0s; }
.comments-area .comment-respond .form-submit .btn-default:hover {
background-color: var(--primary-color); }
.comments-area .comment-respond .form-submit .btn-default:hover span::after {
opacity: 1;
transform: translateX(9px);
padding-right: 22px; }
.comments-area .comment-respond .comment_notes_after {
text-align: start;
margin-bottom: 0;
margin-top: 23px; }
.comments-area .comment-respond .comment_notes_after span {
color: var(--primary-color); }
.comments-title, .comment-reply-title {
font-style: normal;
font-size: 30px;
font-weight: bold;
color: var(--heading-color);
margin: 0 0 29px 0;
position: relative; }
.commentlist {
list-style: none;
padding: 0;
margin: 0; }
.commentlist .comment {
padding-top: 30px;
margin-top: 29px;
border-top: 1px solid rgba(21, 27, 43, 0.1); }
@media (max-width: 575px) {
.commentlist .comment .comment-body .comment-inner .inner-top {
flex-direction: column;
gap: 20px; } }
.commentlist > .comment:first-child, .commentlist > .review:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0; }
.commentlist > .comment:not(:last-child) > .children, .commentlist > .review:not(:last-child) > .children {
margin-bottom: 0; }
.commentlist > .comment > .children, .commentlist > .review > .children {
border-top: 1px solid rgba(21, 27, 43, 0.1);
padding-top: 30px;
margin-top: 29px; }
.commentlist > .comment > .children .comment, .commentlist > .review > .children .comment {
margin: 0;
border-top: none;
padding-top: 0; }
.commentlist .comment-avatar img {
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.commentlist .comment-content .comment-title {
position: relative;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0;
font-family: var(--body-font-family);
color: var(--heading-color); }
.commentlist .comment-content .comment-title a {
color: inherit; }
.commentlist .comment-content .comment-title a:hover {
color: var(--link-color-hover); }
.commentlist .comment-content .comment-date {
font-size: 14px; }
.commentlist .comment-content .comment-meta {
font-size: 12px;
color: #333; }
.commentlist .comment-text {
margin-top: 18px; }
.commentlist .children {
list-style: none;
padding: 25px 0 0 70px;
margin: 0; }
[dir="rtl"] .commentlist .children {
padding: 0 70px 0 0; }
@media (max-width: 1499px) {
.commentlist .children {
padding: 0 0 0 35px; }
[dir="rtl"] .commentlist .children {
padding: 0 35px 0 0; } }
@media (max-width: 575px) {
.commentlist .children {
padding: 0 0 0 15px; }
[dir="rtl"] .commentlist .children {
padding: 0 15px 0 0; } }
.commentlist .comment-reply-link {
font-size: 16px;
color: #fff;
background-color: var(--heading-color);
padding: 2px 15px;
letter-spacing: 0;
position: relative;
overflow: hidden;
font-family: var(--body-font-family);
font-weight: 400;
line-height: 26px; }
.commentlist .comment-reply-link:hover {
background-color: #fff;
border: 1px solid rgba(21, 27, 43, 0.1);
color: #4E5362; }
.comments-pagination {
margin-top: 24px; }
.comment-respond .comment-form {
text-align: center; }
.comment-respond .comment-form > label {
margin-bottom: 30px; }
.comment-respond .comment-form .comment-form-field {
margin-top: 20px; }
.comment-respond .comment-form .pxl-comment-form-rating .comment-form-field {
margin-top: 0; }
.comment-respond .comment-form input[type=checkbox] {
display: none; }
.comment-respond .comment-form input[type=checkbox] + label:before {
content: "";
font-family: "pxli";
border: 1px solid #dadada;
border-radius: 0;
background-color: #fff;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 10px;
vertical-align: bottom;
color: transparent;
transition: 0.2s;
position: relative;
top: -4px;
font-size: 8px;
text-align: center;
line-height: 12px; }
.comment-respond .comment-form input[type=checkbox] + label:active:before {
transform: scale(0); }
.comment-respond .comment-form input[type=checkbox]:checked + label:before {
background-color: var(--secondary-color);
color: #fff; }
.comment-respond .comment-form input[type=checkbox]:disabled + label:before {
transform: scale(1);
border-color: #aaa; }
.comment-respond .comment-form button[type="submit"] > span:after {
font-family: "pxli";
font-style: normal;
font-weight: normal;
content: "";
font-size: 20px;
position: relative;
top: 1px; }
.comment-respond .comment-form .comment-form-comment textarea {
height: 90px;
border-radius: 0;
border: none;
box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05);
resize: none; }
.comment-respond .pxl-comment-form-fields-wrap .comment-form-field {
margin-top: 0; }
.comment-respond .comment-notes {
display: none; }
.comment-respond .pxl-comment-form-fields-wrap {
display: flex;
flex-direction: column; }
.comment-respond .pxl-comment-form-fields-wrap .comment-form-field {
width: 100%; }
.comment-respond .pxl-comment-form-fields-wrap .comment-form-field input {
border-radius: 0;
border: none;
box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05); }
.comment-respond .pxl-comment-form-fields-wrap .comment-form-email {
margin: 24px 0; }
.comment-respond .comment-form-cookies-consent {
padding-top: 15px;
display: flex;
flex-wrap: wrap;
margin-bottom: 22px;
display: none; }
.comment-respond .comment-form-cookies-consent .cms-custom-checkbox {
flex: 0 0 auto;
margin-top: 1px; }
.comment-respond .comment-form-cookies-consent label {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
margin: 0;
line-height: normal; }
.comment-respond .form-submit {
margin: 35px 0 0; }
.logged-in-as {
margin-bottom: 10px;
color: var(--heading-color);
display: none; }
#cancel-comment-reply-link {
padding-left: 15px;
color: var(--heading-color);
font-weight: 400; }
[dir="rtl"] #cancel-comment-reply-link {
padding-left: 0;
padding-right: 15px; }
p.no-comments {
margin-top: 30px;
color: red; }
.rating-container {
display: inline-block;
height: 18px;
vertical-align: top;
font-size: 0;
unicode-bidi: bidi-override;
direction: rtl; }
.rating-container * {
font-size: 17px; }
.rating-container > input {
display: none; }
.rating-container > input + label {
font-family: "pxli";
line-height: 1; }
.rating-container > input + label:before {
display: inline-block;
content: "";
color: #FFB237; }
.rating-container > input:checked ~ label:before, .rating-container > input + label:hover ~ label:before, .rating-container > input + label:hover:before, .pxl-rating-icon-filled:before {
content: "";
color: #FFB237; }
.rating-container:hover > input + label:before, .pxl-rating-icon-empty:before {
content: "";
color: #FFB237;
text-shadow: none; }
.rating-container:hover > input + label:hover ~ label:before, .rating-container:hover > input + label:hover:before {
content: "";
color: #FFB237; }
.pxl-rating-icon-filled, .pxl-rating-icon-empty {
font-family: "pxli";
display: inline-block;
overflow: hidden;
width: 1em;
white-space: nowrap;
cursor: pointer;
margin: 0; }
.pxl-rating-icon-empty {
z-index: -1; }
.pxl-scroll-top {
position: fixed;
z-index: 99;
bottom: 24px;
right: 30px;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
opacity: 0;
visibility: hidden; }
.pxl-scroll-top i {
font-size: 20px;
color: #fff; }
.pxl-scroll-top:hover i, .pxl-scroll-top:focus i, .pxl-scroll-top:active i {
-webkit-animation: toTopFromBottom 0.3s forwards;
-khtml-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
-ms-animation: toTopFromBottom 0.3s forwards;
-o-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards; }
.pxl-scroll-top.on {
bottom: 44px;
opacity: 1;
visibility: visible; }
.pxl-footer.scroll-off:after {
display: none; }
.pxl-footer .pxl-heading-wrap .heading-title {
color: #ffffff; }
.pxl-footer .pxl-heading-wrap h4 {
font-size: 24px; }
.pxl-footer .pxl-nav-menu ul > li a {
position: relative;
transition: all 200ms ease 0s; }
.pxl-footer .pxl-nav-menu ul > li a:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #fff;
vertical-align: middle;
margin-right: 5px;
transform: scale(0); }
.pxl-footer .pxl-nav-menu ul > li a > span {
transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1) !important;
display: inline-block;
transform: translateX(-23px); }
.pxl-footer .pxl-nav-menu ul > li a > span:before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #fff;
vertical-align: middle;
margin-right: 10px;
transform: scale(0); }
.pxl-footer .pxl-nav-menu ul > li a:hover {
margin-left: 0; }
.pxl-footer .pxl-nav-menu ul > li a:hover > span {
transform: translateX(0); }
.pxl-footer .pxl-nav-menu ul > li a:hover:before {
transition: all 200ms linear 200ms; }
.pxl-footer .pxl-nav-menu ul > li a:hover > span:before {
transition: all 200ms linear 300ms; }
.pxl-footer .pxl-nav-menu ul > li a:hover:before, .pxl-footer .pxl-nav-menu ul > li a:hover > span:before {
transform: scale(1); }
.pxl-footer .pxl-nav-menu ul > li + li {
margin-top: 10px; }
.pxl-footer-fixed #pxl-footer.footer-type-el {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: -1; }
@media (max-width: 1199px) {
.pxl-footer-fixed #pxl-footer.footer-type-el {
position: static; } }
.pxl-footer-fixed #header-type-el {
background-color: #fff; }
.pxl-footer-fixed #pxl-main {
background-color: #fff; }
@media (max-width: 1199px) {
.pxl-footer-fixed #pxl-main {
margin-bottom: 0 !important; } } .pxl-footer-bottom {
padding-top: 30px;
padding-bottom: 30px;
background: var(--secondary-color);
color: #fff;
font-size: 16px; }
.pxl-copyright-text a {
color: var(--primary-color); }
.pxl-copyright-text a:hover {
color: #fff; }
@media (max-width: 575px) {
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon .fa-square-full {
margin-top: 5px; } }
.elementor-section .elementor-container {
flex-wrap: wrap;
justify-content: center; }
.elementor-editor-active .pxl-header-sticky {
display: none; }
.elementor-editor-active .pxl-header-transparent, .elementor-editor-active #pxl-footer {
position: relative !important; }
.elementor-editor-active #pxl-main {
margin: 0 !important; }
.elementor-lightbox .swiper-zoom-container > canvas, .elementor-lightbox .swiper-zoom-container > img, .elementor-lightbox .swiper-zoom-container > svg {
object-fit: cover;
-o-object-fit: cover; }
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0 15px; }
.elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
padding: 0 15px; }
.pxl-single-post .single-elementor-content > .elementor {
margin: 0 -15px; }
.pxl-single-post .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px; }
.elementor-section-boxed .elementor-inner-section > .elementor-column-gap-default {
margin: 0 -15px; }
.pxl-entry-content .fadeInUp.animated {
-webkit-animation: pxlFadeInUp 1s linear;
-khtml-animation: pxlFadeInUp 1s linear;
-moz-animation: pxlFadeInUp 1s linear;
-ms-animation: pxlFadeInUp 1s linear;
-o-animation: pxlFadeInUp 1s linear;
animation: pxlFadeInUp 1s linear;
-webkit-transition: all 1s linear;
-khtml-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }
.pxl-entry-content .fadeInUp.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.pxl-entry-content .fadeInUp.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s; }
.pxl-entry-content .fadeInDown.animated {
-webkit-animation: pxlFadeInDown 1s linear;
-khtml-animation: pxlFadeInDown 1s linear;
-moz-animation: pxlFadeInDown 1s linear;
-ms-animation: pxlFadeInDown 1s linear;
-o-animation: pxlFadeInDown 1s linear;
animation: pxlFadeInDown 1s linear;
-webkit-transition: all 1s linear;
-khtml-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }
.pxl-entry-content .fadeInDown.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.pxl-entry-content .fadeInDown.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s; }
.pxl-entry-content .fadeInLeft.animated {
-webkit-animation: pxlFadeInLeft 1s linear;
-khtml-animation: pxlFadeInLeft 1s linear;
-moz-animation: pxlFadeInLeft 1s linear;
-ms-animation: pxlFadeInLeft 1s linear;
-o-animation: pxlFadeInLeft 1s linear;
animation: pxlFadeInLeft 1s linear;
-webkit-transition: all 1s linear;
-khtml-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }
.pxl-entry-content .fadeInLeft.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.pxl-entry-content .fadeInLeft.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s; }
.pxl-entry-content .fadeInRight.animated {
-webkit-animation: pxlFadeInRight 1s linear;
-khtml-animation: pxlFadeInRight 1s linear;
-moz-animation: pxlFadeInRight 1s linear;
-ms-animation: pxlFadeInRight 1s linear;
-o-animation: pxlFadeInRight 1s linear;
animation: pxlFadeInRight 1s linear;
-webkit-transition: all 1s linear;
-khtml-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }
.pxl-entry-content .fadeInRight.animated.animated-slow {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
.pxl-entry-content .fadeInRight.animated.animated-fast {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s; }
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
flex: none; }
@media (max-width: 575px) {
.elementor-widget-icon-list .elementor-icon-list-item {
align-items: flex-start !important; }
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon {
margin-top: 0.3em; } }
.elementor-image-box-wrapper .elementor-image-box-img {
flex: none !important; }
@media (max-width: 575px) {
.elementor-image-box-wrapper .elementor-image-box-img {
margin-bottom: 15px !important; } }
.imb-mobile-keep .elementor-image-box-wrapper {
display: flex;
align-items: center; }
@media (max-width: 575px) {
.imb-mobile-keep .elementor-image-box-wrapper .elementor-image-box-img {
margin-bottom: 0 !important; } }
@media (min-width: 1200px) {
.pxl-section-offset-left.pxl-container-width-container-1200 {
padding-left: calc((100% - 1170px)/2) !important; } }
@media (min-width: 1570px) {
.pxl-section-offset-left.pxl-container-width-container-1570 {
padding-left: calc((100% - 1540px)/2) !important; } }
@media (min-width: 1200px) {
.pxl-section-offset-right.pxl-container-width-container-1200 {
padding-right: calc((100% - 1170px)/2) !important; } }
@media (min-width: 1570px) {
.pxl-section-offset-right.pxl-container-width-container-1570 {
padding-right: calc((100% - 1540px)/2) !important; } }
.pxl-shape-divider-pos-top .pxl-shape-divider {
top: -1px; }
.pxl-shape-divider-mask .pxl-shape-divider {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
left: 0;
line-height: 0;
direction: ltr;
mask-image: var(--ss-mask-url);
-webkit-mask-image: var(--ss-mask-url);
-ms-mask-image: var(--ss-mask-url);
-o-mask-image: var(--ss-mask-url);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
background-color: #fff; }
.pxl-shape-divider-mask.pxl-shape-divider-pos-top .pxl-shape-divider {
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
mask-position: center top; }
.pxl-shape-divider-mask.pxl-shape-divider-pos-bottom .pxl-shape-divider {
-webkit-mask-position: center bottom;
-ms-mask-position: center bottom;
-o-mask-position: center bottom;
mask-position: center bottom; }
.elementor-widget-wrap {
transition: all 300ms ease 0s; }
.elementor-lightbox .swiper-slide .swiper-zoom-container > img {
object-fit: contain;
-o-object-fit: contain; }
.pxl-text-editor-wrap .pxl-dropcap::first-letter, .pxl-text-editor-wrap .pxl-dropcap > *:first-child::first-letter {
display: inline-block;
float: left;
margin: 0 22px 0 0;
text-align: center;
color: var(--heading-color);
font-size: 50px;
line-height: 1;
font-weight: bold;
font-family: var(--heading-font-family); }
.e-widget-swiper .elementor-swiper-button {
font-size: 18px;
color: #fff;
width: 70px;
height: 38px;
background-color: var(--primary-color);
align-items: center;
transition: all 300ms ease;
opacity: 1; }
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-prev {
bottom: 0;
top: auto;
left: 50%;
transform: translateX(-100%);
justify-content: flex-end;
border-radius: 20px 0 0 0;
padding-right: 18px; }
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-prev:before {
content: "";
width: 0;
height: 0;
border-bottom: 28px solid var(--primary-color);
border-left: 12px solid transparent;
position: absolute;
bottom: 0;
left: -10px; }
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-prev:hover i {
-webkit-animation: toLeftFromRight 0.4s forwards;
-khtml-animation: toLeftFromRight 0.4s forwards;
-moz-animation: toLeftFromRight 0.4s forwards;
-ms-animation: toLeftFromRight 0.4s forwards;
-o-animation: toLeftFromRight 0.4s forwards;
animation: toLeftFromRight 0.4s forwards; }
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-next {
bottom: 0;
top: auto;
right: 50%;
transform: translateX(100%);
border-radius: 0 20px 0 0;
padding-left: 18px; }
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-next:before {
content: "";
width: 0;
height: 0;
border-bottom: 28px solid var(--primary-color);
border-right: 12px solid transparent;
position: absolute;
bottom: 0;
right: -10px; }
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-next:hover i {
-webkit-animation: toRightFromLeft 0.5s forwards;
-khtml-animation: toRightFromLeft 0.5s forwards;
-moz-animation: toRightFromLeft 0.5s forwards;
-ms-animation: toRightFromLeft 0.5s forwards;
-o-animation: toRightFromLeft 0.5s forwards;
animation: toRightFromLeft 0.5s forwards; } @keyframes blink-caret {
from, to {
opacity: 0; }
50% {
opacity: 0.8; } }
.pxl-split-text .split-line {
overflow: hidden; }
.pxl-heading-layout-1 .heading-subtitle {
font-family: var(--body-font-family);
font-size: 16px;
color: var(--body-color);
letter-spacing: 0;
margin-bottom: 11px;
position: relative;
text-transform: capitalize;
line-height: 26px;
margin-left: 13px; }
.pxl-heading-layout-1 .heading-subtitle .subtitle-text {
position: relative; }
.pxl-heading-layout-1 .heading-subtitle .subtitle-text::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 50%;
transform: translateY(-50%);
left: -13px; }
.pxl-heading-layout-1 .heading-subtitle .subtitle-text::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 50%;
transform: translateY(-50%);
right: -13px; }
.pxl-heading-layout-1 .heading-description {
margin-top: 12px;
margin-bottom: 9px; }
.pxl-heading-layout-1 .heading-description span {
display: inline-block; }
.pxl-heading-layout-1 .pxl-heading-wrap .heading-title {
margin: 0;
display: inline-block; }
.pxl-heading-layout-1 .pxl-heading-wrap h2 {
font-size: 40px; }
@media (max-width: 767px) {
.pxl-heading-layout-1 .pxl-heading-wrap h2 {
font-size: 32px;
line-height: 1.2; } }
.pxl-heading-layout-1 .pxl-heading-wrap h3 {
font-size: 30px; }
@media (max-width: 767px) {
.pxl-heading-layout-1 .pxl-heading-wrap h3 {
font-size: 28px; } }
.pxl-heading-layout-1 .heading-highlight {
font-style: italic;
font-weight: 500;
position: relative;
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 7px;
margin-left: -3px; }
@media (max-width: 575px) {
.pxl-heading-layout-1 .heading-highlight {
display: block; } }
.pxl-heading-layout-1 .heading-highlight:after {
content: "|";
font-size: 0.88em;
display: inline-block;
margin-left: 5px;
position: relative;
bottom: 2px;
animation: blink-caret 1s step-end infinite; }
.pxl-heading-layout-1 .heading-underline {
margin-top: 4px; }
.pxl-heading-layout-1 .heading-underline.solid .pxl-divider {
width: 112px;
height: 3px; }
.pxl-button-wrapper .icon-ps-left {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.pxl-button-wrapper .icon-ps-left > * {
max-width: 100%; }
.pxl-button-wrapper .icon-ps-left .pxl-button-text {
order: 2; }
.pxl-button-wrapper .icon-ps-left .pxl-button-icon {
margin-left: 0;
margin-right: 10px; }
.pxl-nav-menu ul, .pxl-nav-menu ol {
list-style: none; }
.pxl-nav-menu.is-arrow .pxl-primary-menu > li > .main-menu-toggle {
display: inline-flex; }
.pxl-nav-menu ul.cat-list-item li {
padding-left: 13px; }
.pxl-nav-menu ul.cat-list-item li:hover a, .pxl-nav-menu ul.cat-list-item li a:hover {
color: var(--link-color-hover); }
.pxl-nav-menu.hide-underline .pxl-primary-menu > li:before, .pxl-nav-menu.hide-underline .pxl-primary-menu > li > a:before, .pxl-nav-menu.hide-underline .pxl-primary-menu > li > a span:before {
content: none !important; }
@media (min-width: 1200px) {
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li:before {
display: none; }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li > a {
color: var(--heading-color);
font-weight: 500;
overflow: hidden; }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li > a span {
position: relative; }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li > a span::after {
content: "";
width: 0%;
height: 1px;
background-color: var(--primary-color);
position: absolute;
left: 0;
bottom: -19px;
opacity: 0;
-webkit-transform: translateX(-100%);
-khtml-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li > a span::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
transition: all 350ms linear 0s;
display: inline-block;
margin-right: 0;
opacity: 0;
transform: translateY(-3px);
background-color: var(--primary-color); }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li > a:before {
display: none; }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.active > a, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.current-menu-item > a, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.current-menu-ancestor > a, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li:hover > a {
color: var(--primary-color); }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.active > a span::after, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.current-menu-item > a span::after, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.current-menu-ancestor > a span::after, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li:hover > a span::after {
opacity: 1;
-webkit-transform: translateX(0);
-khtml-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
width: 100%; }
.pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.active > a span::before, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.current-menu-item > a span::before, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li.current-menu-ancestor > a span::before, .pxl-nav-menu.pxl-nav-menu-main.style-1 .pxl-primary-menu > li:hover > a span::before {
opacity: 1;
margin-right: 15px; } }
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a span:last-child {
transition: all 300ms linear 0s;
border-bottom: 1px solid transparent; }
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a .link-icon {
color: var(--link-color-hover);
margin-right: 8px;
font-size: 12px;
position: relative;
bottom: 2px;
transition: all 100ms linear 0s; }
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a .link-icon .fa-square-full {
font-size: 5px; }
.pxl-nav-menu.pxl-nav-menu-inner .menu-item > a:hover .link-icon {
color: inherit; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .menu-item > a:hover span:last-child {
border-color: inherit; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li {
position: relative;
margin-bottom: 13px;
padding-bottom: 9px; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li > a {
transition: none; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li > a:after {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 17px;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-left: 2px;
opacity: 0;
transition: all 300ms linear 0s; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li > a:hover {
color: var(--primary-color); }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li > a:hover:after {
opacity: 1;
margin-left: 8px; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li:before, .pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li:after {
content: "";
display: block;
height: 1px;
position: absolute;
bottom: 0; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li:before {
border-bottom: 1px dotted;
opacity: 0.32;
width: 100%; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li:after {
border-bottom: 1px solid;
width: 0;
opacity: 0;
transition: all 300ms linear 0s; }
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .pxl-nav-inner > li:hover:after {
width: 100%;
opacity: 1; }
.pxl-anchor-wrap {
color: var(--heading-color); }
.pxl-anchor-wrap .pxl-anchor-icon {
cursor: pointer; }
.pxl-anchor-wrap svg {
width: 25px;
fill: var(--heading-color); }
.pxl-anchor-wrap .pxl-anchor {
min-width: 50px;
min-height: 50px;
background-color: #FEE7E7;
color: var(--heading-color);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
padding: 16px; } .pxl-navigation-carousel {
display: flex;
align-items: center; }
.pxl-navigation-carousel.default .nav-button {
font-size: 22px;
width: 54px;
height: 54px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
cursor: pointer;
color: var(--additional03-color);
background-color: rgba(var(--additional03-color-rgb), 0.1);
transition: all 450ms ease;
position: relative;
margin: 0 12px; }
.pxl-navigation-carousel.default .nav-button:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border: 1px solid var(--additional03-color);
opacity: 0;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.5);
transition: all 450ms ease; }
.pxl-navigation-carousel.default .nav-button:hover {
background-color: var(--additional03-color);
color: #fff; }
.pxl-navigation-carousel.default .nav-button:hover:before {
transform: translate(-50%, -50%) scale(1.3);
opacity: 0.25; }
.pxl-mailchimp.style-default .mailchimp-form {
position: relative; }
.pxl-mailchimp.style-default .mailchimp-form input[type="email"] {
padding-right: 60px; }
.pxl-mailchimp.style-default .mailchimp-form button {
position: absolute;
top: 0;
right: 0;
margin: 0;
bottom: 0;
width: auto; }
[dir="rtl"] .pxl-mailchimp.style-default .mailchimp-form button {
right: auto;
left: 0; }
@media (max-width: 575px) {
.pxl-mailchimp.style-default .mailchimp-form button {
position: relative;
width: 100%;
margin-top: 15px; } }
.pxl-mailchimp.style-default .mc4wp-response {
margin-top: 20px;
position: absolute;
top: 100%;
background: #fff;
padding: 15px 20px;
color: #333;
z-index: 999;
font-size: 13px;
box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12); }
.pxl-mailchimp.style-default .mc4wp-response:empty {
display: none; }
.pxl-mailchimp.style-default input[type="email"] {
background-color: #151B2B; }
.pxl-mailchimp.style-default .pxl-icon {
display: none; }
.pxl-mailchimp.style-default .mail-chimp-form {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.pxl-mailchimp.style-default .mail-chimp-form input {
border: none;
border-radius: 0;
color: #fff;
opacity: 0.7;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px;
padding: 0; }
.pxl-mailchimp.style-default .mail-chimp-form input::placeholder {
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color: #fff;
opacity: 0.7; }
.pxl-mailchimp.style-default .mail-chimp-form .pxli-icon-mailchimp {
background: none;
font-size: 23px;
padding: 0;
overflow: hidden; }
.pxl-mailchimp.style-default .mail-chimp-form .pxli-icon-mailchimp::before {
transition: transform 0.5s; }
.pxl-mailchimp.style-default .mail-chimp-form .pxli-icon-mailchimp:hover::before {
color: var(--primary-color);
animation: toTopFromBottom-mail 0.3s forwards; }
@keyframes toTopFromBottom-mail {
49% {
-webkit-transform: translateX(100%); }
50% {
opacity: 0;
-webkit-transform: translateX(-100%); }
51% {
opacity: 1; } }
.pxl-mailchimp.style-1 .mail-chimp-form {
display: flex;
border: 1px solid rgba(21, 27, 43, 0.1);
border-radius: 100px; }
.pxl-mailchimp.style-1 .mail-chimp-form input {
font-family: var(var(--body-font-family));
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color: #4E5362;
border: none;
background: transparent;
padding: 31px 29px; }
.pxl-mailchimp.style-1 .mail-chimp-form button {
border-radius: 50%;
font-size: 30px;
padding: 16px; }
.pxl-mailchimp.style-1 .mail-chimp-form button::before {
margin-top: 1px;
transition: transform 0.5s; }
.pxl-mailchimp.style-1 .mail-chimp-form button:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-mailchimp.style-2 .mailchimp-form input[type="email"] {
background-color: #fff;
border: 0; }
.pxl-mailchimp.style-2 .mailchimp-form button[type="submit"] {
display: block;
width: 100%;
margin-top: 15px;
text-align: center;
background-color: var(--additional04-color);
background-image: -webkit-gradient(linear, left top, right top, from(var(--additional04-color)), to(var(--secondary-color)));
background-image: -webkit-linear-gradient(51deg, var(--additional04-color), var(--secondary-color));
background-image: -moz-linear-gradient(51deg, var(--additional04-color), var(--secondary-color));
background-image: -ms-linear-gradient(51deg, var(--additional04-color), var(--secondary-color));
background-image: -o-linear-gradient(51deg, var(--additional04-color), var(--secondary-color));
background-image: linear-gradient(51deg, var(--additional04-color), var(--secondary-color));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--additional04-color)", endColorStr="var(--secondary-color)", gradientType="1"); }
.pxl-mailchimp.style-2 .mailchimp-form button[type="submit"].btn-gradient {
transition: all 500ms ease-out;
background-size: 150%; }
.pxl-mailchimp.style-2 .mailchimp-form button[type="submit"].btn-gradient:hover {
background-position: 100% 100%;
opacity: 0.9; }
.pxl-mailchimp.style-3 .mailchimp-form {
position: relative; }
@media (min-width: 576px) {
.pxl-mailchimp.style-3 .mailchimp-form input[type="email"] {
padding-right: 60px; }
.pxl-mailchimp.style-3 .mailchimp-form button {
position: absolute;
top: 7px;
right: 10px;
margin: 0;
bottom: 7px;
width: auto;
padding: 0 25px; }
[dir="rtl"] .pxl-mailchimp.style-3 .mailchimp-form button {
right: auto;
left: 0; } }
.pxl-mailchimp.style-3 .mc4wp-response {
margin-top: 20px;
position: absolute;
top: 100%;
background: #fff;
padding: 15px 20px;
color: #333;
z-index: 999;
font-size: 13px;
box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12); }
.pxl-mailchimp.style-3 .mc4wp-response:empty {
display: none; }
.pxl-mailchimp.style-3 input[type="email"] {
background-color: #f2f2f4;
border-color: transparent; }
.pxl-mailchimp.style-3 .btn-text {
display: none; }
.pxl-mailchimp.style-3 .pxl-icon {
margin: 0 !important; }
.pxl-mailchimp.style-3 .pxl-icon:before {
content: ""; }
.pxl-mailchimp.style-4 .mailchimp-form {
position: relative; }
.pxl-mailchimp.style-4 .mailchimp-form input[type="email"] {
background: none;
border-bottom: 1px solid #111;
border-radius: 0;
padding-left: 0;
padding-right: 25px; }
.pxl-mailchimp.style-4 .mailchimp-form button {
position: absolute;
right: -10px;
margin: 0;
bottom: 0;
width: auto;
padding: 0 10px;
background: none; }
.pxl-mailchimp.style-4 .mailchimp-form button:before {
content: none !important; }
.pxl-mailchimp.style-4 .mc4wp-response {
margin-top: 20px;
position: absolute;
top: 100%;
background: #fff;
padding: 15px 20px;
color: #333;
z-index: 999;
font-size: 13px;
box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12); }
.pxl-mailchimp.style-4 .mc4wp-response:empty {
display: none; }
.pxl-mailchimp.style-4 input[type="email"] {
background-color: #f2f2f4;
border-color: transparent; }
.pxl-mailchimp.style-4 .btn-text {
display: none; }
.pxl-mailchimp.style-4 .pxl-icon {
margin: 0 !important; }
.pxl-mailchimp.style-4 .pxl-icon:before {
content: "";
display: block;
width: 22px;
height: 18px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/send.png); }
.pxl-image-wg {
line-height: 1; }
.pxl-image-wg.pxl-bg-parallax img {
opacity: 0;
visibility: hidden; }
.pxl-image-wg.pxl-transition img {
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.pxl-image-wg.move-from-left {
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
.pxl-image-wg.move-from-left img {
transform-origin: 50% 50%;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
-webkit-transform: scale(1.5) translate(-150px, 0px);
-khtml-transform: scale(1.5) translate(-150px, 0px);
-moz-transform: scale(1.5) translate(-150px, 0px);
-ms-transform: scale(1.5) translate(-150px, 0px);
-o-transform: scale(1.5) translate(-150px, 0px);
transform: scale(1.5) translate(-150px, 0px); }
.pxl-image-wg.move-from-left.pxl-animated {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.pxl-image-wg.move-from-left.pxl-animated img {
-webkit-transform: scale(1) translate(0px, 0px);
-khtml-transform: scale(1) translate(0px, 0px);
-moz-transform: scale(1) translate(0px, 0px);
-ms-transform: scale(1) translate(0px, 0px);
-o-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px); }
.pxl-image-wg.move-from-left2 img {
transform-origin: 50% 50%;
transition: 2.5s cubic-bezier(0.5, 0.5, 0, 1);
-webkit-transform: translate(-300px, 200px);
-khtml-transform: translate(-300px, 200px);
-moz-transform: translate(-300px, 200px);
-ms-transform: translate(-300px, 200px);
-o-transform: translate(-300px, 200px);
transform: translate(-300px, 200px);
opacity: 0;
visibility: hidden; }
.pxl-image-wg.move-from-left2.pxl-animated img {
-webkit-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;
visibility: visible; }
.pxl-image-wg.move-from-top1 img {
transform-origin: 50% 50%;
transition: 2s ease-in-out;
-webkit-transform: translate(300px, -200px);
-khtml-transform: translate(300px, -200px);
-moz-transform: translate(300px, -200px);
-ms-transform: translate(300px, -200px);
-o-transform: translate(300px, -200px);
transform: translate(300px, -200px);
opacity: 0;
visibility: hidden; }
.pxl-image-wg.move-from-top1.pxl-animated img {
-webkit-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;
visibility: visible; }
.pxl-image-wg.move-from-bottom1 img {
transform-origin: 50% 50%;
transition: 2s ease-in-out;
-webkit-transform: translate(300px, 200px);
-khtml-transform: translate(300px, 200px);
-moz-transform: translate(300px, 200px);
-ms-transform: translate(300px, 200px);
-o-transform: translate(300px, 200px);
transform: translate(300px, 200px);
opacity: 0;
visibility: hidden; }
.pxl-image-wg.move-from-bottom1.pxl-animated img {
-webkit-transform: translate(0px, 0px);
-khtml-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
opacity: 1;
visibility: visible; }
.pxl-image-wg.move-from-right {
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); }
.pxl-image-wg.move-from-right img {
transform-origin: 50% 50%;
transition: 2s cubic-bezier(0.5, 0.5, 0, 1);
-webkit-transform: scale(1.5) translate(150px, 0px);
-khtml-transform: scale(1.5) translate(150px, 0px);
-moz-transform: scale(1.5) translate(150px, 0px);
-ms-transform: scale(1.5) translate(150px, 0px);
-o-transform: scale(1.5) translate(150px, 0px);
transform: scale(1.5) translate(150px, 0px); }
.pxl-image-wg.move-from-right.pxl-animated {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.pxl-image-wg.move-from-right.pxl-animated img {
-webkit-transform: scale(1) translate(0px, 0px);
-khtml-transform: scale(1) translate(0px, 0px);
-moz-transform: scale(1) translate(0px, 0px);
-ms-transform: scale(1) translate(0px, 0px);
-o-transform: scale(1) translate(0px, 0px);
transform: scale(1) translate(0px, 0px); }
.pxl-cart-wrap .pxl-cart-icon {
cursor: pointer;
position: relative;
display: inline-flex; }
.pxl-cart-wrap .pxl-cart-icon svg {
width: 25px; }
.pxl-cart-wrap .pxl-cart-icon .pxl-cart-count {
position: absolute;
min-width: 19px;
height: 19px;
padding: 2px;
display: inline-flex;
background-color: var(--primary-color);
color: #fff;
font-size: 12px;
border-radius: 12px;
align-items: center;
justify-content: center;
top: 3px;
right: 0.1em; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-form {
width: 100%; }
.pxl-search-form-layout-1 .pxl-search-wrap fieldset {
padding: 0; }
.pxl-search-form-layout-1 .pxl-search-wrap form {
position: relative;
height: 55px;
display: inline-flex;
border-radius: 5px; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field {
border-width: 0 0 1px 0;
border-radius: 0;
font-size: 13px;
line-height: 32px;
letter-spacing: 0.04em;
border-color: transparent;
height: 55px; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field::-webkit-input-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:-moz-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field::-moz-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:-ms-input-placeholder {
color: var(--heading-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:hover {
border-color: var(--primary-color); }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-submit {
width: 58px;
display: flex;
flex: none;
justify-content: center;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
font-size: 17px;
background-color: var(--primary-color);
color: #fff; }
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-submit span {
animation: none;
margin: 0; }
.pxl-video-popup .video-content-inner {
display: flex;
flex-direction: column;
align-items: center; }
.pxl-video-popup .video-content-inner .button-text {
margin-bottom: 0;
margin-top: 17px;
font-family: var(--heading-font-family);
font-size: 13px;
letter-spacing: 0.11em;
font-weight: 600;
border-bottom: 1px solid;
text-transform: uppercase; }
.pxl-video-popup .video-content-inner.pos-right {
flex-direction: row; }
.pxl-video-popup .video-content-inner.pos-right .button-text {
margin: 0 0 0 20px; }
@media (max-width: 767px) {
.pxl-video-popup .video-content-inner.pos-right .button-text {
display: none; } }
.pxl-video-popup .video-play-button {
position: relative;
display: flex;
width: 120px;
height: 120px;
border-radius: 50%;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--heading-color);
background-color: #fff;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
background-size: 150%; }
.pxl-video-popup .video-play-button i {
position: relative;
z-index: 9;
color: inherit;
font-size: 20px;
left: 2px; }
.pxl-video-popup .video-play-button.video-default:after {
content: "";
position: absolute;
z-index: 1;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
display: block;
background-color: #fff;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
opacity: 0; }
.pxl-video-popup .video-play-button.video-default:hover:after {
opacity: 1; }
.pxl-video-popup .video-play-button.video-circle:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
transform: scale(0.9);
border: 1px solid;
color: #fff;
opacity: 0;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }
.pxl-video-popup .video-play-button.video-circle::after {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
transform: scale(0.9);
border: 1px solid;
color: #fff;
opacity: 0;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
visibility: visible;
animation: index-pulse-small 1000ms linear infinite; }
.pxl-video-popup .video-play-button.video-circle:hover:before {
transform: scale(1.35);
opacity: 0.5; }
.pxl-video-popup .video-play-button.video-circle:hover::after {
visibility: hidden;
transform: scale(1.35);
opacity: 0.5; }
.pxl-video-popup .video-play-button.video-circle-2 {
background-color: var(--primary-color); }
.pxl-video-popup .video-play-button.video-circle-2:before {
content: "";
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: transparent;
transform: scale(0.9);
border: 1px solid;
color: rgba(21, 27, 43, 0.1);
opacity: 0;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }
.pxl-video-popup .video-play-button.video-circle-2 .zmdi-play {
color: #fff; }
.pxl-video-popup .video-play-button.video-circle-2:hover:before {
transform: scale(1.55);
opacity: 0.5; }
.pxl-video-popup .video-play-button.video-outline {
background: none;
border: 1px solid #fff;
transition: all 300ms ease 0s; }
.pxl-video-popup .video-play-button.video-outline:hover {
background-color: var(--primary-color);
border-color: transparent; }
.elementor-widget-image a[data-elementor-open-lightbox="yes"] {
position: relative; }
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:before {
content: "";
background-color: rgba(var(--secondary-color-rgb), 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:after {
content: "";
font-family: "pxli";
position: absolute;
color: #fff;
top: 50%;
left: 50%;
display: inline-block;
font-size: 30px;
line-height: 1;
margin-top: -15px;
margin-left: -15px;
-webkit-transform: scale(0);
-khtml-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:hover:before {
opacity: 1;
visibility: visible; }
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:hover:after {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.pxl-point-tooltip .inner-content {
position: relative; }
.pxl-point-tooltip .inner-content .plus-icon {
display: inline-flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
background-color: #fff;
color: var(--heading-color);
border-radius: 50%;
font-size: 24px;
cursor: pointer; }
.pxl-point-tooltip .inner-content .item-hover {
width: 290px;
background-color: #fff;
padding: 30px 30px 30px;
text-align: center;
position: absolute;
bottom: 70px;
opacity: 0;
visibility: hidden;
transition: all 300ms linear 0s; }
.pxl-point-tooltip .inner-content .item-hover:after {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid #fff;
position: absolute;
bottom: -11px; }
.pxl-point-tooltip .inner-content .item-hover.hover-center {
left: 50%;
transform: translateX(-50%); }
.pxl-point-tooltip .inner-content .item-hover.hover-center:after {
left: 50%;
transform: translateX(-50%); }
.pxl-point-tooltip .inner-content .item-hover.hover-left:after {
border-left: none;
left: 18px;
border-right-width: 13px; }
.pxl-point-tooltip .inner-content .item-hover.hover-right {
right: 0; }
.pxl-point-tooltip .inner-content .item-hover.hover-right:after {
border-right: none;
right: 20px;
border-left-width: 13px; }
.pxl-point-tooltip .inner-content .item-hover.active {
opacity: 1;
visibility: visible; }
.pxl-point-tooltip .inner-content .tooltip-title {
font-size: 17px;
font-weight: 500;
margin-bottom: 13px; }
.pxl-point-tooltip .inner-content .tooltip-desc {
font-size: 13px; }
.pxl-point-tooltip .inner-content .plus-icon:hover + .item-hover {
opacity: 1;
visibility: visible; }
@keyframes sliderShape {
0%, 100% {
border-radius: 51% 49% 62% 38% / 59% 50% 50% 41%;
transform: translate3d(0, 0, 0) rotateZ(0.01deg); }
33% {
border-radius: 67% 33% 80% 17% / 87% 46% 54% 13%; }
66% {
border-radius: 85% 25% 63% 37% / 53% 21% 79% 47%; } }
@keyframes sliderShape2 {
0%, 100% {
border-radius: 55% 45% 51% 49% / 49% 46% 54% 51%;
transform: translate3d(0, 0, 0) rotateZ(0.01deg); }
34% {
border-radius: 44% 56% 28% 72% / 68% 52% 48% 32%; }
55% {
transform: translate3d(0, 0, 0) rotateZ(0.01deg); }
70% {
border-radius: 68% 32% 69% 31% / 73% 74% 26% 27%;
transform: translate3d(0, -3px, 0) rotateZ(0.01deg); } }
@keyframes sliderShape3 {
0%, 100% {
border-radius: 0% 100% 76% 24% / 100% 42% 58% 0%; }
50% {
border-radius: 0% 100% 76% 24% / 100% 65% 35% 0%;
transform: translate3d(0, 5px, 0) rotateZ(0.01deg); } }
.pxl-shape {
width: 480px;
height: 340px;
background-color: var(--primary-color);
opacity: 0.8;
border: 1px solid transparent;
will-change: border-radius, transform, opacity;
display: block;
z-index: -1; }
.pxl-shape.default {
border-radius: 67% 33% 83% 17% / 87% 46% 54% 13%;
animation: sliderShape 7s linear infinite;
-webkit-animation: sliderShape 7s linear infinite; }
.pxl-shape.style2 {
border-radius: 55% 45% 51% 49% / 49% 46% 54% 51%;
animation: sliderShape2 7s linear infinite;
-webkit-animation: sliderShape2 7s linear infinite; }
.pxl-shape.style3 {
border-radius: 0% 100% 76% 24% / 100% 42% 58% 0%;
animation: sliderShape3 7s linear infinite;
-webkit-animation: sliderShape3 7s linear infinite; }
.pxl-single-info {
padding-bottom: 0 !important; }
.pxl-single-info .widget-title {
margin-bottom: 2px !important; }
.pxl-single-info .info-item {
margin-left: -24px;
margin-right: -24px;
padding: 16px 24px;
font-size: 16px;
letter-spacing: 0;
color: var(--heading-color); }
.pxl-single-info .info-item + .info-item {
border-top: 1px solid #d8d8d8; }
.pxl-single-info .info-item .inner-icon {
flex: none;
min-width: 23px;
display: flex;
align-items: center; }
.pxl-single-info .info-item .inner-icon i {
color: var(--primary-color); }
.pxl-single-info .info-item .inner-text .label {
font-weight: 600; }
.pxl-single-info .info-item .social-share {
margin-left: 12px; }
.pxl-single-info .info-item .social-share a.pxl-icon {
color: var(--secondary-color);
width: 25px; }
.pxl-single-info .info-item .social-share a.pxl-icon:after {
content: none; }
.pxl-single-info .info-item .social-share a.pxl-icon:hover {
color: var(--primary-color); }
.pxl-download .widget-desc {
margin-top: -7px;
margin-bottom: 23px; }
.pxl-download .item-download {
justify-content: space-between;
background-color: var(--primary-color);
padding: 15px 25px 13px;
color: #fff;
transition: all 300ms linear 0s;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.1em; }
.pxl-download .item-download:hover {
background-color: var(--secondary-color); }
.pxl-download .item-download a {
color: inherit; }
.pxl-download .item-download i {
margin-right: 2px; }
.pxl-download .item-download .file-size {
letter-spacing: 0.05em; }
.pxl-download .item-download + .item-download {
margin-top: 12px; }
.pxl-counter-layout1 .elementor-widget-container {
overflow: hidden; }
.pxl-counter.layout1 .counter-number {
font-family: var(--heading-font-family);
font-size: 50px;
font-weight: bold;
white-space: nowrap;
color: var(--heading-color);
line-height: 1;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.pxl-counter.layout1 .counter-number > * {
max-width: 100%; }
@media (max-width: 767px) {
.pxl-counter.layout1 .counter-number {
font-size: 40px; } }
.pxl-counter.layout1 .counter-number .counter-number-prefix {
display: inline-flex;
color: inherit;
vertical-align: middle; }
.pxl-counter.layout1 .counter-number .counter-number-suffix {
display: inline-flex;
color: inherit;
padding-top: 2px; }
.pxl-counter.layout1 .counter-title {
font-size: 15px;
font-weight: 500; }
.pxl-counter.layout1 .counter-title.style-gradient {
padding: 0 20px;
margin-top: 15px;
position: relative;
overflow: hidden; }
.pxl-counter.layout1 .counter-title.style-gradient > span {
position: relative;
display: inline-flex;
align-items: center;
min-height: 80px; }
.pxl-counter.layout1 .counter-title.style-gradient:before {
content: "";
display: block;
position: absolute;
height: 270%;
bottom: -35px;
left: 20px;
right: 20px;
background-color: rgba(255, 255, 255, 0.09);
border-radius: 50%; }
.pxl-counter.layout2 .counter-icon {
margin-bottom: 17px; }
.pxl-counter.layout2 .counter-icon i {
font-size: 42px; }
.pxl-counter.layout2 .counter-icon svg {
height: 42px;
width: auto; }
.pxl-counter.layout2 .counter-number {
font-family: var(--heading-font-family);
font-size: 40px;
font-weight: bold;
white-space: nowrap;
color: var(--heading-color);
line-height: 1;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.pxl-counter.layout2 .counter-number > * {
max-width: 100%; }
.pxl-counter.layout2 .counter-number .counter-number-prefix {
display: inline-flex;
color: inherit;
vertical-align: middle; }
.pxl-counter.layout2 .counter-number .counter-number-suffix {
display: inline-flex;
color: inherit;
padding-top: 2px; }
.pxl-counter.layout2 .counter-title {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
margin-top: 4px; }
.pxl-counter.layout2 .item-rating {
color: #fab702;
font-size: 18px;
display: inline-flex;
margin-top: 3px; }
@media (min-width: 768px) {
.pxl-counter.layout2 .counter-content.icon-left {
display: flex;
align-items: center; }
.pxl-counter.layout2 .counter-content.icon-left .counter-icon {
margin-bottom: 0;
margin-right: 15px; } }
.pxl-pie-chart.layout1 {
text-align: center; }
.pxl-pie-chart.layout1 .pxl-item-title {
font-size: 22px;
line-height: 1.6em;
font-weight: 500; }
.pxl-pie-chart.layout1 .pxl-counter-number {
display: inline-flex;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-khtml-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: var(--heading-font-family);
font-size: 40px;
font-weight: bold; }
.pxl-pie-chart.layout1 .pxl-item-value {
display: inline-flex;
position: relative;
z-index: 1;
margin-bottom: 30px;
min-height: 190px; }
.pxl-pie-chart.layout1 .pxl-item-divider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 18px solid rgba(255, 255, 255, 0.05);
border-radius: 100%;
z-index: -1; }
.pxl-moving-path svg {
height: 480px;
width: auto; }
.pxl-moving-path path {
fill: none;
stroke: #d6d6d6; }
.pxl-moving-path .target-wrap {
display: inline-block; }
.pxl-list .pxl-list-content {
display: flex; }
.pxl-list .pxl-list-content .pxl-list-icon {
flex: none;
margin: 0 10px 0 0; }
.pxl-list .pxl-list-content .pxl-list-icon svg {
width: auto; }
.pxl-list .pxl-list-content + .pxl-list-content {
margin-top: 15px; }
.pxl-fancy-box.layout-1 .box-inner {
transition: all 300ms linear 0s;
position: relative;
padding: 50px 30px 30px 49px; }
.pxl-fancy-box.layout-1 .box-inner.dot-disable {
border: none; }
.pxl-fancy-box.layout-1 .box-inner.dot-disable .slide-dot {
display: none; }
.pxl-fancy-box.layout-1 .box-inner .slide-dot {
display: inline-block;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: var(--primary-color);
position: absolute;
right: -6px; }
.pxl-fancy-box.layout-1 .box-inner .slide-dot.pos-top {
-webkit-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-khtml-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-moz-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-ms-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-o-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79); }
.pxl-fancy-box.layout-1 .box-inner .slide-dot.pos-bottom {
-webkit-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-khtml-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-moz-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-ms-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-o-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79); }
.pxl-fancy-box.layout-1 .box-inner .slide-dot.style-2 {
width: 5px;
height: 40px;
background-color: var(--additional05-color);
border-radius: 0;
right: -3px; }
.pxl-fancy-box.layout-1 .box-inner::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-fancy-box.layout-1 .box-inner::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-fancy-box.layout-1 .box-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
position: relative;
transition: all 300ms ease-out 0s;
margin-bottom: 23px; }
.pxl-fancy-box.layout-1 .box-icon > * {
max-width: 100%; }
.pxl-fancy-box.layout-1 .box-icon i {
font-size: 50px;
color: var(--primary-color); }
.pxl-fancy-box.layout-1 .box-icon svg {
width: 50px;
height: auto;
fill: var(--primary-color);
margin-left: 0; }
.pxl-fancy-box.layout-1 .box-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 15px; }
.pxl-fancy-box.layout-1 .box-title-two {
margin-bottom: 2px; }
.pxl-fancy-box.layout-1 .box-description {
color: #4E5362;
transition: all 300ms linear 0s; }
.pxl-fancy-box.layout-1 .box-des-read {
display: flex;
justify-content: space-between; }
.pxl-fancy-box.layout-1 .box-des-read a {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 50px;
height: 50px;
background-color: var(--heading-color);
align-items: center;
justify-content: center;
transform: translateY(30px); }
.pxl-fancy-box.layout-1 .box-des-read a > * {
max-width: 100%; }
.pxl-fancy-box.layout-1 .box-des-read a span {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 1px; }
.pxl-fancy-box.layout-1 .box-des-read a span > * {
max-width: 100%; }
.pxl-fancy-box.layout-1 .box-des-read a span:before, .pxl-fancy-box.layout-1 .box-des-read a span:after {
content: "";
display: inline-block;
background-color: #fff;
transition: all 300ms ease-in-out 0s; }
.pxl-fancy-box.layout-1 .box-des-read a .x-line {
transition: all 300ms ease-in-out 0s; }
.pxl-fancy-box.layout-1 .box-des-read a .x-line::before, .pxl-fancy-box.layout-1 .box-des-read a .x-line::after {
width: 6px;
height: 2px; }
.pxl-fancy-box.layout-1 .box-des-read a .y-line {
flex-direction: column;
position: relative;
left: -6px;
transition: all 300ms ease-in-out 0s; }
.pxl-fancy-box.layout-1 .box-des-read a .y-line:before {
width: 2px;
height: 6px; }
.pxl-fancy-box.layout-1 .box-des-read a .y-line:after {
width: 2px;
height: 6px; }
.pxl-fancy-box.layout-1 .box-des-read a:hover {
background-color: var(--primary-color); }
.pxl-fancy-box.layout-1 .box-des-read a:hover .x-line, .pxl-fancy-box.layout-1 .box-des-read a:hover .y-line {
transform: rotate(180deg); }
.pxl-fancy-box.layout-1 .box-inner:hover .box-icon {
transform: translateY(-5px); }
.pxl-fancy-box.layout-1 .box-inner:hover .box-icon i, .pxl-fancy-box.layout-1 .box-inner:hover .box-icon svg {
animation-name: elementor-animation-wobble-top;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1; }
.pxl-fancy-box.layout-2 .box-inner {
transition: all 300ms linear 0s;
position: relative;
display: flex; }
.pxl-fancy-box.layout-2 .box-icon {
max-width: 66px;
height: 66px;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--heading-color);
position: relative;
top: 0;
margin-right: 31px;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
padding: 25px; }
.pxl-fancy-box.layout-2 .box-icon > * {
max-width: 100%; }
.pxl-fancy-box.layout-2 .box-icon i {
font-size: 24px;
color: #fff;
transition: all 300ms linear 0s; }
.pxl-fancy-box.layout-2 .box-icon svg {
width: 24px;
height: auto;
fill: #fff;
transition: all 300ms linear 0s; }
.pxl-fancy-box.layout-2 .box-icon::after {
content: "";
position: absolute;
width: 66px;
height: 66px;
background-color: #fff;
border: 1px solid #151B2B;
z-index: -1;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
left: 10px; }
.pxl-fancy-box.layout-2 .box-title {
font-size: 22px;
line-height: 24px;
margin-top: -15px;
margin-bottom: 25px;
color: #fff;
position: relative; }
.pxl-fancy-box.layout-2 .box-description {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
transition: all 300ms linear 0s;
position: relative;
color: var(--heading-color);
font-family: var(--body-font-family); }
.pxl-fancy-box.layout-2 .box-inner:hover .box-icon svg, .pxl-fancy-box.layout-2 .box-inner:hover .box-icon i {
-webkit-animation: bounceIn 1200ms ease 0s;
-khtml-animation: bounceIn 1200ms ease 0s;
-moz-animation: bounceIn 1200ms ease 0s;
-ms-animation: bounceIn 1200ms ease 0s;
-o-animation: bounceIn 1200ms ease 0s;
animation: bounceIn 1200ms ease 0s; }
.pxl-fancy-box.layout-3 .box-inner {
transition: all 300ms linear 0s;
position: relative;
display: flex; }
.pxl-fancy-box.layout-3 .box-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-content: center;
position: relative;
top: 0; }
.pxl-fancy-box.layout-3 .box-icon > * {
max-width: 100%; }
.pxl-fancy-box.layout-3 .box-icon i {
font-size: 50px;
color: var(--primary-color);
transition: all 300ms linear 0s;
margin-right: 18px; }
.pxl-fancy-box.layout-3 .box-icon svg {
min-width: 50px;
fill: var(--primary-color);
transition: all 300ms linear 0s;
margin-right: 18px;
margin-left: 0;
margin-top: 0; }
.pxl-fancy-box.layout-3 .box-content {
display: flex;
flex-direction: column;
justify-content: center; }
.pxl-fancy-box.layout-3 .box-content .box-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-bottom: 6px; }
.pxl-fancy-box.layout-3 .box-content .box-title a {
transition: all 200ms ease 0s; }
.pxl-fancy-box.layout-3 .box-content .box-title a:hover {
color: var(--primary-color); }
.pxl-fancy-box.layout-3 .box-inner:hover .box-icon i, .pxl-fancy-box.layout-3 .box-inner:hover .box-icon svg {
animation-name: updown;
animation-duration: 400ms;
animation-timing-function: linear;
animation-iteration-count: 1; }
.pxl-fancy-box.layout-4 .box-inner {
transition: all 300ms linear 0s;
position: relative; }
.pxl-fancy-box.layout-4 .box-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
top: 0;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.pxl-fancy-box.layout-4 .box-icon > * {
max-width: 100%; }
.pxl-fancy-box.layout-4 .box-icon i {
font-size: 50px;
color: var(--primary-color);
transition: all 300ms linear 0s; }
.pxl-fancy-box.layout-4 .box-icon svg {
width: 50px;
height: auto;
fill: var(--primary-color);
transition: all 300ms linear 0s;
margin-left: 0; }
.pxl-fancy-box.layout-4 .box-content .box-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-bottom: 6px; }
.pxl-fancy-box.layout-4 .box-inner:hover .box-icon i, .pxl-fancy-box.layout-4 .box-inner:hover .box-icon svg {
animation-name: updown;
animation-duration: 400ms;
animation-timing-function: linear;
animation-iteration-count: 1; }
.pxl-fancy-box.layout-5 .box-inner {
transition: all 300ms linear 0s;
position: relative;
display: flex; }
.pxl-fancy-box.layout-5 .box-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
position: relative;
transition: all 200ms ease-out 0s;
top: 0; }
.pxl-fancy-box.layout-5 .box-icon > * {
max-width: 100%; }
.pxl-fancy-box.layout-5 .box-icon i {
font-size: 18px;
color: #fff;
margin-right: 14px;
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
border-radius: 50%; }
.pxl-fancy-box.layout-5 .box-icon svg {
min-width: 18px;
fill: #fff;
margin-right: 14px;
margin-left: 0;
margin-top: 0; }
.pxl-fancy-box.layout-5 .box-content {
display: flex;
flex-direction: column;
justify-content: center; }
.pxl-fancy-box.layout-5 .box-content .box-title {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
text-transform: capitalize;
margin-bottom: 6px; }
.pxl-fancy-box.layout-5 .box-content .box-title:hover a {
color: var(--primary-color); }
.pxl-fancy-box.layout-5 .box-content .box-description {
text-decoration: underline; }
.pxl-fancy-box.layout-5 .box-inner:hover .box-icon {
transform: translateY(-5px); }
.pxl-fancy-box.layout-5 .box-inner:hover .box-icon i, .pxl-fancy-box.layout-5 .box-inner:hover .box-icon svg {
animation-name: elementor-animation-wobble-top;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: 1; }
.pxl-fancy-box-accordion .box-items {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between; }
.pxl-fancy-box-accordion .box-item {
width: calc(25% - 10px);
min-height: 300px;
display: flex;
position: relative;
margin: 10px 0;
z-index: 1;
transition: 0.5s; }
.pxl-fancy-box-accordion .box-item .item-title {
font-size: 28px;
letter-spacing: 0.02em; }
.pxl-fancy-box-accordion .box-item .box-image {
position: absolute;
z-index: 2;
left: 0;
right: 0;
top: 0;
width: auto;
height: 100%;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
transition: 0.3s; }
.pxl-fancy-box-accordion .box-item .box-image .image-background {
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.3s linear;
filter: grayscale(1); }
.pxl-fancy-box-accordion .box-item .box-image .image-text {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(var(--secondary-color-rgb), 0.65);
opacity: 1;
visibility: visible;
transition: all 0.3s linear; }
.pxl-fancy-box-accordion .box-item .box-image .image-text .item-icon i {
font-size: 60px;
color: #fff; }
.pxl-fancy-box-accordion .box-item .box-image .image-text .item-icon svg {
height: 60px;
width: auto;
fill: #fff; }
.pxl-fancy-box-accordion .box-item .box-image .item-title {
margin-top: 12px;
color: #fff; }
.pxl-fancy-box-accordion .box-item .box-content {
background-color: #f8f6f3;
padding: 35px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1;
left: 0;
right: 0;
width: auto;
opacity: 0;
visibility: hidden;
transform: translateX(100%);
transition: transform 300ms linear 100s; }
.pxl-fancy-box-accordion .box-item .box-content .title-wrap .item-icon {
margin-right: 15px;
margin-bottom: 10px;
flex: none; }
.pxl-fancy-box-accordion .box-item .box-content .title-wrap .item-icon i {
font-size: 50px;
color: var(--primary-color); }
.pxl-fancy-box-accordion .box-item .box-content .title-wrap .item-icon svg {
height: 50px;
width: auto;
fill: var(--primary-color); }
.pxl-fancy-box-accordion .box-item .box-content .item-title {
margin-bottom: 0; }
.pxl-fancy-box-accordion .box-item .box-content .content-description {
font-size: 16px;
margin-top: 14px;
margin-bottom: 19px; }
.pxl-fancy-box-accordion .box-item .box-content .btn-more {
color: var(--primary-color); }
.pxl-fancy-box-accordion .box-item.active {
margin-right: calc(25% - 10px); }
.pxl-fancy-box-accordion .box-item.active .box-content {
opacity: 1;
visibility: visible;
transition: 0.1s; }
.pxl-fancy-box-accordion .box-item.active .box-image:after {
opacity: 1; }
.pxl-fancy-box-accordion .box-item.active .box-image .image-background {
filter: grayscale(0); }
.pxl-fancy-box-accordion .box-item.active .box-image .image-text {
opacity: 0;
visibility: hidden; }
@media (max-width: 1199px) {
.pxl-fancy-box-accordion .box-item {
width: 50%;
margin-right: 50%; }
.pxl-fancy-box-accordion .box-item .box-content {
opacity: 1;
visibility: visible; } }
@media (max-width: 767px) {
.pxl-fancy-box-accordion .box-item {
width: 100%;
margin-right: 0 !important;
flex-direction: column; }
.pxl-fancy-box-accordion .box-item .box-image {
position: relative;
min-height: inherit;
height: auto;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-left-radius: unset; }
.pxl-fancy-box-accordion .box-item .box-image .image-text {
display: none; }
.pxl-fancy-box-accordion .box-item .box-image:after {
content: none; }
.pxl-fancy-box-accordion .box-item .box-content {
transform: translateX(0);
border-top-right-radius: unset;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
padding: 50px 20px; } }
.pxl-accordion .pxl-ac-content {
display: none; }
.pxl-accordion.style1, .pxl-accordion.style2 {
border-radius: inherit; }
.pxl-accordion.style1 .pxl-ac-title, .pxl-accordion.style2 .pxl-ac-title {
-webkit-transition: all 250ms linear 0ms;
-khtml-transition: all 250ms linear 0ms;
-moz-transition: all 250ms linear 0ms;
-ms-transition: all 250ms linear 0ms;
-o-transition: all 250ms linear 0ms;
transition: all 250ms linear 0ms;
font-family: var(--heading-font-family);
font-size: 20px;
line-height: 26px;
letter-spacing: 0;
font-weight: 500;
color: #141414;
text-transform: capitalize;
position: relative;
cursor: pointer;
padding: 19px 65px 19px 28px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.pxl-accordion.style1 .pxl-ac-title .pxl-ac-title-text, .pxl-accordion.style2 .pxl-ac-title .pxl-ac-title-text {
transition: none; }
.pxl-accordion.style1 .pxl-ac-title:before, .pxl-accordion.style2 .pxl-ac-title:before {
content: "";
font-family: "pxli";
font-size: 28px;
font-weight: 500;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 18px;
color: rgba(21, 27, 43, 0.2); }
.pxl-accordion.style1 .pxl-ac-title.active, .pxl-accordion.style2 .pxl-ac-title.active {
background-color: #fff;
color: #141414;
border-bottom: 1px solid rgba(21, 27, 43, 0.1); }
.pxl-accordion.style1 .pxl-ac-title.active:before, .pxl-accordion.style2 .pxl-ac-title.active:before {
content: "";
color: var(--heading-color); }
.pxl-accordion.style1 .pxl-ac-title::after, .pxl-accordion.style2 .pxl-ac-title::after {
content: "";
position: absolute;
right: 65px;
top: 0;
width: 1px;
height: 100%;
background-color: rgba(21, 27, 43, 0.1); }
.pxl-accordion.style1 .pxl-ac-content, .pxl-accordion.style2 .pxl-ac-content {
padding: 19px 25px; }
@media (min-width: 768px) {
.pxl-accordion.style1 .pxl-ac-content .pxl-ac-content-inner, .pxl-accordion.style2 .pxl-ac-content .pxl-ac-content-inner {
padding-right: 15px; } }
.pxl-accordion.style1 .pxl-ac-content p:last-child, .pxl-accordion.style2 .pxl-ac-content p:last-child {
margin-bottom: 0; }
.pxl-accordion.style1 .pxl-ac-item, .pxl-accordion.style2 .pxl-ac-item {
background-color: #fff;
padding: 0;
box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.pxl-accordion.style1 .pxl-ac-item:last-child, .pxl-accordion.style2 .pxl-ac-item:last-child {
margin-bottom: 0; }
.pxl-accordion.style2 .pxl-ac-title {
background-color: rgba(var(--primary-color-rgb),0.03); }
.pxl-accordion.style2 .pxl-ac-title.active {
background-color: var(--primary-color);
color: #fff;
border-color: var(--primary-color); }
.pxl-accordion.style3 .pxl-ac-title {
font-family: var(--heading-font-family);
color: var(--heading-color);
font-size: 22px;
font-weight: bold;
letter-spacing: 0.02em;
text-transform: capitalize;
background-color: #f8f8f9;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
position: relative;
cursor: pointer;
padding: 13px 24px 13px 70px;
border: 1px solid #d8d8d8; }
.pxl-accordion.style3 .pxl-ac-title:before {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 25px;
font-weight: 300;
color: #fff;
position: absolute;
top: -1px;
bottom: -1px;
left: 0;
width: 52px;
line-height: 62px;
text-align: center;
background-color: var(--secondary-color);
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.pxl-accordion.style3 .pxl-ac-title.active {
padding-top: 14px;
padding-bottom: 14px;
color: #fff;
background-color: var(--secondary-color);
margin: 0 -1px; }
.pxl-accordion.style3 .pxl-ac-title.active:before {
content: "";
background-color: var(--primary-color);
top: 0;
bottom: 0; }
.pxl-accordion.style3 .pxl-ac-content {
border: 1px solid #d8d8d8;
border-top: none;
padding: 35px 30px 40px; }
.pxl-accordion.style3 .pxl-ac-item {
background-color: #fff;
padding: 0;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.pxl-accordion.style3 .pxl-ac-item + .pxl-ac-item {
margin-top: 15px; }
.pxl-accordion.style4 {
border-radius: inherit; }
.pxl-accordion.style4 .pxl-ac-title {
-webkit-transition: all 250ms linear 0ms;
-khtml-transition: all 250ms linear 0ms;
-moz-transition: all 250ms linear 0ms;
-ms-transition: all 250ms linear 0ms;
-o-transition: all 250ms linear 0ms;
transition: all 250ms linear 0ms;
font-family: var(--heading-font-family);
font-size: 17px;
line-height: 1.4em;
letter-spacing: 0.02em;
font-weight: 500;
color: var(--heading-color);
position: relative;
cursor: pointer;
padding: 16px 0 16px;
border-bottom: 1px solid #d8d8d8;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.pxl-accordion.style4 .pxl-ac-title .title-icon {
margin-right: 8px; }
.pxl-accordion.style4 .pxl-ac-title .title-icon i {
font-size: 17px;
color: var(--secondary-color);
transition: all 300ms linear 0s; }
.pxl-accordion.style4 .pxl-ac-title .title-icon svg {
fill: var(--secondary-color);
width: 17px;
height: auto;
transition: all 300ms linear 0s; }
.pxl-accordion.style4 .pxl-ac-title .pxl-ac-title-text {
transition: none; }
.pxl-accordion.style4 .pxl-ac-title:before {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 21px;
font-weight: 500;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0;
color: var(--heading-color); }
.pxl-accordion.style4 .pxl-ac-title.active:before {
content: ""; }
.pxl-accordion.style4 .pxl-ac-content {
padding: 23px 0 23px; }
.pxl-accordion.style4 .pxl-ac-content p:last-child {
margin-bottom: 0; }
.pxl-accordion.style4 .pxl-ac-item {
padding: 0;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.pxl-accordion.style4 .pxl-ac-item:last-child .pxl-ac-title {
border-bottom: none; }
.pxl-accordion.style5 {
border-radius: inherit; }
.pxl-accordion.style5 .pxl-ac-title {
-webkit-transition: all 250ms linear 0ms;
-khtml-transition: all 250ms linear 0ms;
-moz-transition: all 250ms linear 0ms;
-ms-transition: all 250ms linear 0ms;
-o-transition: all 250ms linear 0ms;
transition: all 250ms linear 0ms;
font-family: var(--heading-font-family);
font-size: 17px;
line-height: 1.4em;
letter-spacing: 0.02em;
font-weight: 500;
color: var(--heading-color);
position: relative;
cursor: pointer;
padding: 16px 0 16px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-bottom: 1px solid transparent;
color: #fff; }
.pxl-accordion.style5 .pxl-ac-title .title-icon {
margin-right: 8px; }
.pxl-accordion.style5 .pxl-ac-title .title-icon i {
font-size: 17px;
color: var(--secondary-color);
transition: all 300ms linear 0s; }
.pxl-accordion.style5 .pxl-ac-title .title-icon svg {
fill: var(--secondary-color);
width: 17px;
height: auto;
transition: all 300ms linear 0s; }
.pxl-accordion.style5 .pxl-ac-title .pxl-ac-title-text {
transition: none;
position: relative;
z-index: 1; }
.pxl-accordion.style5 .pxl-ac-title:before {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 21px;
font-weight: 500;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 0;
color: inherit;
z-index: 1; }
.pxl-accordion.style5 .pxl-ac-title:not(.active):after {
content: "";
display: block;
position: absolute;
top: 0;
left: -20px;
right: -20px;
height: 100%;
background: -webkit-linear-gradient(180deg, #23beb5, #3175c1);
border-radius: 30px; }
.pxl-accordion.style5 .pxl-ac-title.active {
border-color: #d8d8d8;
color: var(--heading-color); }
.pxl-accordion.style5 .pxl-ac-title.active:before {
content: ""; }
.pxl-accordion.style5 .pxl-ac-content {
padding: 23px 0 23px; }
.pxl-accordion.style5 .pxl-ac-content p:last-child {
margin-bottom: 0; }
.pxl-accordion.style5 .pxl-ac-item {
padding: 0 20px;
border-radius: 20px;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms; }
.pxl-accordion.style5 .pxl-ac-item + .pxl-ac-item {
margin-top: 15px; }
.pxl-accordion.style5 .pxl-ac-item.active {
margin-bottom: 15px;
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
-khtml-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
.pxl-progressbar {
font-size: 15px;
color: var(--heading-color); }
.pxl-progressbar .progress-item {
position: relative;
display: flex; }
.pxl-progressbar .progress-item + .progress-item {
margin-top: 25px; }
.pxl-progressbar .progress-title-wrap {
margin-bottom: 6px; }
.pxl-progressbar .progress-bar-wrap {
position: relative;
margin-top: 25px; }
.pxl-progressbar .progress-bar-wrap .progress-bound {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background-color: rgba(200, 200, 200, 0.4); }
.pxl-progressbar .pxl-list-icon {
min-width: 50px;
height: 50px;
margin-right: 16px; }
.pxl-progressbar .pxl-list-icon svg {
margin-left: 0;
fill: var(--primary-color); }
.pxl-progressbar .pxl-list-icon i {
color: var(--primary-color); }
.pxl-progressbar .box-progress {
width: 100%; }
.pxl-progressbar .box-progress .progress-title-wrap {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
font-family: var(--heading-font-family); }
.pxl-progressbar .box-progress .progress-percentage {
color: var(--heading-color); }
.pxl-progressbar .box-progress .progress-percentage span {
color: #4E5362; }
.pxl-progressbar .pxl-progress-bar {
height: 5px;
position: relative;
width: 0;
background: var(--heading-color);
-webkit-transition: width 1s linear;
-khtml-transition: width 1s linear;
-moz-transition: width 1s linear;
-ms-transition: width 1s linear;
-o-transition: width 1s linear;
transition: width 1s linear; }
.pxl-progressbar .pxl-progress-bar .progress-percentage {
position: absolute;
top: -28px;
right: 0; }
.pxl-pricing-wrap {
position: relative; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .inner-box {
transition: all 300ms linear 0s; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .inner-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .inner-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 95%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container {
padding: 45px 30px 23px;
position: relative;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
transition: all 300ms linear 0s; }
@media (max-width: 767px) {
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container {
padding: 30px 25px 23px; } }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container .pricing-table-title {
font-size: 32px;
text-transform: capitalize;
color: var(--heading-color);
letter-spacing: 0;
display: flex;
align-items: center;
font-weight: 500;
line-height: 40px;
justify-content: center;
margin-bottom: 5px; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container .pricing-table-title .title-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
margin-right: 16px;
margin-bottom: 4px; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container .pricing-table-title .title-icon i {
font-size: 32px;
color: var(--primary-color); }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container .pricing-table-title .title-icon svg {
height: 32px;
width: auto;
fill: #fff;
margin-left: 0; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-container .price-money-container {
position: relative; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-separator {
font-size: 16px;
font-weight: 700;
color: var(--body-color); }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-currency {
font-size: 40px;
font-weight: 700;
margin-right: -8px; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-value {
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 26px;
color: var(--heading-color);
font-family: var(--body-font-family);
position: relative; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-duration {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
margin-left: -4px; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-price-duration.block-duration {
display: block; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-desc-container {
color: #6d6c79;
font-size: 16px;
letter-spacing: 0;
position: relative;
font-weight: 400;
line-height: 26px;
text-align: center; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-desc-container .desc-container-number {
color: var(--heading-color);
font-weight: 700; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container {
padding: 8px 30px 30px;
position: relative;
transition: all 500ms linear 0s;
text-align: center; }
@media (max-width: 575px) {
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container {
padding: 0px 30px 30px; } }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container .pricing-list {
list-style-type: none;
margin: 0; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container .pricing-list li .pricing-list-span {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 36px;
color: var(--heading-color);
transition: all 300ms linear 0s; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container .pricing-list li i {
color: #7edba3;
font-weight: 600;
margin-right: 5px;
font-size: 17px; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container .pricing-list li.item-slashed .pricing-list-span {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 36px;
color: rgba(21, 27, 43, 0.4); }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container .pricing-list li.item-slashed i {
color: #ff6767; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-list-container .price-money-container {
margin-top: 38px;
margin-bottom: 20px; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container {
display: flex;
justify-content: right;
transform: translateY(30px); }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn {
transition: all 300ms ease-out;
max-width: 227px;
padding: 22px 0;
background-color: var(--heading-color);
z-index: 1;
overflow: hidden;
position: relative; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn span {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: capitalize;
font-family: var(--heading-font-family);
position: relative;
z-index: 2;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn .pxli-icon-mailchimp {
font-size: 22px;
font-weight: 400;
margin-left: 9px;
overflow: hidden; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn:hover .pxli-icon-mailchimp::before {
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn:hover::before, .pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn:hover::after {
width: 100%; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn:hover::before {
left: 0;
right: auto; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn:hover::after {
right: 0;
left: auto; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn::before, .pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn::after {
content: "";
position: absolute;
height: 50%;
width: 0;
background-color: var(--primary-color);
z-index: -1;
transition: width cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn::before {
bottom: 0;
right: 0; }
.pxl-pricing-wrap.layout-1 .pricing-table-container .pricing-button-container .btn::after {
top: 0;
left: 0; }
.pxl-pricing-wrap.layout-1 .pricing-table-container:hover .title-icon i, .pxl-pricing-wrap.layout-1 .pricing-table-container:hover .title-icon svg {
animation-name: updown;
animation-duration: 300ms;
animation-timing-function: linear;
animation-iteration-count: 1; }
.pxl-pricing-wrap.layout-1 .pricing-price-note {
position: absolute;
z-index: 1;
top: -14px;
right: 50%;
transform: translateX(50%);
padding: 2px 23px;
background-color: #4CAB3F;
font-family: var(--body-font-family);
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0;
border-radius: 100px;
text-transform: capitalize; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .inner-box {
transition: all 300ms linear 0s;
padding: 46px 50px 30px 49px; }
@media (max-width: 991px) {
.pxl-pricing-wrap.layout-2 .pricing-table-container .inner-box {
padding: 30px 40px 30px 30px; } }
.pxl-pricing-wrap.layout-2 .pricing-table-container .inner-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .inner-box::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 95%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-container {
position: relative;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
transition: all 300ms linear 0s; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-container .pricing-table-title {
font-size: 32px;
text-transform: capitalize;
color: var(--heading-color);
letter-spacing: 0;
display: flex;
align-items: center;
font-weight: 500;
line-height: 40px;
justify-content: center;
margin-bottom: 5px; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-container .pricing-table-title .title-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
margin-right: 16px;
margin-bottom: 4px; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-container .pricing-table-title .title-icon i {
font-size: 32px;
color: var(--primary-color); }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-container .pricing-table-title .title-icon svg {
height: 32px;
width: auto;
fill: #fff;
margin-left: 0; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-container .price-money-container {
position: relative; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-separator {
font-size: 16px;
font-weight: 400;
color: var(--body-color); }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-currency {
font-size: 16px;
font-weight: 700;
margin-right: -4px; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-value {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
color: var(--heading-color);
font-family: var(--body-font-family);
position: relative; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-duration {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
margin-left: -4px;
color: #4E5362; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-price-duration.block-duration {
display: block; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container {
margin-top: 34px;
position: relative;
transition: all 500ms linear 0s; }
@media (max-width: 767px) {
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container {
margin-top: 20px; } }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .box-list-icon {
display: flex;
justify-content: space-between; }
@media (max-width: 575px) {
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .box-list-icon .item-icon {
display: none; } }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list {
list-style-type: none;
margin: 0; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list li .pricing-list-span {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 36px;
color: var(--heading-color);
transition: all 300ms linear 0s; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list li .pricing-list-span .pricing-list-left {
font-weight: 700; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list li i {
color: #7edba3;
font-weight: 600;
margin-right: 5px;
font-size: 17px; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list li.item-slashed .pricing-list-span {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 36px;
color: rgba(21, 27, 43, 0.4); }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list li.item-slashed i {
color: #ff6767; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list .list-item:nth-child(4) .pricing-list-left {
font-weight: 400; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .pricing-list .list-item:nth-child(4) .pricing-list-right {
font-weight: 700; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-list-container .price-money-container {
margin-top: 38px;
margin-bottom: 20px; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container {
display: flex;
justify-content: right;
transform: translateY(30px); }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn {
transition: all 300ms ease-out;
max-width: 227px;
padding: 22px 0;
background-color: var(--heading-color);
z-index: 1;
overflow: hidden;
position: relative; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn span {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: capitalize;
font-family: var(--heading-font-family);
position: relative;
z-index: 2;
-webkit-transition: 0.3s ease;
-khtml-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn .pxli-icon-mailchimp {
font-size: 22px;
font-weight: 400;
margin-left: 9px;
overflow: hidden; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn:hover .pxli-icon-mailchimp::before {
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn:hover::before, .pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn:hover::after {
width: 100%; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn:hover::before {
left: 0;
right: auto; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn:hover::after {
right: 0;
left: auto; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn::before, .pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn::after {
content: "";
position: absolute;
height: 50%;
width: 0;
background-color: var(--primary-color);
z-index: -1;
transition: width cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn::before {
bottom: 0;
right: 0; }
.pxl-pricing-wrap.layout-2 .pricing-table-container .pricing-button-container .btn::after {
top: 0;
left: 0; }
.pxl-pricing-wrap.layout-2 .pricing-table-container:hover .title-icon i, .pxl-pricing-wrap.layout-2 .pricing-table-container:hover .title-icon svg {
animation-name: updown;
animation-duration: 300ms;
animation-timing-function: linear;
animation-iteration-count: 1; }
.pxl-pricing-wrap.layout-2 .pricing-price-note {
padding: 2px 23px;
background-color: #4CAB3F;
font-family: var(--body-font-family);
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0;
border-radius: 100px;
text-transform: capitalize; }
.pxl-pricing-wrap.layout-2 .box-title {
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 575px) {
.pxl-pricing-wrap.layout-2 .box-title {
flex-direction: column;
align-items: start; }
.pxl-pricing-wrap.layout-2 .box-title .pricing-price-note {
margin: 10px 0 15px; } }
.pxl-tabs .tabs-content {
position: relative; }
.pxl-tabs .tabs-content .tab-content {
display: none;
opacity: 0;
-webkit-animation: pxlFadeInUp 300ms linear 1 forwards;
-khtml-animation: pxlFadeInUp 300ms linear 1 forwards;
-moz-animation: pxlFadeInUp 300ms linear 1 forwards;
-ms-animation: pxlFadeInUp 300ms linear 1 forwards;
-o-animation: pxlFadeInUp 300ms linear 1 forwards;
animation: pxlFadeInUp 300ms linear 1 forwards; }
.pxl-tabs .tabs-content .tab-content.active {
display: block; }
.pxl-tabs .tabs-content.scroll-sticky {
max-height: 980px;
overflow: hidden;
overflow-y: scroll; }
.pxl-tabs .tabs-content.scroll-sticky::-webkit-scrollbar {
height: 0;
width: 0;
background-color: transparent; }
.pxl-tabs .tabs-content.scroll-sticky::-webkit-scrollbar-track {
border-radius: 0; }
.pxl-tabs .tabs-content.scroll-sticky::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: transparent; }
.pxl-tabs.style-1 .title-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 43px;
gap: 24px; }
.pxl-tabs.style-1 .title-wrap > * {
max-width: 100%; }
@media (max-width: 767px) {
.pxl-tabs.style-1 .title-wrap {
justify-content: center;
gap: 20px; } }
.pxl-tabs.style-1 .tab-title {
display: inline-block;
position: relative; }
.pxl-tabs.style-1 .tab-title:after {
content: "";
display: block;
height: 3px;
background-color: var(--primary-color);
position: absolute;
width: 100%;
bottom: 0;
left: 0;
transform: scaleX(0);
transition: transform 0.5s ease;
transform-origin: center;
border-radius: 10px; }
.pxl-tabs.style-1 .tab-title:last-child {
margin: 0; }
.pxl-tabs.style-1 .tab-title.active:after {
transform: scaleX(1); }
.pxl-tabs.style-1 .tabs-content {
position: relative; }
.pxl-tabs.style-1 .pxl-icon-content {
display: flex;
padding: 15px 43px;
align-items: center;
border-radius: 10px;
background: var(--fff, #FFF);
box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05);
cursor: pointer; }
.pxl-tabs.style-1 .pxl-icon-content .pxl-list-icon {
margin-right: 20px;
position: relative;
font-size: 50px; }
.pxl-tabs.style-1 .pxl-icon-content .pxl-list-icon svg {
margin-left: 0; }
.pxl-tabs.style-1 .pxl-icon-content .pxl-list-icon::before {
content: "";
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--primary-color);
opacity: 0.2; }
.pxl-tabs.style-1 .pxl-icon-content span {
font-family: var(--heading-font-family);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: uppercase; }
.pxl-circle-tabs {
position: relative;
display: inline-block; }
.pxl-circle-tabs .tabs-icon {
border: 1px solid #d8d8d8;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 50%;
position: relative;
width: 480px;
height: 480px; }
.pxl-circle-tabs .tabs-icon > * {
max-width: 100%; }
.pxl-circle-tabs .tabs-icon .tab-icon {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
-khtml-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
width: 100px;
height: 100px;
transition: all 200ms linear 0s; }
.pxl-circle-tabs .tabs-icon .tab-icon > * {
max-width: 100%; }
.pxl-circle-tabs .tabs-icon .tab-icon i, .pxl-circle-tabs .tabs-icon .tab-icon svg {
position: relative;
z-index: 1;
transition: all 100ms ease 0s; }
.pxl-circle-tabs .tabs-icon .tab-icon i {
font-size: 35px; }
.pxl-circle-tabs .tabs-icon .tab-icon svg {
height: 42px;
width: auto; }
@media (max-width: 500px) {
.pxl-circle-tabs .tabs-icon .tab-icon i {
font-size: 20px; }
.pxl-circle-tabs .tabs-icon .tab-icon svg {
height: 25px;
width: auto; } }
.pxl-circle-tabs .tabs-icon .tab-icon.active {
background-color: #45a8e3;
background-image: -webkit-gradient(linear, left top, right top, from(#45a8e3), to(#2eccbe));
background-image: -webkit-linear-gradient(0deg, #45a8e3, #2eccbe);
background-image: -moz-linear-gradient(0deg, #45a8e3, #2eccbe);
background-image: -ms-linear-gradient(0deg, #45a8e3, #2eccbe);
background-image: -o-linear-gradient(0deg, #45a8e3, #2eccbe);
background-image: linear-gradient(0deg, #45a8e3, #2eccbe);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#45a8e3", endColorStr="#2eccbe", gradientType="1"); }
.pxl-circle-tabs .tabs-icon .tab-icon.active i, .pxl-circle-tabs .tabs-icon .tab-icon.active svg {
filter: brightness(0) invert(1); }
.pxl-circle-tabs .tabs-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
text-align: center; }
.pxl-circle-tabs .tabs-content .tab-content {
display: none;
opacity: 0;
-webkit-animation: pxlFadeInUp 300ms linear 1 forwards;
-khtml-animation: pxlFadeInUp 300ms linear 1 forwards;
-moz-animation: pxlFadeInUp 300ms linear 1 forwards;
-ms-animation: pxlFadeInUp 300ms linear 1 forwards;
-o-animation: pxlFadeInUp 300ms linear 1 forwards;
animation: pxlFadeInUp 300ms linear 1 forwards; }
.pxl-circle-tabs .tabs-content .tab-content.active {
display: block; }
.pxl-circle-tabs .tabs-content .pxl-divider {
width: 56px;
height: 2px; }
.pxl-circle-tabs .tabs-content .tab-title {
font-size: 22px;
margin-bottom: 3px; }
.pxl-circle-tabs .tabs-content .tab-description {
margin-top: 10px; }
@media (max-width: 500px) {
.pxl-circle-tabs .tabs-content {
width: 75%; }
.pxl-circle-tabs .tabs-content .tab-title {
font-size: 16px; }
.pxl-circle-tabs .tabs-content .tab-description {
font-size: 13px; } }
.anchor-inner-item {
display: none;
opacity: 0;
-webkit-animation: pxlFadeInUp 300ms linear 1 forwards;
-khtml-animation: pxlFadeInUp 300ms linear 1 forwards;
-moz-animation: pxlFadeInUp 300ms linear 1 forwards;
-ms-animation: pxlFadeInUp 300ms linear 1 forwards;
-o-animation: pxlFadeInUp 300ms linear 1 forwards;
animation: pxlFadeInUp 300ms linear 1 forwards; }
.anchor-inner-item.active {
display: block; }
.elementor-editor-active .anchor-inner-item {
display: block !important; }
.pxl-sidebar-tabs .anchor-link-item {
cursor: pointer;
padding: 15px 0 15px 15px;
position: relative;
border-bottom: 1px solid #d8d8d8;
color: var(--heading-color);
transition: all 300ms linear 0s;
font-size: 17px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
letter-spacing: 0.02em; }
.pxl-sidebar-tabs .anchor-link-item i {
color: #999;
transition: all 300ms linear 0s; }
.pxl-sidebar-tabs .anchor-link-item:before {
position: absolute;
left: 0;
content: "";
display: block;
width: 2px;
height: 25px;
background-color: #d8d8d8;
transition: all 300ms linear 0s;
top: 50%;
transform: translateY(-50%); }
.pxl-sidebar-tabs .anchor-link-item:after {
position: absolute;
bottom: -1px;
left: 0;
content: "";
display: block;
width: 0;
height: 1px;
background-color: var(--secondary-color);
-webkit-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-khtml-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-moz-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-ms-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
-o-transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1);
transition: width 0.5s cubic-bezier(0.35, 0.7, 0.35, 1); }
.pxl-sidebar-tabs .anchor-link-item:last-child {
border-color: transparent; }
.pxl-sidebar-tabs .anchor-link-item:last-child:after {
content: none; }
.pxl-sidebar-tabs .anchor-link-item:hover {
color: var(--primary-color); }
.pxl-sidebar-tabs .anchor-link-item:hover i {
color: inherit; }
.pxl-sidebar-tabs .anchor-link-item:hover:before {
background-color: var(--primary-color); }
.pxl-sidebar-tabs .anchor-link-item:hover:after {
width: 100%; }
.pxl-countdown {
text-align: center; }
.pxl-countdown .inner-number {
font-size: 70px;
font-weight: bold;
font-family: var(--heading-font-family);
color: var(--heading-color);
letter-spacing: 0.02em;
line-height: 1; }
@media (max-width: 991px) {
.pxl-countdown .inner-number {
font-size: 50px; } }
.pxl-countdown .inner-text {
font-size: 20px;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 500;
margin-top: 5px; }
@media (max-width: 575px) {
.pxl-countdown .inner-text {
font-size: 16px; } }
.pxl-countdown .pxl-countdown-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.pxl-countdown .pxl-countdown-container > * {
max-width: 100%; }
@media (min-width: 1200px) {
.pxl-countdown .pxl-countdown-container {
margin-left: -15px;
margin-right: -15px; } }
.pxl-countdown .pxl-countdown-container .time-item {
width: 25%;
padding: 0 15px;
position: relative; }
.pxl-countdown .pxl-countdown-container .time-item:before {
content: "";
width: 1px;
height: 80px;
border-right: 1px dashed rgba(255, 255, 255, 0.18);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%); }
.pxl-countdown .pxl-countdown-container .time-item:after {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--primary-color);
position: absolute;
right: -5px;
bottom: 0; }
.pxl-countdown .pxl-countdown-container .time-item:last-child:before {
content: none; }
@media (max-width: 767px) {
.pxl-countdown .pxl-countdown-container .time-item {
width: 50%;
margin-bottom: 30px; }
.pxl-countdown .pxl-countdown-container .time-item:before {
content: none; } }
.pxl-countdown .pxl-countdown-container .time-item:nth-child(odd):after {
-webkit-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-khtml-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-moz-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-ms-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-o-animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
animation: dotAnimatedTopToBottom 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79); }
.pxl-countdown .pxl-countdown-container .time-item:nth-child(even):after {
-webkit-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-khtml-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-moz-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-ms-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
-o-animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79);
animation: dotAnimatedBottomToTop 15s infinite cubic-bezier(0.52, 0.26, 0.59, 0.79); }
.pxl-testimonial-single {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap; }
.pxl-testimonial-single > * {
max-width: 100%; }
.pxl-testimonial-single .pxl-testimonial-icon {
color: var(--primary-color);
font-size: 20px;
margin-right: 20px; }
.pxl-testimonial-single .pxl-testimonial-icon svg {
fill: var(--primary-color); }
.pxl-testimonial-single .pxl-testimonial-icon .pxli-quote {
transform: rotate(180deg);
display: inline-flex; }
.pxl-testimonial-single .client-info {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin-top: 14px; }
.pxl-testimonial-single .client-info > * {
max-width: 100%; }
.pxl-testimonial-single .client-info .client-description {
font-family: var(--heading-font-family);
font-size: 16px;
font-weight: bold;
letter-spacing: 0.03em;
color: var(--heading-color);
margin-right: 30px; }
.pxl-testimonial-single .client-info .item-rating {
color: var(--primary-color); } .pxl-team-details .content-inner {
position: relative;
border-radius: 30px;
-webkit-box-shadow: 0 5px 40px 3px rgba(0, 0, 0, 0.15);
-khtml-box-shadow: 0 5px 40px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 40px 3px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 5px 40px 3px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 5px 40px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 40px 3px rgba(0, 0, 0, 0.15); }
.pxl-team-details .content-inner .image-wrap {
position: relative; }
.pxl-team-details .content-inner .image-wrap img {
border-radius: 30px 30px 0 0; }
.pxl-team-details .content-inner .hi-text {
position: absolute;
min-width: 150px;
min-height: 134px;
top: -50px;
left: 20px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 5px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transform: scale(0);
transform-origin: bottom right;
transition: all 400ms ease-in-out;
opacity: 0; }
.pxl-team-details .content-inner .hi-text h4 {
font-size: 28px;
font-weight: bold;
color: #fff; }
.pxl-team-details .content-inner .image-wrap:hover .hi-text {
transform: scale(1);
opacity: 1; }
.pxl-team-details .info-wrap {
padding: 30px 40px 40px 40px; }
@media (max-width: 767px) {
.pxl-team-details .info-wrap {
padding: 30px 20px 40px 20px; } }
.pxl-team-details .name-wrap .item-name {
font-size: 25px;
margin-bottom: 0;
letter-spacing: 0.02em; }
.pxl-team-details .name-wrap .item-name a {
color: inherit; }
.pxl-team-details .name-wrap .item-name a:hover {
color: var(--primary-color); }
.pxl-team-details .name-wrap .item-position {
font-family: var(--heading-font-family);
font-size: 15px;
color: var(--primary-color);
letter-spacing: 0.1em;
margin-top: 3px; }
.pxl-team-details .contact-wrap {
border-top: 1px dashed #d8d8d8;
padding-top: 26px;
margin-top: 25px; }
.pxl-team-details .contact-wrap .item-contact .text-info {
font-size: 17px; }
.pxl-team-details .contact-wrap .item-contact .text-info span {
color: var(--heading-color); }
.pxl-team-details .contact-wrap .item-contact i {
color: var(--secondary-color);
display: inline-block;
min-width: 17px; }
.pxl-team-details .contact-wrap .item-contact + .item-contact {
margin-top: 10px; }
.pxl-team-details .social-wrap {
display: flex;
border-top: 1px dashed #d8d8d8;
padding-top: 35px;
margin-top: 25px; }
.pxl-team-details .social-wrap i {
color: #fff;
transition: all 300ms linear 0s; }
.pxl-team-details .social-wrap a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0 4px;
border-radius: 50%;
background-color: var(--secondary-color);
font-size: 15px;
color: #fff;
text-align: center;
position: relative;
transition: all 400ms linear; }
.pxl-team-details .social-wrap a:hover {
background-color: var(--primary-color); }
.pxl-image-landing.layout-1 {
border: 1px solid #d7d7d7;
position: relative;
text-align: center; }
.pxl-image-landing.layout-1 .image-wrap {
position: relative;
width: 100%;
overflow: auto;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
overflow-y: hidden;
-webkit-transform: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transform: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transform: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transform: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transform: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
transform: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
height: 300px; }
.pxl-image-landing.layout-1 .image-wrap a img {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
transform: translateY(0);
transition: transform 15s ease-out, top 15s ease-out;
-webkit-transition: transform 15s ease-out, top 15s ease-out;
-moz-transition: transform 15s ease-out, top 15s ease-out; }
.pxl-image-landing.layout-1 .image-title {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: var(--heading-color);
text-transform: capitalize;
margin-top: 25px;
position: relative; }
.pxl-image-landing.layout-1 .image-title:before {
content: "";
display: inline-block;
width: 16px;
height: 1px;
background-color: transparent;
position: relative;
bottom: 4px;
margin-right: 6px;
transition: all 300ms linear 0s;
transform: translateX(-15px); }
.pxl-image-landing.layout-1 .image-title:after {
content: "";
display: inline-block;
width: 16px;
height: 1px;
background-color: transparent;
position: relative;
bottom: 4px;
margin-left: 6px;
transition: all 300ms linear 0s;
transform: translateX(15px); }
.pxl-image-landing.layout-1:hover .image-wrap a img {
top: 100%;
transform: translateY(-100%); }
.pxl-image-landing.layout-1:hover .image-title:before, .pxl-image-landing.layout-1:hover .image-title:after {
background-color: var(--primary-color);
transform: translateX(0); }
.pxl-project-infor.layout-1 .box-inner {
padding: 45px 100px 50px 49px;
background-color: #F6F6F7; }
@media (max-width: 1199px) {
.pxl-project-infor.layout-1 .box-inner {
padding: 45px 49px 50px 49px; } }
@media (max-width: 991px) {
.pxl-project-infor.layout-1 .box-inner {
padding: 45px 25px 50px 25px; } }
@media (max-width: 575px) {
.pxl-project-infor.layout-1 .box-inner {
padding: 30px 25px 25px 25px; } }
.pxl-project-infor.layout-1 .box-inner .box-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize; }
.pxl-project-infor.layout-1 .box-inner .box-content {
display: flex;
justify-content: space-between;
margin-top: 36px; }
@media (max-width: 575px) {
.pxl-project-infor.layout-1 .box-inner .box-content {
margin-top: 20px;
display: block; }
.pxl-project-infor.layout-1 .box-inner .box-content .text-time-website {
margin-top: 20px; } }
.pxl-project-infor.layout-1 .box-inner .box-content .clients, .pxl-project-infor.layout-1 .box-inner .box-content .categories, .pxl-project-infor.layout-1 .box-inner .box-content .box-date, .pxl-project-infor.layout-1 .box-inner .box-content .address-website {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
font-family: var(--body-font-family);
color: var(--heading-color); }
.pxl-project-infor.layout-1 .box-inner .box-content .content-clients, .pxl-project-infor.layout-1 .box-inner .box-content .content-category, .pxl-project-infor.layout-1 .box-inner .box-content .content-time, .pxl-project-infor.layout-1 .box-inner .box-content .content-website {
display: flex;
flex-direction: column; }
.pxl-project-infor.layout-1 .box-inner .box-content .content-website {
margin-top: 20px; }
.pxl-project-infor.layout-1 .box-inner .box-content .content-website a:hover span {
color: var(--primary-color); }
.pxl-project-infor.layout-1 .box-inner .box-content .content-website a span {
transition: all 300ms ease 0s; }
.pxl-project-infor.layout-1 .box-inner .box-content .content-category {
margin-top: 20px; }
.pxl-project-infor.layout-1 .box-inner .icon-social {
margin-top: 40px; }
.pxl-project-infor.layout-1 .box-inner .icon-social .pricing-list {
display: flex; }
.pxl-project-infor.layout-1 .box-inner .icon-social .pricing-list a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #fff;
color: var(--body-color);
font-size: 14px;
margin: 0 20px 0 0;
transition: all 400ms ease 0s; }
.pxl-project-infor.layout-1 .box-inner .icon-social .pricing-list a:hover {
background-color: var(--heading-color);
color: #fff;
transform: translateY(-8px); }
.pxl-project-infor.layout-1 .box-inner .icon-social .pricing-list .list-item {
display: inline-block; }
.pxl-project-infor.layout-2 .box-inner {
padding: 45px 49px 50px 49px;
background-color: #F6F6F7; }
@media (max-width: 1199px) {
.pxl-project-infor.layout-2 .box-inner {
padding: 35px 25px 30px 25px; } }
.pxl-project-infor.layout-2 .box-inner .box-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize; }
.pxl-project-infor.layout-2 .box-inner .box-content {
margin-top: 36px; }
.pxl-project-infor.layout-2 .box-inner .box-content .clients, .pxl-project-infor.layout-2 .box-inner .box-content .categories, .pxl-project-infor.layout-2 .box-inner .box-content .box-date, .pxl-project-infor.layout-2 .box-inner .box-content .address-website {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
font-family: var(--body-font-family);
color: var(--heading-color); }
.pxl-project-infor.layout-2 .box-inner .box-content .content-clients, .pxl-project-infor.layout-2 .box-inner .box-content .content-category, .pxl-project-infor.layout-2 .box-inner .box-content .content-time, .pxl-project-infor.layout-2 .box-inner .box-content .content-website {
display: flex;
flex-direction: column; }
.pxl-project-infor.layout-2 .box-inner .box-content .content-website {
margin-top: 20px; }
.pxl-project-infor.layout-2 .box-inner .box-content .content-website a:hover span {
color: var(--primary-color); }
.pxl-project-infor.layout-2 .box-inner .box-content .content-website a span {
transition: all 300ms ease 0s; }
.pxl-project-infor.layout-2 .box-inner .box-content .content-category {
margin-top: 20px; }
.pxl-project-infor.layout-2 .box-inner .box-content .text-time-website {
margin-top: 20px; }
.pxl-project-infor.layout-2 .box-inner .icon-social {
margin-top: 40px; }
.pxl-project-infor.layout-2 .box-inner .icon-social .pricing-list {
display: flex; }
.pxl-project-infor.layout-2 .box-inner .icon-social .pricing-list a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #fff;
color: var(--body-color);
font-size: 14px;
margin: 0 20px 0 0;
transition: all 400ms ease 0s; }
.pxl-project-infor.layout-2 .box-inner .icon-social .pricing-list a:hover {
background-color: var(--heading-color);
color: #fff;
transform: translateY(-8px); }
.pxl-project-infor.layout-2 .box-inner .icon-social .pricing-list .list-item {
display: inline-block; }
.pxl-cart .pxl-cart-icon .pxli-shopping {
color: #151b2b;
min-width: 50px;
min-height: 50px;
background-color: #FEE7E7;
border-radius: 50%;
font-weight: 600;
padding: 16px;
transition: all 300ms ease 0s; }
.pxl-pagetitle #pt-home-2 .subtitle .subtitle-text::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 50%;
transform: translateY(-50%);
left: -13px; }
.pxl-pagetitle #pt-home-2 .subtitle .subtitle-text::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #F30F0A;
top: 50%;
transform: translateY(-50%);
right: -13px; }
@media (max-width: 480px) {
.pxl-pagetitle #pt-home-2 .subtitle .subtitle-text::before, .pxl-pagetitle #pt-home-2 .subtitle .subtitle-text::after {
display: none; } }
.pxl-dropdown-links.layout-1 {
position: relative; }
.pxl-dropdown-links.layout-1 .container-label {
position: relative;
font-size: 15px;
line-height: 30px;
letter-spacing: 0;
color: var(--heading-color); }
.pxl-dropdown-links.layout-1 .container-label .box-content {
display: flex;
flex-direction: column; }
.pxl-dropdown-links.layout-1 .container-label .box-content .text {
text-decoration: underline;
color: var(--4E5362, #4E5362);
font-family: var(--heading-font-family);
font-size: 18px;
font-weight: 400;
line-height: 26px; }
.pxl-dropdown-links.layout-1 .container-label .box-content .label {
color: var(--151b2b, #151B2B);
font-family: var(--heading-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
text-transform: capitalize; }
.pxl-dropdown-links.layout-1 .container-label .box-content .label::after {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 16px;
margin-left: 7px;
position: relative;
top: 1px;
color: #4E5362; }
.pxl-dropdown-links.layout-1 .container-label .icon-image {
margin-right: 15px; }
.pxl-dropdown-links.layout-1 ul {
background-color: #fff;
visibility: hidden;
opacity: 0;
position: absolute;
width: 150px;
top: calc(100% + 30px);
left: 0;
padding: 13px 20px;
margin: 0;
list-style-type: none;
z-index: 9;
-webkit-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.3);
-khtml-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.3);
-moz-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.3);
-ms-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.3);
-o-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.3);
box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.3);
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; }
.pxl-dropdown-links.layout-1 ul.right {
left: auto;
right: 0; }
.pxl-dropdown-links.layout-1 ul li {
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: flex; }
.pxl-dropdown-links.layout-1 ul li + li {
margin-top: 5px; }
.pxl-dropdown-links.layout-1 ul li:hover {
transform: translateX(10px); }
.pxl-dropdown-links.layout-1 ul li a {
display: flex;
color: var(--heading-color); }
.pxl-dropdown-links.layout-1 ul li a:hover {
color: var(--heading-color); }
.pxl-dropdown-links.layout-1 ul li .item-image {
margin-right: 10px;
display: flex;
align-items: center; }
.pxl-dropdown-links.layout-1 .box-icon {
font-size: 20px;
color: var(--secondary-color);
margin-right: 6px; }
.pxl-dropdown-links.layout-1 .dropdown-icon {
margin-left: 6px; }
.pxl-dropdown-links.layout-1:hover ul {
top: 100%;
opacity: 1;
visibility: visible; } .pxl-grid .grid-filter-wrap {
margin-bottom: 40px; }
.pxl-grid .grid-filter-wrap .filter-item {
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
line-height: 30px;
color: var(--heading-color);
letter-spacing: 0.02em;
text-transform: capitalize;
margin-top: 10px;
cursor: pointer;
padding: 0 20px;
position: relative; }
.pxl-grid .grid-filter-wrap .filter-item:after {
content: "";
display: block;
height: 2px;
background-color: var(--secondary-color);
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
transform: scaleX(0);
transform-origin: left;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.pxl-grid .grid-filter-wrap .filter-item.active:after, .pxl-grid .grid-filter-wrap .filter-item:hover:after {
transform: scaleX(1); }
.pxl-grid .grid-filter-wrap.start .filter-item:first-child {
padding-left: 0 !important; }
.pxl-grid .grid-filter-wrap.start .filter-item:first-child:after {
left: 0 !important; }
.pxl-grid .grid-filter-wrap.end .filter-item:last-child {
padding-right: 0 !important; }
.pxl-grid .grid-filter-wrap.end .filter-item:last-child:after {
right: 0 !important; }
.pxl-grid .grid-sizer {
visibility: hidden;
position: absolute;
margin: 0 !important;
padding: 0 !important; }
.pxl-grid .grid-item-inner {
position: relative; }
.pxl-grid .item-featured .post-image > a {
display: block; }
.grid-item .pxl-video-popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.grid-item .pxl-video-popup .video-play-button {
width: 56px;
height: 56px;
color: #fff; }
.grid-item .audio-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex !important;
width: 56px;
height: 56px;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
background-color: var(--gradient02-color-to);
background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient02-color-to)), to(var(--gradient02-color-from)));
background-image: -webkit-linear-gradient(var(--gradient02-angle), var(--gradient02-color-to), var(--gradient02-color-from));
background-image: -moz-linear-gradient(var(--gradient02-angle), var(--gradient02-color-to), var(--gradient02-color-from));
background-image: -ms-linear-gradient(var(--gradient02-angle), var(--gradient02-color-to), var(--gradient02-color-from));
background-image: -o-linear-gradient(var(--gradient02-angle), var(--gradient02-color-to), var(--gradient02-color-from));
background-image: linear-gradient(var(--gradient02-angle), var(--gradient02-color-to), var(--gradient02-color-from));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient02-color-to)", endColorStr="var(--gradient02-color-from)", gradientType="1");
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
background-size: 150%;
border-radius: 50%; }
.grid-item .audio-play-button i {
position: relative;
z-index: 9;
color: inherit;
font-size: 22px; }
.grid-item .audio-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 50%;
transition: all 400ms cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
background-color: var(--gradient01-color-to);
background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient01-color-to)), to(var(--gradient01-color-from)));
background-image: -webkit-linear-gradient(var(--gradient02-angle), var(--gradient01-color-to), var(--gradient01-color-from));
background-image: -moz-linear-gradient(var(--gradient02-angle), var(--gradient01-color-to), var(--gradient01-color-from));
background-image: -ms-linear-gradient(var(--gradient02-angle), var(--gradient01-color-to), var(--gradient01-color-from));
background-image: -o-linear-gradient(var(--gradient02-angle), var(--gradient01-color-to), var(--gradient01-color-from));
background-image: linear-gradient(var(--gradient02-angle), var(--gradient01-color-to), var(--gradient01-color-from));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-to)", endColorStr="var(--gradient01-color-from)", gradientType="1");
opacity: 0; }
.grid-item .audio-play-button:hover:after {
opacity: 1; } .pxl-post-grid.layout-post-1 .item-boder-content {
position: relative; }
.pxl-post-grid.layout-post-1 .item-boder-content::before {
position: absolute;
content: "";
width: 118px;
height: 29px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-post-grid.layout-post-1 .grid-item {
margin-bottom: 35px; }
.pxl-post-grid.layout-post-1 .item-featured {
position: relative; }
.pxl-post-grid.layout-post-1 .item-featured .post-date {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.1em;
color: #fff;
background-color: var(--gradient01-color-from);
background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient01-color-from)), to(var(--gradient01-color-to)));
background-image: -webkit-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -moz-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -ms-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -o-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-from)", endColorStr="var(--gradient01-color-to)", gradientType="1");
display: inline-block;
padding: 7px 18px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 17px;
z-index: 1; }
.pxl-post-grid.layout-post-1 .item-featured .post-image {
position: relative;
border-radius: 0;
overflow: hidden; }
.pxl-post-grid.layout-post-1 .item-featured .post-image a::after {
background: #fff;
content: "";
height: 130%;
left: -50%;
opacity: 0.2;
position: absolute;
top: -15%;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 12%; }
.pxl-post-grid.layout-post-1 .item-featured .post-image:hover a:after {
left: 140%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.pxl-post-grid.layout-post-1 .pxl-archive-post i {
color: var(--primary-color); }
.pxl-post-grid.layout-post-1 .pxl-archive-post.format-quote .quote-inner .quote-text {
font-size: 20px;
line-height: 30px; }
@media (min-width: 1200px) {
.pxl-post-grid.layout-post-1 .pxl-archive-post.format-quote .quote-inner .quote-text {
max-width: 94%; } }
.pxl-post-grid.layout-post-1 .pxl-archive-post.format-link .link-inner .link-text {
font-size: 20px;
line-height: 30px; }
.pxl-post-grid.layout-post-1 .item-content {
padding: 44px 31px 20px 29px;
position: relative; }
.pxl-post-grid.layout-post-1 .item-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05); }
.pxl-post-grid.layout-post-1 .item-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
background-color: #fff; }
@media (max-width: 575px) {
.pxl-post-grid.layout-post-1 .item-content {
padding: 35px 25px 20px 25px; } }
.pxl-post-grid.layout-post-1 .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
z-index: 1;
position: relative;
margin-top: 16px;
margin-bottom: 0; }
.pxl-post-grid.layout-post-1 .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.5s; }
.pxl-post-grid.layout-post-1 .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-post-grid.layout-post-1 .pxl-divider {
position: relative;
z-index: 1;
width: 100%;
height: 1px;
margin-top: 25px;
margin-bottom: 13px; }
.pxl-post-grid.layout-post-1 .border-cate-icon {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between; }
.pxl-post-grid.layout-post-1 .border-cate-icon .icon-url {
transform: translateY(21px); }
.pxl-post-grid.layout-post-1 .border-cate-icon .icon-url .pxli-icon-mailchimp {
background-color: var(--heading-color);
width: 50px;
height: 50px;
font-size: 20px; }
.pxl-post-grid.layout-post-1 .border-cate-icon .icon-url .pxli-icon-mailchimp::before {
color: #fff; }
.pxl-post-grid.layout-post-1 .border-cate-icon .icon-url .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.pxl-post-grid.layout-post-1 .border-cate-icon .icon-url .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-post-grid.layout-post-1 .item-excerpt {
margin-top: 10px;
margin-bottom: 15px; }
.pxl-post-grid.layout-post-1 .post-metas {
margin-bottom: 0;
z-index: 1; }
.pxl-post-grid.layout-post-1 .post-metas .post-comments a:after {
content: none; }
@media (max-width: 575px) {
.pxl-post-grid.layout-post-1 .post-metas .meta-inner > span {
width: 100%;
margin-right: 0;
padding-right: 0; }
.pxl-post-grid.layout-post-1 .post-metas .post-category i {
display: none; }
.pxl-post-grid.layout-post-1 .post-metas .post-category:after {
content: none; } }
.pxl-post-grid.layout-post-1 .posts-pagination {
padding-top: 30px; } .pxl-post-list.layout-post-list-1 .pxl-archive-post {
margin-bottom: 0;
padding-bottom: 0;
border-color: transparent; }
.pxl-post-list.layout-post-list-1 .pxl-archive-post.format-link, .pxl-post-list.layout-post-list-1 .pxl-archive-post.format-quote {
margin-top: 20px;
margin-bottom: 20px; }
.pxl-post-list.layout-post-list-1 .grid-item .grid-item-inner {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #d8d8d8; }
.pxl-post-list.layout-post-list-1 .grid-item:last-child .grid-item-inner {
padding-bottom: 0;
margin-bottom: 0;
border-color: transparent; }
.pxl-post-list.layout-post-list-1 .grid-item:last-child .format-link, .pxl-post-list.layout-post-list-1 .grid-item:last-child .format-quote {
margin-bottom: 0 !important; }
.pxl-post-list.layout-post-list-1 .item-featured .post-image {
position: relative;
margin: 20px 0;
border-radius: 15px;
overflow: hidden; }
.pxl-post-list.layout-post-list-1 .item-featured .post-image .post-date {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.1em;
color: #fff;
background-color: var(--gradient01-color-from);
background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient01-color-from)), to(var(--gradient01-color-to)));
background-image: -webkit-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -moz-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -ms-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -o-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-from)", endColorStr="var(--gradient01-color-to)", gradientType="1");
display: inline-block;
padding: 7px 18px;
position: absolute;
top: 0;
left: 0;
border-radius: 0 0 15px 0; }
.pxl-post-list.layout-post-list-1 .item-featured .post-image .video-play-button {
width: 50px;
height: 50px; }
.pxl-post-list.layout-post-list-1 .item-featured .post-image .audio-play-button {
width: 50px;
height: 50px; }
.pxl-post-list.layout-post-list-1 .item-title {
font-size: 25px;
line-height: 32px; }
.pxl-post-list.layout-post-list-1 .item-excerpt {
margin-bottom: 20px; } .pxl-project-grid .grid-filter-wrap {
margin-bottom: 60px; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-content {
position: relative; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-content::before {
position: absolute;
content: "";
width: 119px;
height: 29px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content {
padding: 43px 29px 40px 29px;
position: relative; }
@media (max-width: 1199px) {
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content {
padding: 43px 29px 50px 29px; } }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .icon-url {
position: absolute;
bottom: 0;
right: 29px; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .icon-url .pxli-icon-mailchimp {
background-color: var(--heading-color);
width: 50px;
height: 50px;
font-size: 22px;
color: #fff; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .icon-url .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .icon-url .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .item-title {
display: inline;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
position: relative; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .post-category {
margin-bottom: 15px; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .post-category a {
position: relative; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .post-category a::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: all 400ms ease 0s; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .post-boder-content .post-category a:hover::after {
width: 100%; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured {
overflow: hidden;
position: relative; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured a {
position: relative; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured a::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured a::after {
background: rgba(255, 255, 255, 0.6);
bottom: 0%;
content: "";
position: absolute;
left: 50%;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured:hover a::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured:hover a::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-project-grid.layout-pxl-project-1 .grid-item-inner .item-featured:hover a img {
transform: scale(1.1); }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner {
margin-bottom: 13px; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured {
position: relative;
overflow: hidden;
border-radius: 15px; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured .post-image {
overflow: hidden; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured .post-image img {
transition: all 400ms ease 0s; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 1000px;
height: 1000px;
background-color: rgba(var(--additional03-color-rgb), 0.65);
z-index: 1;
transform: translate(-50%, -50%) scale(0);
opacity: 0;
border-radius: 50%;
transition: all 500ms linear 0s; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured .item-readmore {
-webkit-transition: 300ms all linear 0s;
-khtml-transition: 300ms all linear 0s;
-moz-transition: 300ms all linear 0s;
-ms-transition: 300ms all linear 0s;
-o-transition: 300ms all linear 0s;
transition: 300ms all linear 0s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
opacity: 0; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured .item-readmore .bt-more-plus {
width: 54px;
height: 54px;
border-radius: 8px;
transform: scale(0);
transition: all 400ms linear 0s; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured:hover:before {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
transition: opacity 500ms linear, transform 700ms linear; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured:hover .post-image img {
filter: blur(3px); }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured:hover .item-readmore {
opacity: 1; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-featured:hover .item-readmore .bt-more-plus {
transform: scale(1); }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-title {
font-size: 20px;
margin-bottom: 5px;
margin-top: 25px; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-title a {
transition: all 300ms ease 0s; }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-title a:hover {
color: var(--primary-color); }
.pxl-project-grid.layout-pxl-project-2 .grid-item-inner .item-tags {
font-family: var(--heading-font-family);
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.15em; }
@keyframes socialIn {
0% {
transform: translateY(-25px);
opacity: 0; }
100% {
transform: translateY(0);
opacity: 1;
visibility: visible; } } .pxl-team-grid.layout-1 .pxl-grid-inner {
padding-top: 0; }
.pxl-team-grid.layout-1 .pxl-grid-inner > .grid-item {
margin-bottom: 50px; }
.pxl-team-grid.layout-1 .item-inner {
position: relative; }
.pxl-team-grid.layout-1 .item-inner .item-image {
position: relative; }
.pxl-team-grid.layout-1 .item-inner .item-image .image-wrap {
overflow: hidden;
position: relative; }
.pxl-team-grid.layout-1 .item-inner .item-image .image-wrap::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0; }
.pxl-team-grid.layout-1 .item-inner .item-image .image-wrap::after {
background: rgba(255, 255, 255, 0.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
width: 0; }
.pxl-team-grid.layout-1 .item-inner .item-image .image-wrap:hover::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-team-grid.layout-1 .item-inner .item-image .image-wrap:hover::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-team-grid.layout-1 .item-inner .box-plus-social {
position: absolute;
bottom: -4px;
right: 30px;
transition: all 400ms ease 0s; }
.pxl-team-grid.layout-1 .item-inner .box-plus-social:hover .item-social {
opacity: 1;
transform: scaleY(1); }
.pxl-team-grid.layout-1 .item-inner .box-plus-social:hover .item-plus {
opacity: 0; }
.pxl-team-grid.layout-1 .item-inner .item-social {
opacity: 0;
transition: 0.3s ease;
transform: scaleY(0);
transform-origin: bottom;
display: flex;
flex-direction: column-reverse; }
.pxl-team-grid.layout-1 .item-inner .item-social a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #F6F6F7;
color: rgba(21, 27, 43, 0.3);
transition: all 300ms ease 0s; }
.pxl-team-grid.layout-1 .item-inner .item-social a:hover {
background-color: var(--primary-color);
color: #fff; }
.pxl-team-grid.layout-1 .item-inner .item-image:hover .say-hi {
transform: scale(1);
opacity: 1; }
.pxl-team-grid.layout-1 .item-content {
position: relative; }
.pxl-team-grid.layout-1 .item-content::before {
position: absolute;
content: "";
width: 83px;
height: 30px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-team-grid.layout-1 .item-content .team-boder-content {
padding: 42px 30px 30px 28px;
position: relative; }
.pxl-team-grid.layout-1 .item-content .team-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-team-grid.layout-1 .item-content .team-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1;
opacity: 1; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus {
display: inline-flex;
width: 50px;
height: 50px;
background-color: var(--heading-color);
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus span {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 1px; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus span > * {
max-width: 100%; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus span:before, .pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus span:after {
content: "";
display: inline-block;
background-color: #fff;
transition: all 300ms ease-in-out 0s; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus .x-line {
transition: all 300ms ease-in-out 0s; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus .x-line:before {
width: 6px;
height: 2px; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus .x-line:after {
width: 6px;
height: 2px; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus .y-line {
flex-direction: column;
position: relative;
left: -6px;
transition: all 300ms ease-in-out 0s; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus .y-line:before {
width: 2px;
height: 6px; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus .y-line:after {
width: 2px;
height: 6px; }
.pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus:hover .x-line, .pxl-team-grid.layout-1 .item-content .team-boder-content .item-plus:hover .y-line {
transform: rotate(180deg); }
.pxl-team-grid.layout-1 .item-content .item-title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 34px;
text-transform: capitalize; }
.pxl-team-grid.layout-1 .item-content .item-title a {
position: relative;
color: inherit; }
.pxl-team-grid.layout-1 .item-content .item-title a::after {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 0%;
height: 1px;
transition: all 400ms ease 0s;
background-color: var(--heading-color); }
.pxl-team-grid.layout-1 .item-content .item-title a:hover::after {
width: 100%; }
.pxl-team-grid.layout-1 .item-content .item-position {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase; }
.pxl-team-grid.layout-1 .item-content .item-description {
margin-top: 10px; }
.pxl-team-grid.layout-2 .pxl-grid-inner {
padding-top: 0; }
.pxl-team-grid.layout-2 .pxl-grid-inner > .grid-item {
margin-bottom: 40px; }
.pxl-team-grid.layout-2 .item-inner {
position: relative; }
.pxl-team-grid.layout-2 .item-inner .item-image {
position: relative; }
.pxl-team-grid.layout-2 .item-inner .item-image .image-wrap {
overflow: hidden;
position: relative; }
.pxl-team-grid.layout-2 .item-inner .item-image .image-wrap::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0; }
.pxl-team-grid.layout-2 .item-inner .item-image .image-wrap::after {
background: rgba(255, 255, 255, 0.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
width: 0; }
.pxl-team-grid.layout-2 .item-inner .item-image .image-wrap:hover::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-team-grid.layout-2 .item-inner .item-image .image-wrap:hover::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-team-grid.layout-2 .item-inner:hover .item-content {
transform: scaleY(1);
opacity: 1; }
.pxl-team-grid.layout-2 .item-inner .box-plus-social {
position: absolute;
bottom: -4px;
right: 30px;
transition: all 400ms ease 0s; }
.pxl-team-grid.layout-2 .item-inner .box-plus-social:hover .item-social {
opacity: 1;
transform: scaleY(1); }
.pxl-team-grid.layout-2 .item-inner .box-plus-social:hover .item-plus {
opacity: 0; }
.pxl-team-grid.layout-2 .item-inner .item-social {
opacity: 0;
transition: 0.3s ease;
transform: scaleY(0);
transform-origin: bottom;
display: flex;
flex-direction: column-reverse; }
.pxl-team-grid.layout-2 .item-inner .item-social a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #F6F6F7;
color: rgba(21, 27, 43, 0.3);
transition: all 300ms ease 0s; }
.pxl-team-grid.layout-2 .item-inner .item-social a:hover {
background-color: var(--primary-color);
color: #fff; }
.pxl-team-grid.layout-2 .item-content {
position: absolute;
opacity: 0;
bottom: -23px;
left: 0;
right: 0;
z-index: 1;
transform: scaleY(0);
transform-origin: top;
transition: all 300ms linear 0ms; }
.pxl-team-grid.layout-2 .item-content::before {
position: absolute;
content: "";
width: 83px;
height: 30px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -29px;
right: 0; }
.pxl-team-grid.layout-2 .item-content .team-boder-content {
padding: 42px 30px 30px 28px;
position: relative; }
.pxl-team-grid.layout-2 .item-content .team-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-team-grid.layout-2 .item-content .team-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1;
opacity: 1; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus {
display: inline-flex;
width: 50px;
height: 50px;
background-color: var(--heading-color);
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus span {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 1px; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus span > * {
max-width: 100%; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus span:before, .pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus span:after {
content: "";
display: inline-block;
background-color: #fff;
transition: all 300ms ease-in-out 0s; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus .x-line {
transition: all 300ms ease-in-out 0s; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus .x-line:before {
width: 6px;
height: 2px; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus .x-line:after {
width: 6px;
height: 2px; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus .y-line {
flex-direction: column;
position: relative;
left: -6px;
transition: all 300ms ease-in-out 0s; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus .y-line:before {
width: 2px;
height: 6px; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus .y-line:after {
width: 2px;
height: 6px; }
.pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus:hover .x-line, .pxl-team-grid.layout-2 .item-content .team-boder-content .item-plus:hover .y-line {
transform: rotate(180deg); }
.pxl-team-grid.layout-2 .item-content .item-title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 34px;
text-transform: capitalize; }
.pxl-team-grid.layout-2 .item-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.3s;
color: inherit; }
.pxl-team-grid.layout-2 .item-content .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-team-grid.layout-2 .item-content .item-position {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase; }
.pxl-team-grid.layout-2 .item-content .item-description {
margin-top: 10px; } .pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner {
overflow: hidden;
position: relative;
border-radius: 0; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 27, 43, 0.7);
transition: all 300ms ease 0s;
opacity: 0;
visibility: hidden; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner img {
width: 100%; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: all 300ms linear 70ms;
-khtml-transition: all 300ms linear 70ms;
-moz-transition: all 300ms linear 70ms;
-ms-transition: all 300ms linear 70ms;
-o-transition: all 300ms linear 70ms;
transition: all 300ms linear 70ms;
z-index: 1;
opacity: 0;
visibility: hidden; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon > * {
max-width: 100%; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
background-color: var(--primary-color);
color: #fff; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon a > * {
max-width: 100%; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon a i {
font-size: 22px;
-webkit-transition: all 0.2s linear;
-khtml-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner .up-icon a:hover i {
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner:hover:before {
opacity: 1;
visibility: visible; }
.pxl-image-gallery.layout-1 .pxl-grid-inner .grid-item .item-inner:hover .up-icon {
visibility: visible;
opacity: 1; }
.pxl-image-gallery.layout-2 .pxl-grid-inner {
border: 1px solid #d8d8d8;
border-left: none;
background-color: #fff; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item {
margin: 0 !important;
padding: 0 30px !important;
min-height: 102px;
position: relative;
border-left: 1px solid #d8d8d8; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item:after {
content: "";
display: block;
position: absolute;
height: 1px;
left: 0;
bottom: -1px;
right: -1px;
background-color: #d8d8d8; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item .item-inner .display-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px;
transition: all 200ms ease 0s;
display: flex;
align-items: center;
justify-content: center; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item .item-inner .display-image img {
opacity: 0.6;
filter: grayscale(0.4); }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item .item-inner .hidden-image {
opacity: 0;
visibility: hidden; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item:hover {
border-color: transparent; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item:hover .display-image {
border-radius: 10px;
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-khtml-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
transform: scale(1.1);
background-color: #fff;
z-index: 2; }
.pxl-image-gallery.layout-2 .pxl-grid-inner .grid-item:hover .display-image img {
opacity: 1;
filter: grayscale(0); }
.pxl-testimonial-grid.layout-1 .item-inner .pxl-icon {
font-size: 20px;
color: var(--primary-color);
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear; }
.pxl-testimonial-grid.layout-1 .item-inner .item-image .img-outer {
width: 70px;
height: 70px;
display: inline-block;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden; }
.pxl-testimonial-grid.layout-1 .item-inner .item-image img {
width: 100%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.pxl-testimonial-grid.layout-1 .item-inner .item-desc {
font-family: var(--heading-font-family);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 34px; text-transform: capitalize;
color: var(--heading-color); }
.pxl-testimonial-grid.layout-1 .item-inner .item-info {
margin-top: 7px;
margin-left: 29px; }
.pxl-testimonial-grid.layout-1 .item-inner .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-top: 9px; }
@media (max-width: 575px) {
.pxl-testimonial-grid.layout-1 .item-inner .item-title {
font-size: 20px; } }
.pxl-testimonial-grid.layout-1 .item-inner .item-position {
font-size: 16px;
color: #4E5362;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase; }
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap {
background-color: #F6F6F7;
padding: 30px 30px 30px 50px;
display: flex;
justify-content: space-between;
position: relative; }
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap .box-title {
display: flex; }
@media (max-width: 575px) {
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap {
padding: 30px 15px 30px 15px; } }
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap .box-square {
position: absolute;
width: 30px;
height: 30px;
right: 40px; }
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap .box-square::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: background-color 0.3s ease; }
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap .box-square::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F30F0A;
transition: background-color 0.3s ease; }
@media (max-width: 575px) {
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap .box-square {
display: none; } }
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap::before {
position: absolute;
content: "";
width: 181px;
height: 52px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
bottom: 0;
right: 0; }
@media (max-width: 575px) {
.pxl-testimonial-grid.layout-1 .item-inner .item-wrap::before {
width: 120px;
height: 30px; } }
.pxl-testimonial-grid.layout-1 .item-inner .box-content {
position: relative;
padding: 42px 50px; }
.pxl-testimonial-grid.layout-1 .item-inner .box-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-testimonial-grid.layout-1 .item-inner .box-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
@media (max-width: 575px) {
.pxl-testimonial-grid.layout-1 .item-inner .box-content {
padding: 42px 30px; } }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .rating-boxitem {
display: flex;
justify-content: space-between; }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .rating-boxitem .item-social {
display: flex;
transform: translate(20px, 40px);
align-items: center;
justify-content: center; }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .rating-boxitem .item-social a {
background-color: var(--heading-color);
padding: 12px 20px;
color: #fff;
font-size: 16px;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
transition-duration: 0.3s;
transition-property: transform;
transition: 300 all 0s ease; }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .rating-boxitem .item-social a::before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
transition-duration: 0.3s;
transition-property: transform, opacity; }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .rating-boxitem .item-social a:hover {
background-color: var(--primary-color);
transform: translateY(-5px); }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .rating-boxitem .item-social a:hover::before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); }
.pxl-testimonial-grid.layout-1 .item-inner .box-content .pxl-divider {
width: 100%;
height: 1px;
margin: 25px 0 22px 0; }
.pxl-testimonial-grid.layout-1 .item-inner:hover .item-wrap .box-square::before {
background-color: var(--primary-color); }
.pxl-testimonial-grid.layout-1 .item-inner:hover .item-wrap .box-square::after {
background-color: #fff; }
.pxl-testimonial-grid.layout-1 .pxl-swiper-dots {
justify-content: center;
margin-top: 50px; }
.pxl-fancy-box-grid.layout-1 .pxl-grid-slide {
margin: 15px 0; }
.pxl-fancy-box-grid.layout-1 .box-content {
margin-top: 43px;
display: flex;
flex-direction: column; }
.pxl-fancy-box-grid.layout-1 .box-content .pxl-divider-service {
max-width: 306px;
height: 1px;
margin-top: 13px;
margin-bottom: 22px;
position: relative;
background-color: unset; }
.pxl-fancy-box-grid.layout-1 .box-content .pxl-divider-service::before {
content: "";
width: 100%;
height: 1px;
background-color: rgba(21, 27, 43, 0.1);
position: absolute;
left: 0;
bottom: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.pxl-fancy-box-grid.layout-1 .box-content .pxl-divider-service::after {
content: "";
width: 0%;
height: 1px;
background-color: var(--heading-color);
position: absolute;
left: 0;
bottom: 0;
top: 0;
opacity: 0;
-webkit-transition: all 0.5s;
-khtml-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 1; }
.pxl-fancy-box-grid.layout-1 .box-content .item-title {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 42px;
text-transform: capitalize;
margin-bottom: 33px;
text-decoration: none;
max-width: 285px; }
.pxl-fancy-box-grid.layout-1 .box-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.5s; }
@media (max-width: 767px) {
.pxl-fancy-box-grid.layout-1 .box-content .item-title {
font-size: 25px;
line-height: 35px;
margin-bottom: 20px; } }
.pxl-fancy-box-grid.layout-1 .box-content .item-social .pxli-icon-mailchimp {
font-size: 26px;
color: rgba(21, 27, 43, 0.3);
transition: all 300ms ease 0s; }
.pxl-fancy-box-grid.layout-1 .box-title:hover .pxl-divider-service::after {
opacity: 1;
width: 100%; }
.pxl-fancy-box-grid.layout-1 .box-title:hover .item-title a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-fancy-box-grid.layout-1 .box-title:hover .item-social .pxli-icon-mailchimp {
color: var(--heading-color); }
@media (max-width: 575px) {
.pxl-fancy-box-grid.layout-1 .item-inner {
max-width: 330px;
text-align: center; }
.pxl-fancy-box-grid.layout-1 .grid-item {
display: flex;
align-items: center;
justify-content: center; } }
.pxl-product-grid.layout-1 .pxl-shop-item-wrap .pxl-add-to-cart .for-search {
display: none; }
.pxl-product-grid.layout-1 .pxl-shop-item-wrap .pxl-add-to-cart .for-cart .pxli-shopping {
margin-right: 10px; }
.pxl-product-grid.layout-1 .pxl-products-content-inner .for-love {
position: absolute;
right: 30px;
bottom: -2px; }
.pxl-product-grid.layout-1 .pxl-products-content-inner .for-love .woosmart-btn {
font-size: 0;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--heading-color);
color: #fff;
transition: all 200ms ease 0s; }
.pxl-product-grid.layout-1 .pxl-products-content-inner .for-love .woosmart-btn::before {
margin-right: 0; }
.pxl-product-grid.layout-1 .pxl-products-content-inner .for-love .woosmart-btn:hover {
background-color: var(--primary-color); }
.pxl-product-grid.layout-1 .pxl-products-content-inner .for-love .woosmart-btn:hover::before {
color: #fff; }
.pxl-step-grid.layout-1 {
position: relative;
z-index: 1; }
@media (max-width: 767px) {
.pxl-step-grid.layout-1 .pxl-grid-slide {
justify-content: center;
display: flex; } }
.pxl-step-grid.layout-1 .item-wrap {
padding: 52px 92px 92px 92px;
position: relative; }
@media (max-width: 1499px) {
.pxl-step-grid.layout-1 .item-wrap {
padding: 52px 75px 92px 75px; } }
@media (max-width: 1199px) {
.pxl-step-grid.layout-1 .item-wrap {
padding: 40px 50px 75px 50px; } }
@media (max-width: 767px) {
.pxl-step-grid.layout-1 .item-wrap {
padding: 40px 50px 50px 50px;
max-width: 416px; } }
@media (max-width: 575px) {
.pxl-step-grid.layout-1 .item-wrap {
padding: 40px 30px 50px 30px; } }
.pxl-step-grid.layout-1 .item-wrap .item-inner {
text-align: center;
margin-left: -15px;
margin-right: -15px; }
@media (max-width: 991px) {
.pxl-step-grid.layout-1 .item-wrap .item-inner {
margin-left: 26px;
margin-right: 26px; } }
@media (max-width: 880px) {
.pxl-step-grid.layout-1 .item-wrap .item-inner {
margin-left: 10px;
margin-right: 10px; } }
.pxl-step-grid.layout-1 .item-wrap .item-inner:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 148px;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid var(--primary-color);
width: 20px;
height: 20px;
z-index: 1;
background-color: #fff; }
@media (max-width: 767px) {
.pxl-step-grid.layout-1 .item-wrap .item-inner:before {
top: 115px; } }
.pxl-step-grid.layout-1 .item-wrap .item-inner:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 148px;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: var(--heading-color);
opacity: 0.2;
width: 126px;
height: 1px; }
@media (max-width: 767px) {
.pxl-step-grid.layout-1 .item-wrap .item-inner:after {
top: 115px; } }
.pxl-step-grid.layout-1 .item-wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 10px solid #F6F6F7;
border-radius: 50%;
z-index: -1; }
.pxl-step-grid.layout-1 .item-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: -1; }
.pxl-step-grid.layout-1 .box-content {
text-align: center; }
.pxl-step-grid.layout-1 .box-content .box-step {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: uppercase;
color: var(--primary-color); }
.pxl-step-grid.layout-1 .item-description {
margin-top: 78px;
position: relative; }
.pxl-step-grid.layout-1 .item-description .overflow-inner {
position: relative; }
.pxl-step-grid.layout-1 .item-description .overflow-inner::-webkit-scrollbar {
display: none; }
.pxl-step-grid.layout-1 .item-description .overflow-inner::-webkit-scrollbar-track {
background: transparent; }
.pxl-step-grid.layout-1 .box-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
margin-bottom: 0;
margin-top: 10px;
position: relative; }
.pxl-step-grid.layout-1 .item-image-wrap .item-image {
width: 170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto; }
.pxl-step-grid.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow {
background-color: #fff;
border: 1px solid #d8d8d8;
top: 271px; }
.pxl-step-grid.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow:before {
content: none !important; }
.item-rating {
color: #fab702;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.item-rating > * {
max-width: 100%; }
.item-rating i {
font-size: 18px;
margin-right: 2px; }
.item-rating.star1 i:nth-child(n+2):before {
color: #4E5362;
opacity: 0.3; }
.item-rating.star2 i:nth-child(n+3):before {
color: #4E5362;
opacity: 0.3; }
.item-rating.star3 i:nth-child(n+4):before {
color: #4E5362;
opacity: 0.3; }
.item-rating.star4 i:nth-child(n+5):before {
color: #4E5362;
opacity: 0.3; }
.pxl-testimonial-carousel.layout-1 .item-inner .pxl-icon {
font-size: 20px;
color: var(--primary-color);
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-image .img-outer {
width: 70px;
height: 70px;
display: inline-block;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-image img {
width: 100%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-desc {
font-family: var(--heading-font-family);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 34px; text-transform: capitalize;
color: var(--heading-color); }
.pxl-testimonial-carousel.layout-1 .item-inner .item-info {
margin-top: 7px;
margin-left: 29px; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-top: 9px; }
@media (max-width: 575px) {
.pxl-testimonial-carousel.layout-1 .item-inner .item-title {
font-size: 20px; } }
.pxl-testimonial-carousel.layout-1 .item-inner .item-position {
font-size: 16px;
color: #4E5362;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap {
background-color: #F6F6F7;
padding: 30px 30px 30px 50px;
display: flex;
justify-content: space-between;
position: relative; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap .box-title {
display: flex; }
@media (max-width: 575px) {
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap {
padding: 30px 15px 30px 15px; } }
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap .box-square {
position: absolute;
width: 30px;
height: 30px;
right: 40px; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap .box-square::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: background-color 0.3s ease; }
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap .box-square::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--primary-color);
transition: background-color 0.3s ease; }
@media (max-width: 575px) {
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap .box-square {
display: none; } }
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap::before {
position: absolute;
content: "";
width: 181px;
height: 52px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
bottom: 0;
right: 0; }
@media (max-width: 575px) {
.pxl-testimonial-carousel.layout-1 .item-inner .item-wrap::before {
width: 120px;
height: 30px; } }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content {
position: relative;
padding: 42px 50px; }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
@media (max-width: 575px) {
.pxl-testimonial-carousel.layout-1 .item-inner .box-content {
padding: 42px 30px; } }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .rating-boxitem {
display: flex;
justify-content: space-between; }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .rating-boxitem .item-social {
display: flex;
transform: translate(20px, 40px);
align-items: center;
justify-content: center; }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .rating-boxitem .item-social a {
background-color: var(--heading-color);
padding: 12px 20px;
color: #fff;
font-size: 16px;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
transition-duration: 0.3s;
transition-property: transform;
transition: 300 all 0s ease; }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .rating-boxitem .item-social a::before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
transition-duration: 0.3s;
transition-property: transform, opacity; }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .rating-boxitem .item-social a:hover {
background-color: var(--primary-color);
transform: translateY(-5px); }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .rating-boxitem .item-social a:hover::before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); }
.pxl-testimonial-carousel.layout-1 .item-inner .box-content .pxl-divider {
width: 100%;
height: 1px;
margin: 25px 0 22px 0; }
.pxl-testimonial-carousel.layout-1 .item-inner:hover .item-wrap .box-square::before {
background-color: var(--primary-color); }
.pxl-testimonial-carousel.layout-1 .item-inner:hover .item-wrap .box-square::after {
background-color: #fff; }
.pxl-testimonial-carousel.layout-1 .pxl-swiper-dots {
justify-content: center;
margin-top: 50px; }
.pxl-testimonial-carousel.layout-2 .item-wrap {
display: flex; }
@media (max-width: 767px) {
.pxl-testimonial-carousel.layout-2 .item-wrap {
flex-direction: column; } }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-title {
display: flex;
flex-direction: column;
justify-content: center;
width: 60%;
padding-left: 134px; }
@media (max-width: 1199px) {
.pxl-testimonial-carousel.layout-2 .item-wrap .box-title {
padding-left: 80px; } }
@media (max-width: 991px) {
.pxl-testimonial-carousel.layout-2 .item-wrap .box-title {
padding-left: 50px; } }
@media (max-width: 767px) {
.pxl-testimonial-carousel.layout-2 .item-wrap .box-title {
width: 100%;
padding-left: 0;
margin-top: 30px; } }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-position {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7); }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-title {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-transform: capitalize;
color: #fff;
margin-top: 13px;
margin-bottom: 15px; }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-dash-icon {
position: relative; }
.pxl-testimonial-carousel.layout-2 .item-wrap .pxl-divider {
width: 100%;
height: 1px;
background-color: #F6F6F7; }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-social {
position: absolute;
top: -9px;
right: 0; }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-social a i {
color: #fff;
width: 50px;
height: 50px;
background: #F30F0A;
transition: all 300ms ease 0s; }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-social:hover a i {
transform: translateY(-10px); }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-desc {
color: var(--fff, #FFF);
font-family: var(--heading-font-family);
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 42px;
text-transform: capitalize;
margin-top: 22px;
margin-bottom: 21px; }
.pxl-testimonial-carousel.layout-2 .item-wrap .short-title {
color: rgba(255, 255, 255, 0.7);
margin-bottom: 8px; }
.pxl-testimonial-carousel.layout-2 .item-wrap .item-rating-star .item-rating {
color: #f30f0a; }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-image {
position: relative; }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-image .box-square {
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: 0; }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-image .box-square::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: background-color 0.3s ease; }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-image .box-square::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F30F0A;
transition: background-color 0.3s ease; }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-image:hover .box-square::before {
background-color: var(--primary-color); }
.pxl-testimonial-carousel.layout-2 .item-wrap .box-image:hover .box-square::after {
background-color: #fff; }
.pxl-testimonial-carousel.layout-2 .swiper-slide-visible .item-inner .image-wrap .image-icon {
opacity: 1;
transform: scale(1); }
.pxl-testimonial-carousel.layout-2 .nav-vertical-in .pxl-swiper-arrow, .pxl-testimonial-carousel.layout-2 .nav-vertical-out .pxl-swiper-arrow {
top: 60%; }
.pxl-testimonial-carousel.layout-3 .item-wrap {
display: flex; }
@media (max-width: 767px) {
.pxl-testimonial-carousel.layout-3 .item-wrap {
flex-direction: column;
align-items: center;
text-align: center; } }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-title {
display: flex;
flex-direction: column;
justify-content: center;
width: 58%;
padding-left: 134px; }
@media (max-width: 1199px) {
.pxl-testimonial-carousel.layout-3 .item-wrap .box-title {
padding-left: 50px; } }
@media (max-width: 767px) {
.pxl-testimonial-carousel.layout-3 .item-wrap .box-title {
width: 100%;
padding-left: 0;
margin-top: 30px; } }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-position {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase; }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-title {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-transform: capitalize;
margin-top: 13px;
margin-bottom: 15px; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-dash-icon {
position: relative; }
.pxl-testimonial-carousel.layout-3 .item-wrap .pxl-divider {
width: 100%;
height: 1px; }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-social {
position: absolute;
top: -9px;
right: 0; }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-social a i {
color: #fff;
width: 50px;
height: 50px;
background: #F30F0A;
transition: all 300ms ease 0s; }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-social:hover a i {
transform: translateY(-10px); }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-desc {
font-family: var(--heading-font-family);
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 42px;
text-transform: capitalize;
margin-top: 22px;
color: var(--heading-color); }
.pxl-testimonial-carousel.layout-3 .item-wrap .short-title {
margin-bottom: 8px; }
.pxl-testimonial-carousel.layout-3 .item-wrap .item-rating-star .item-rating {
color: #f30f0a; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image {
position: relative;
display: flex;
width: 42%; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-square {
position: absolute;
width: 30px;
height: 30px;
left: -170px;
top: 0; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-square::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: var(--heading-color);
transition: background-color 0.3s ease; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-square::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F30F0A;
transition: background-color 0.3s ease; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-rating-des {
margin-right: 55px; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-rating-des .testimonial-des {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
color: var(--heading-color);
margin-top: 20px; }
@media (max-width: 1499px) {
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-rating-des {
margin-right: 20px; } }
@media (max-width: 767px) {
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-rating-des {
margin-right: 0; } }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .item-image {
height: 220px;
width: 306px; }
@media (max-width: 1199px) {
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image {
flex-direction: column; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-rating-des .testimonial-des {
margin-bottom: 20px; } }
@media (max-width: 767px) {
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image {
width: 100%;
align-items: center; }
.pxl-testimonial-carousel.layout-3 .item-wrap .box-image .box-square {
display: none; } }
.pxl-testimonial-carousel.layout-3 .item-wrap:hover .box-square::before {
background-color: var(--primary-color); }
.pxl-testimonial-carousel.layout-3 .item-wrap:hover .box-square::after {
background-color: var(--heading-color); }
.pxl-testimonial-carousel.layout-3 .swiper-slide-visible .item-inner .image-wrap .image-icon {
opacity: 1;
transform: scale(1); }
.pxl-testimonial-carousel.layout-3 .nav-vertical-in .pxl-swiper-arrow, .pxl-testimonial-carousel.layout-3 .nav-vertical-out .pxl-swiper-arrow {
top: 60%; }
.pxl-team-carousel.layout-1 .item-inner {
position: relative; }
.pxl-team-carousel.layout-1 .item-inner .item-image {
position: relative; }
.pxl-team-carousel.layout-1 .item-inner .item-image .image-wrap {
overflow: hidden;
position: relative; }
.pxl-team-carousel.layout-1 .item-inner .item-image .image-wrap::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0; }
.pxl-team-carousel.layout-1 .item-inner .item-image .image-wrap::after {
background: rgba(255, 255, 255, 0.6);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
width: 0; }
.pxl-team-carousel.layout-1 .item-inner .item-image .image-wrap:hover::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-team-carousel.layout-1 .item-inner .item-image .image-wrap:hover::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-team-carousel.layout-1 .item-inner .box-plus-social {
position: absolute;
bottom: -4px;
right: 30px;
transition: all 400ms ease 0s; }
.pxl-team-carousel.layout-1 .item-inner .box-plus-social:hover .item-social {
opacity: 1;
transform: scaleY(1); }
.pxl-team-carousel.layout-1 .item-inner .box-plus-social:hover .item-plus {
opacity: 0; }
.pxl-team-carousel.layout-1 .item-inner .item-social {
opacity: 0;
transition: 0.3s ease;
transform: scaleY(0);
transform-origin: bottom;
display: flex;
flex-direction: column-reverse; }
.pxl-team-carousel.layout-1 .item-inner .item-social a {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #F6F6F7;
color: rgba(21, 27, 43, 0.3);
transition: all 300ms ease 0s; }
.pxl-team-carousel.layout-1 .item-inner .item-social a:hover {
background-color: var(--primary-color);
color: #fff; }
.pxl-team-carousel.layout-1 .item-inner .item-image:hover .say-hi {
transform: scale(1);
opacity: 1; }
.pxl-team-carousel.layout-1 .item-content {
position: relative; }
.pxl-team-carousel.layout-1 .item-content::before {
position: absolute;
content: "";
width: 83px;
height: 30px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -30px;
right: 0; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content {
padding: 42px 30px 30px 28px;
position: relative; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1;
opacity: 1; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus {
display: inline-flex;
width: 50px;
height: 50px;
background-color: var(--heading-color);
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s;
-khtml-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus span {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 1px; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus span > * {
max-width: 100%; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus span:before, .pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus span:after {
content: "";
display: inline-block;
background-color: #fff;
transition: all 300ms ease-in-out 0s; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus .x-line {
transition: all 300ms ease-in-out 0s; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus .x-line:before {
width: 6px;
height: 2px; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus .x-line:after {
width: 6px;
height: 2px; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus .y-line {
flex-direction: column;
position: relative;
left: -6px;
transition: all 300ms ease-in-out 0s; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus .y-line:before {
width: 2px;
height: 6px; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus .y-line:after {
width: 2px;
height: 6px; }
.pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus:hover .x-line, .pxl-team-carousel.layout-1 .item-content .team-boder-content .item-plus:hover .y-line {
transform: rotate(180deg); }
.pxl-team-carousel.layout-1 .item-content .item-title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 34px;
text-transform: capitalize; }
.pxl-team-carousel.layout-1 .item-content .item-title a {
position: relative;
color: inherit; }
.pxl-team-carousel.layout-1 .item-content .item-title a::after {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 0%;
height: 1px;
transition: all 400ms ease 0s;
background-color: var(--primary-color); }
.pxl-team-carousel.layout-1 .item-content .item-title a:hover {
color: var(--primary-color); }
.pxl-team-carousel.layout-1 .item-content .item-title a:hover::after {
width: 100%; }
.pxl-team-carousel.layout-1 .item-content .item-position {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase; }
.pxl-team-carousel.layout-1 .item-content .item-description {
margin-top: 10px; }
.pxl-team-carousel.layout-2 .item-content {
padding: 46px 30px 46px 48px;
position: relative; }
@media (max-width: 767px) {
.pxl-team-carousel.layout-2 .item-content {
padding: 30px 15px 55px 15px; } }
@media (max-width: 575px) {
.pxl-team-carousel.layout-2 .item-content {
padding: 30px 15px 40px 15px; } }
.pxl-team-carousel.layout-2 .item-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-team-carousel.layout-2 .item-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1;
opacity: 1; }
.pxl-team-carousel.layout-2 .item-content .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-bottom: 12px; }
.pxl-team-carousel.layout-2 .item-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.3s; }
.pxl-team-carousel.layout-2 .item-content .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-team-carousel.layout-2 .item-content .item-position {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 36px;
position: relative;
margin-left: 19px; }
.pxl-team-carousel.layout-2 .item-content .item-position::before {
content: "";
position: absolute;
width: 9px;
height: 1px;
background-color: var(--primary-color);
top: 50%;
left: -19px;
transform: translateY(-50%); }
.pxl-team-carousel.layout-2 .item-content .item-position::after {
content: "";
position: absolute;
width: 1px;
height: 9px;
background-color: var(--primary-color);
top: 50%;
left: -15px;
transform: translateY(-50%); }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content {
position: absolute;
right: 30px;
width: 80px;
height: 80px;
bottom: 0px;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transition-duration: 0.3s;
transition-property: transform;
transition: all 300ms ease 0s; }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content a {
width: 80px;
height: 80px;
background-color: #000;
position: absolute;
transition: all 300ms ease 0s;
display: flex;
align-items: center;
justify-content: center; }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content a i {
font-size: 41px;
color: #fff; }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content:hover {
transform: translateX(5px); }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content:hover a {
background-color: var(--primary-color); }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content:hover a i {
color: #fff; }
@media (max-width: 1499px) {
.pxl-team-carousel.layout-2 .item-content .pxl-list-content {
width: 60px;
height: 60px; }
.pxl-team-carousel.layout-2 .item-content .pxl-list-content a {
width: 60px;
height: 60px; } }
.pxl-team-carousel.layout-2 .pxl-swiper-slide {
display: flex;
flex-direction: column;
gap: 50px; }
.pxl-team-carousel.layout-2 .image-wrap {
position: relative;
overflow: hidden; }
.pxl-team-carousel.layout-2 .image-wrap::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0; }
.pxl-team-carousel.layout-2 .image-wrap::after {
background: rgba(255, 255, 255, 0.6);
bottom: 0%;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0%;
opacity: 1;
width: 0; }
.pxl-team-carousel.layout-2 .image-wrap:hover::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
transition: 0.8s ease;
transform: translateX(-100%);
z-index: 1; }
.pxl-team-carousel.layout-2 .image-wrap:hover::after {
left: 0;
right: 0;
opacity: 0;
width: auto;
transition: 0.8s ease;
transform: translateX(100%);
z-index: 1; }
.pxl-team-carousel.layout-3 .item-content {
padding: 46px 46px 42px 48px;
position: relative; }
@media (max-width: 767px) {
.pxl-team-carousel.layout-3 .item-content {
padding: 30px 15px 55px 15px; } }
@media (max-width: 575px) {
.pxl-team-carousel.layout-3 .item-content {
padding: 30px 15px 40px 15px; } }
.pxl-team-carousel.layout-3 .item-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-team-carousel.layout-3 .item-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1;
opacity: 1; }
.pxl-team-carousel.layout-3 .item-content .box-category {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
color: var(--primary-color);
margin-top: -3px;
margin-bottom: 19px; }
.pxl-team-carousel.layout-3 .item-content .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-bottom: 12px; }
.pxl-team-carousel.layout-3 .item-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.3s; }
.pxl-team-carousel.layout-3 .item-content .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-team-carousel.layout-3 .item-content .pxl-divider {
width: 100%;
height: 1px; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon {
position: relative;
margin-top: 5px; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .read-more {
color: var(--4E5362, #4E5362);
font-family: var(--heading-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; text-transform: capitalize; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .read-more a {
color: var(--heading-color); }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .read-more a:hover .pxli-icon-mailchimp::before {
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .read-more .pxli-icon-mailchimp {
font-size: 26px;
position: relative;
top: 10px;
overflow: hidden; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .read-more .pxli-icon-mailchimp::before {
transition: transform 0.5s; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content {
position: absolute;
right: -16px;
width: 80px;
height: 80px;
top: 0px;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transition-duration: 0.3s;
transition-property: transform;
transition: all 300ms ease 0s; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content a {
width: 80px;
height: 80px;
background-color: #000;
position: absolute;
transition: all 300ms ease 0s;
display: flex;
align-items: center;
justify-content: center; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content a i {
font-size: 41px;
color: #fff; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content:hover {
transform: translateX(5px); }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content:hover a {
background-color: var(--primary-color); }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content:hover a i {
color: #fff; }
@media (max-width: 1499px) {
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content {
width: 60px;
height: 60px;
top: 13px; }
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content a {
width: 60px;
height: 60px; } }
@media (max-width: 767px) {
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content {
top: 25px;
right: 10px; } }
@media (max-width: 575px) {
.pxl-team-carousel.layout-3 .item-content .box-read-icon .pxl-list-content {
top: 15px; } }
.pxl-team-carousel.layout-3 .image-wrap {
position: relative;
overflow: hidden; }
.pxl-team-carousel.layout-3 .image-wrap::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0; }
.pxl-team-carousel.layout-3 .image-wrap::after {
background: rgba(255, 255, 255, 0.6);
bottom: 0%;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0%;
opacity: 1;
width: 0; }
.pxl-team-carousel.layout-3 .image-wrap:hover::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
transition: 0.8s ease;
transform: translateX(-100%);
z-index: 1; }
.pxl-team-carousel.layout-3 .image-wrap:hover::after {
left: 0;
right: 0;
opacity: 0;
width: auto;
transition: 0.8s ease;
transform: translateX(100%);
z-index: 1; }
.pxl-clients .item-image {
position: relative;
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin: 30px 0; }
.pxl-clients .item-image a {
text-align: center;
display: block; }
.pxl-clients .item-image img {
display: inline-block;
max-height: 68px;
width: auto !important;
opacity: 0.6;
filter: grayscale(1);
-webkit-transition: all 300ms linear 0s;
-khtml-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
-ms-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s; }
.pxl-clients .item-image:hover img {
opacity: 1;
filter: grayscale(0); }
.pxl-clients .item-image.image-white img {
filter: brightness(0) invert(1);
opacity: 1 !important; }
.pxl-clients .dark-bg .item-image img {
opacity: 0.4;
filter: brightness(0) invert(1); }
.pxl-clients .dark-bg .item-image:hover img {
opacity: 1; }
.pxl-image-gallery-carousel .item-image {
position: relative;
overflow: hidden; }
.pxl-image-gallery-carousel .item-image:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(17, 17, 17, 0.6);
opacity: 0;
transition: all 300ms ease-in-out 0s; }
.pxl-image-gallery-carousel .up-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
.pxl-image-gallery-carousel .plus-icon span {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
left: 1px; }
.pxl-image-gallery-carousel .plus-icon span > * {
max-width: 100%; }
.pxl-image-gallery-carousel .plus-icon span:before, .pxl-image-gallery-carousel .plus-icon span:after {
content: "";
display: inline-block;
background-color: #fff;
transition: all 300ms ease-in-out 0s;
opacity: 0; }
.pxl-image-gallery-carousel .plus-icon .x-line:before, .pxl-image-gallery-carousel .plus-icon .x-line:after {
width: 16px;
height: 2px; }
.pxl-image-gallery-carousel .plus-icon .x-line:before {
transform: translateX(-50px); }
.pxl-image-gallery-carousel .plus-icon .x-line:after {
transform: translateX(50px); }
.pxl-image-gallery-carousel .plus-icon .y-line {
flex-direction: column;
position: relative;
left: -20px;
top: -1px; }
.pxl-image-gallery-carousel .plus-icon .y-line:before, .pxl-image-gallery-carousel .plus-icon .y-line:after {
width: 2px;
height: 15px; }
.pxl-image-gallery-carousel .plus-icon .y-line:before {
transform: translateY(-50px); }
.pxl-image-gallery-carousel .plus-icon .y-line:after {
transform: translateY(50px); }
.pxl-image-gallery-carousel .item-image:hover:before {
opacity: 1; }
.pxl-image-gallery-carousel .item-image:hover .plus-icon span:before, .pxl-image-gallery-carousel .item-image:hover .plus-icon span:after {
opacity: 1; }
.pxl-image-gallery-carousel .item-image:hover .plus-icon .x-line:before, .pxl-image-gallery-carousel .item-image:hover .plus-icon .x-line:after {
transform: translateX(0); }
.pxl-image-gallery-carousel .item-image:hover .plus-icon .y-line:before, .pxl-image-gallery-carousel .item-image:hover .plus-icon .y-line:after {
transform: translateY(0); }
.pxl-image-gallery-carousel .item-image .plus-icon:hover .x-line:before {
transform: translateX(-3px); }
.pxl-image-gallery-carousel .item-image .plus-icon:hover .x-line:after {
transform: translateX(3px); }
.pxl-image-gallery-carousel .item-image .plus-icon:hover .y-line:before {
transform: translateY(-3px); }
.pxl-image-gallery-carousel .item-image .plus-icon:hover .y-line:after {
transform: translateY(3px); }
@keyframes pulse-current {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 1; }
100% {
transform: translate(-50%, -50%) scale(2);
opacity: 0; } }
.pxl-step.layout-1 {
position: relative;
z-index: 1; }
.pxl-step.layout-1:after {
content: "";
position: absolute;
height: 2px;
left: -100%;
right: -100%;
border-top: 1px solid #d8d8d8;
top: 178px;
z-index: -1; }
.pxl-step.layout-1 .item-wrap {
padding: 30px;
position: relative; }
.pxl-step.layout-1 .item-wrap .item-inner {
text-align: center;
margin-left: -15px;
margin-right: -15px; }
.pxl-step.layout-1 .item-wrap:before, .pxl-step.layout-1 .item-wrap:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 178px;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: var(--primary-color);
transition: all 300ms ease 0s;
width: 20px;
height: 20px;
z-index: 1; }
.pxl-step.layout-1 .box-content {
text-align: center; }
.pxl-step.layout-1 .box-content .box-step {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: uppercase;
color: var(--primary-color); }
.pxl-step.layout-1 .item-description {
margin-top: 78px;
position: relative; }
.pxl-step.layout-1 .item-description .overflow-inner {
position: relative; }
.pxl-step.layout-1 .item-description .overflow-inner::-webkit-scrollbar {
display: none; }
.pxl-step.layout-1 .item-description .overflow-inner::-webkit-scrollbar-track {
background: transparent; }
.pxl-step.layout-1 .box-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
margin-bottom: 0;
margin-top: 17px;
position: relative; }
.pxl-step.layout-1 .item-image-wrap .item-image {
width: 170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto; }
.pxl-step.layout-1 .item-wrap:hover:after {
animation: pulse-current 800ms ease-out infinite; }
.pxl-step.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow {
background-color: #fff;
border: 1px solid #d8d8d8;
top: 271px; }
.pxl-step.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow:before {
content: none !important; }
.pxl-step.layout-2 {
position: relative;
z-index: 1; }
.pxl-step.layout-2 .item-wrap {
padding: 52px 92px 92px 92px;
position: relative;
margin-right: 24px; }
@media (max-width: 1499px) {
.pxl-step.layout-2 .item-wrap {
padding: 52px 75px 92px 75px; } }
@media (max-width: 1199px) {
.pxl-step.layout-2 .item-wrap {
padding: 40px 50px 75px 50px; } }
@media (max-width: 575px) {
.pxl-step.layout-2 .item-wrap {
padding: 40px 30px 50px 30px;
margin-right: 0; } }
.pxl-step.layout-2 .item-wrap .item-inner {
text-align: center;
margin-left: -15px;
margin-right: -15px; }
@media (max-width: 991px) {
.pxl-step.layout-2 .item-wrap .item-inner {
margin-left: 29px;
margin-right: 29px; } }
@media (max-width: 880px) {
.pxl-step.layout-2 .item-wrap .item-inner {
margin-left: 10px;
margin-right: 10px; } }
.pxl-step.layout-2 .item-wrap .item-inner:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 148px;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid var(--primary-color);
width: 20px;
height: 20px;
z-index: 1;
background-color: #fff; }
@media (max-width: 767px) {
.pxl-step.layout-2 .item-wrap .item-inner:before {
top: 115px; } }
.pxl-step.layout-2 .item-wrap .item-inner:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 148px;
transform: translate(-50%, -50%);
border-radius: 50%;
background-color: var(--heading-color);
opacity: 0.2;
width: 126px;
height: 1px; }
@media (max-width: 767px) {
.pxl-step.layout-2 .item-wrap .item-inner:after {
top: 115px; } }
.pxl-step.layout-2 .item-wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 10px solid #F6F6F7;
border-radius: 50%;
z-index: -1; }
.pxl-step.layout-2 .item-wrap::after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: -1; }
.pxl-step.layout-2 .box-content {
text-align: center; }
.pxl-step.layout-2 .box-content .box-step {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: uppercase;
color: var(--primary-color); }
.pxl-step.layout-2 .item-description {
margin-top: 78px;
position: relative; }
.pxl-step.layout-2 .item-description .overflow-inner {
position: relative; }
.pxl-step.layout-2 .item-description .overflow-inner::-webkit-scrollbar {
display: none; }
.pxl-step.layout-2 .item-description .overflow-inner::-webkit-scrollbar-track {
background: transparent; }
.pxl-step.layout-2 .box-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
margin-bottom: 0;
margin-top: 10px;
position: relative; }
.pxl-step.layout-2 .item-image-wrap .item-image {
width: 170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto; }
.pxl-step.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow {
background-color: #fff;
border: 1px solid #d8d8d8;
top: 271px; }
.pxl-step.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow:before {
content: none !important; }
.pxl-fancy-box-carousel.layout-1 {
text-align: center; }
.pxl-fancy-box-carousel.layout-1 .item-icon img {
height: 50px;
width: auto;
display: inline-block; }
.pxl-fancy-box-carousel.layout-1 .pxl-dash {
width: 50px;
height: 1px;
background-color: var(--heading-color);
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 45px;
transform: scaleX(0);
transition: transform 0.3s ease;
transform-origin: center; }
.pxl-fancy-box-carousel.layout-1 .item-title {
font-size: 20px;
line-height: 24px;
margin-top: 8px; }
.pxl-fancy-box-carousel.layout-1 .item-description {
font-size: 15px; }
.pxl-fancy-box-carousel.layout-1 .pxl-swiper-slide .item-inner {
width: 100%;
padding: 30px 34px 23px 34px;
border-radius: 3px;
border: 1px solid rgba(21, 27, 43, 0.05);
transition: all 300ms ease 0s; }
.pxl-fancy-box-carousel.layout-1 .pxl-swiper-slide .item-inner:hover {
box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.05); }
.pxl-fancy-box-carousel.layout-1 .pxl-swiper-slide .item-inner:hover .pxl-dash {
transform: scaleX(1); }
.pxl-fancy-box-carousel.layout-1 .pxl-swiper-dots {
margin-top: 50px; }
.pxl-fancy-box-carousel.layout-1 .pxl-swiper-dots .pxl-swiper-pagination-bullet:after {
background-color: var(--heading-color); }
.pxl-fancy-box-carousel.layout-1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color); }
.pxl-fancy-box-carousel.layout-2 .item-icon img {
height: 50px;
width: auto;
display: inline-block;
transition: all 300ms ease 0s; }
.pxl-fancy-box-carousel.layout-2 .item-title {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 28px; text-transform: capitalize;
color: #061538;
margin-bottom: 0;
margin-top: 41px; }
.pxl-fancy-box-carousel.layout-2 .item-description {
font-size: 15px;
transition: all 300ms ease 0s; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-slide .item-inner {
padding: 50px 35px 41px 29px;
border-radius: 10px;
border: 1px solid rgba(21, 27, 43, 0.1);
transition: all 300ms ease 0s; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-slide .item-inner:hover {
border-radius: 10px;
background: var(--f30f0a, #F30F0A);
border: none; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-slide .item-inner:hover .item-title {
color: #fff; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-slide .item-inner:hover .item-title a {
color: #fff; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-slide .item-inner:hover .item-description {
color: #fff; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-slide .item-inner:hover .item-icon img {
filter: brightness(0) invert(1); }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-dots {
margin-top: 50px; }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-dots .pxl-swiper-pagination-bullet:after {
background-color: var(--heading-color); }
.pxl-fancy-box-carousel.layout-2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: var(--primary-color); }
.pxl-banner-carousel.layout-1 .pxl-swiper-thumbs-wrap .pxl-thumbs-wrapper {
border-bottom: 1px solid #d8d8d8;
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.pxl-banner-carousel.layout-1 .pxl-swiper-thumbs-wrap .pxl-thumbs-wrapper .thumb-item {
cursor: pointer; }
.pxl-banner-carousel.layout-1 .pxl-swiper-thumbs-wrap .pxl-thumbs-wrapper .thumb-item span {
display: inline-block;
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
color: var(--heading-color);
letter-spacing: 0.02em;
padding: 21px 10px;
position: relative; }
.pxl-banner-carousel.layout-1 .pxl-swiper-thumbs-wrap .pxl-thumbs-wrapper .thumb-item span:after {
content: "";
display: block;
height: 4px;
position: absolute;
bottom: -1px;
left: 0;
width: 0;
background-color: transparent;
transition: all 300ms cubic-bezier(0, 0, 0.2, 1) 0s; }
.pxl-banner-carousel.layout-1 .pxl-swiper-thumbs-wrap .pxl-thumbs-wrapper .thumb-item.swiper-slide-thumb-active span:after {
background-color: var(--additional02-color);
width: 100%; }
@media (max-width: 575px) {
.pxl-banner-carousel.layout-1 .pxl-swiper-thumbs-wrap {
display: none; } }
.pxl-banner-carousel.layout-1 .banner-item {
background-size: cover;
background-position: bottom left;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding: 30px 70px;
border-radius: 25px;
flex-grow: 1; }
@media (max-width: 767px) {
.pxl-banner-carousel.layout-1 .banner-item {
padding: 40px 30px;
flex-wrap: wrap; } }
.pxl-banner-carousel.layout-1 .item-text {
margin-right: 30px;
flex-grow: 1; }
@media (max-width: 767px) {
.pxl-banner-carousel.layout-1 .item-text {
margin-right: 0; } }
.pxl-banner-carousel.layout-1 .item-text .item-title {
max-width: 500px;
font-size: 35px; }
@media (max-width: 991px) {
.pxl-banner-carousel.layout-1 .item-text .item-title {
font-size: 30px; } }
.pxl-banner-carousel.layout-1 .item-description {
max-width: 500px;
margin-top: 8px; }
.pxl-banner-carousel.layout-1 .item-image {
height: 374px;
flex: none; }
.pxl-banner-carousel.layout-1 .item-image img {
width: auto; }
@media (max-width: 991px) {
.pxl-banner-carousel.layout-1 .item-image {
width: 27%;
height: auto; } }
@media (max-width: 767px) {
.pxl-banner-carousel.layout-1 .item-image {
width: 100%;
margin-bottom: 30px;
order: -1; } }
.pxl-banner-carousel.layout-1 .item-readmore {
margin-top: 43px; }
.pxl-banner-carousel.layout-2 .banner-item {
width: 100%; }
.pxl-banner-carousel.layout-2 .item-title {
font-size: 40px; }
@media (min-width: 1499px) {
.pxl-banner-carousel.layout-2 .item-title {
font-size: 60px; } }
.pxl-banner-carousel.layout-2 .item-description {
font-size: 17px;
color: var(--heading-color);
margin-top: 5px; }
@media (min-width: 1499px) {
.pxl-banner-carousel.layout-2 .item-description {
max-width: 70%; } }
.pxl-banner-carousel.layout-2 .pxl-button-wrapper {
margin-top: 42px; }
.pxl-banner-carousel.layout-2 .pxl-button-wrapper .btn {
--gradient01-color-from: #47479F;
--gradient01-color-to: #9191D7; }
.pxl-banner-carousel.layout-2 .pxl-thumbs-wrapper {
margin-top: 50px; }
@media (min-width: 1499px) {
.pxl-banner-carousel.layout-2 .pxl-thumbs-wrapper {
font-size: 100px; } }
.pxl-banner-carousel.layout-2 .pxl-thumbs-wrapper .thumb-item {
width: auto !important; }
.pxl-banner-carousel.layout-2 .pxl-thumbs-wrapper .thumb-item span {
display: inline-flex;
position: relative;
font-size: 17px;
font-weight: 500;
color: var(--heading-color);
align-items: flex-end;
line-height: 1;
cursor: pointer; }
.pxl-banner-carousel.layout-2 .pxl-thumbs-wrapper .thumb-item span:after {
content: "";
display: inline-block;
width: 0;
margin: 0 10px;
height: 2px;
background-color: #dedee2;
transition: all 300ms ease 0s;
position: relative;
bottom: 3px; }
.pxl-banner-carousel.layout-2 .pxl-thumbs-wrapper .thumb-item.swiper-slide-thumb-active span:after {
width: 40px; }
.pxl-video-slider .pxl-swiper-wrapper {
align-items: center; }
.pxl-video-slider .swiper-slide .item-inner .item-info {
text-align: center;
margin-bottom: 30px;
opacity: 0;
visibility: hidden;
transition: all 500ms linear 0s; }
.pxl-video-slider .swiper-slide .item-inner .item-info .item-name {
font-size: 23px;
letter-spacing: 0.03em;
margin-bottom: 0; }
.pxl-video-slider .swiper-slide .item-inner .item-info .item-position {
font-size: 16px;
color: #6d6d6d; }
.pxl-video-slider .swiper-slide .item-inner .item-image-wrap {
position: relative;
transition: all 500ms linear 0s;
transform: scale(0.85);
border-radius: 20px;
overflow: hidden; }
.pxl-video-slider .swiper-slide .item-inner .pxl-video-popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(45, 45, 63, 0.5);
opacity: 0;
visibility: hidden;
transition: all 200ms linear 0s; }
.pxl-video-slider .swiper-slide .item-inner .pxl-video-popup .video-play-button {
width: 54px;
height: 54px;
background-image: unset;
background-color: #fff; }
.pxl-video-slider .swiper-slide .item-inner .pxl-video-popup .video-play-button i {
font-size: 15px;
transition: all 300ms linear 0s;
color: var(--heading-color);
bottom: 0; }
.pxl-video-slider .swiper-slide.swiper-slide-active .item-inner .item-info {
opacity: 1;
visibility: visible; }
.pxl-video-slider .swiper-slide.swiper-slide-active .item-inner .item-image-wrap {
transform: scale(1); }
.pxl-video-slider .swiper-slide.swiper-slide-active .item-inner .pxl-video-popup {
opacity: 1;
visibility: visible; }
.pxl-carousel-landing .swiper-slide .item-inner {
padding: 30px 7px 7px;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
transition: all 300ms linear 0s; }
.pxl-carousel-landing .swiper-slide.swiper-slide-active .item-inner {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/landing-carousel.png); }
.pxl-swiper-slider .swiper-filter-wrap {
margin-bottom: 60px; }
.pxl-swiper-slider .swiper-filter-wrap .filter-item {
font-family: var(--heading-font-family);
font-size: 17px;
font-weight: 500;
line-height: 30px;
color: var(--heading-color);
letter-spacing: 0.02em;
text-transform: capitalize;
margin-top: 10px;
cursor: pointer;
padding: 0 20px;
position: relative; }
.pxl-swiper-slider .swiper-filter-wrap .filter-item:after {
content: "";
display: block;
height: 2px;
background-color: var(--secondary-color);
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
transform: scaleX(0);
transform-origin: left;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.pxl-swiper-slider .swiper-filter-wrap .filter-item.active:after, .pxl-swiper-slider .swiper-filter-wrap .filter-item:hover:after {
transform: scaleX(1); }
.pxl-swiper-slider .swiper-filter-wrap.start .filter-item:first-child {
padding-left: 0 !important; }
.pxl-swiper-slider .swiper-filter-wrap.start .filter-item:first-child:after {
left: 0 !important; }
.pxl-swiper-slider .swiper-filter-wrap.end .filter-item:last-child {
padding-right: 0 !important; }
.pxl-swiper-slider .swiper-filter-wrap.end .filter-item:last-child:after {
right: 0 !important; }
.pxl-post-carousel.layout-post-1 .item-inner .item-boder-content {
position: relative; }
.pxl-post-carousel.layout-post-1 .item-inner .item-boder-content::before {
position: absolute;
content: "";
width: 118px;
height: 29px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-post-carousel.layout-post-1 .item-inner .grid-item {
margin-bottom: 35px; }
.pxl-post-carousel.layout-post-1 .item-inner .item-featured {
position: relative; }
.pxl-post-carousel.layout-post-1 .item-inner .item-featured .post-date {
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
color: #fff;
background-color: var(--gradient01-color-from);
background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient01-color-from)), to(var(--gradient01-color-to)));
background-image: -webkit-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -moz-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -ms-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: -o-linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
background-image: linear-gradient(72deg, var(--gradient01-color-from), var(--gradient01-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-from)", endColorStr="var(--gradient01-color-to)", gradientType="1");
display: inline-block;
padding: 7px 18px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 17px;
z-index: 1; }
.pxl-post-carousel.layout-post-1 .item-inner .item-featured .post-image {
position: relative;
border-radius: 0;
overflow: hidden; }
.pxl-post-carousel.layout-post-1 .item-inner .item-featured .post-image a::after {
background: #fff;
content: "";
height: 130%;
left: -50%;
opacity: 0.2;
position: absolute;
top: -15%;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 12%; }
.pxl-post-carousel.layout-post-1 .item-inner .item-featured .post-image:hover a:after {
left: 140%;
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }
.pxl-post-carousel.layout-post-1 .item-inner .pxl-archive-post i {
color: var(--primary-color); }
.pxl-post-carousel.layout-post-1 .item-inner .pxl-archive-post.format-quote .quote-inner .quote-text {
font-size: 20px;
line-height: 30px; }
@media (min-width: 1200px) {
.pxl-post-carousel.layout-post-1 .item-inner .pxl-archive-post.format-quote .quote-inner .quote-text {
max-width: 94%; } }
.pxl-post-carousel.layout-post-1 .item-inner .pxl-archive-post.format-link .link-inner .link-text {
font-size: 20px;
line-height: 30px; }
.pxl-post-carousel.layout-post-1 .item-inner .item-content {
padding: 44px 31px 20px 29px;
position: relative; }
.pxl-post-carousel.layout-post-1 .item-inner .item-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05); }
.pxl-post-carousel.layout-post-1 .item-inner .item-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
background-color: #fff; }
@media (max-width: 575px) {
.pxl-post-carousel.layout-post-1 .item-inner .item-content {
padding: 35px 25px 20px 25px; } }
.pxl-post-carousel.layout-post-1 .item-inner .item-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
z-index: 1;
position: relative;
margin-top: 16px;
margin-bottom: 0; }
.pxl-post-carousel.layout-post-1 .item-inner .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.5s; }
.pxl-post-carousel.layout-post-1 .item-inner .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-post-carousel.layout-post-1 .item-inner .pxl-divider {
position: relative;
z-index: 1;
width: 100%;
height: 1px;
margin-top: 25px;
margin-bottom: 13px; }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between; }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon .icon-url {
transform: translateY(21px); }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon .icon-url .pxli-icon-mailchimp {
background-color: var(--heading-color);
width: 50px;
height: 50px;
font-size: 20px; }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon .icon-url .pxli-icon-mailchimp::before {
color: #fff; }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon .icon-url .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon .icon-url .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-post-carousel.layout-post-1 .item-inner .border-cate-icon .post-category a:hover {
color: var(--primary-color); }
.pxl-post-carousel.layout-post-1 .item-inner .item-excerpt {
margin-top: 10px;
margin-bottom: 15px; }
.pxl-post-carousel.layout-post-1 .item-inner .post-metas {
margin-bottom: 0;
z-index: 1; }
.pxl-post-carousel.layout-post-1 .item-inner .post-metas .post-comments a:after {
content: none; }
@media (max-width: 575px) {
.pxl-post-carousel.layout-post-1 .item-inner .post-metas .meta-inner > span {
width: 100%;
margin-right: 0;
padding-right: 0; }
.pxl-post-carousel.layout-post-1 .item-inner .post-metas .post-category i {
display: none; }
.pxl-post-carousel.layout-post-1 .item-inner .post-metas .post-category:after {
content: none; } }
.pxl-post-carousel.layout-post-1 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-prev {
left: -100px; }
.pxl-post-carousel.layout-post-1 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-next {
right: -100px; }
.pxl-post-carousel.layout-post-2 .item-inner {
position: relative;
transition: all 300ms ease 0s; }
.pxl-post-carousel.layout-post-2 .item-inner .post-date span {
display: inline-flex;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--primary-color);
align-items: center;
justify-content: center;
color: #fff;
margin-right: 5px; }
.pxl-post-carousel.layout-post-2 .item-inner .post-date h4 {
margin: 0;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
display: inline-flex; }
.pxl-post-carousel.layout-post-2 .item-inner .item-title {
font-size: 20px;
line-height: 30px;
margin-bottom: 17px;
margin-top: 18px; }
.pxl-post-carousel.layout-post-2 .item-inner .post-metas {
text-transform: uppercase;
color: #fff;
margin-bottom: 12px;
padding-top: 22px;
border-top: 1px solid rgba(255, 255, 255, 0.25); }
.pxl-post-carousel.layout-post-2 .item-inner .post-metas i {
color: inherit;
font-size: 10px; }
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner > span {
padding: 0 10px 0 0;
margin: 0 10px 0 0;
line-height: 1; }
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner > span:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: rgba(255, 255, 255, 0.25); }
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner > span:last-child {
padding: 0;
margin: 0; }
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner > span:last-child:after {
content: none; }
.pxl-post-carousel.layout-post-2 .item-inner .item-excerpt {
margin-bottom: 25px; }
.pxl-post-carousel.layout-post-2 .item-inner .post-featured {
margin-bottom: 0;
border-radius: 25px;
overflow: hidden; }
.pxl-post-carousel.layout-post-2 .item-inner .post-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(18, 16, 35, 0.3);
padding: 25px 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 25px;
transition: all 300ms ease-out 0s; }
.pxl-post-carousel.layout-post-2 .item-inner .post-content .post-date h4 {
color: #fff; }
.pxl-post-carousel.layout-post-2 .item-inner .post-content .item-title {
color: #fff; }
.pxl-post-carousel.layout-post-2 .item-inner .post-content .item-title a {
color: inherit; }
.pxl-post-carousel.layout-post-2 .item-inner .post-hover {
opacity: 0;
visibility: hidden;
transition: all 200ms ease 0s;
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 25px;
-webkit-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.12);
-khtml-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.12);
-o-box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.12);
box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.12);
background-color: #f7f7f9;
padding: 20px; }
.pxl-post-carousel.layout-post-2 .item-inner .post-hover .post-metas {
color: var(--heading-color);
border-color: #dadada;
margin-top: 20px; }
.pxl-post-carousel.layout-post-2 .item-inner .post-hover .post-metas > span:after {
color: #dadada; }
.pxl-post-carousel.layout-post-2 .item-inner .post-hover .post-metas i {
color: #b3b2bf; }
.pxl-post-carousel.layout-post-2 .item-inner:hover .post-content {
opacity: 0;
visibility: hidden; }
.pxl-post-carousel.layout-post-2 .item-inner:hover .post-hover {
opacity: 1;
visibility: visible; }
.pxl-post-carousel.layout-post-2 .pxl-swiper-arrows .pxl-swiper-arrow {
top: 55%; }
.pxl-post-carousel.layout-post-2 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-prev {
left: -100px; }
.pxl-post-carousel.layout-post-2 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-next {
right: -100px; }
.pxl-post-carousel.layout-post-3 .item-inner {
position: relative;
transition: all 300ms ease 0s;
border-radius: 25px;
-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-khtml-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
margin: 30px 0; }
.pxl-post-carousel.layout-post-3 .item-inner .post-featured {
margin-bottom: 0;
position: relative; }
.pxl-post-carousel.layout-post-3 .item-inner .post-featured .post-image {
border-radius: 25px 25px 0 0;
overflow: hidden; }
.pxl-post-carousel.layout-post-3 .item-inner .meta-date {
position: absolute;
top: 25px;
left: 25px;
width: 70px;
border-radius: 10px;
text-align: center;
overflow: hidden; }
.pxl-post-carousel.layout-post-3 .item-inner .meta-date h4 {
margin: 0;
padding: 10px 0;
line-height: 1;
font-size: 35px;
color: #fff;
background-color: #fb6a25; }
.pxl-post-carousel.layout-post-3 .item-inner .meta-date .date-bot {
font-size: 13px;
background-color: #fff;
padding: 5px 0; }
.pxl-post-carousel.layout-post-3 .item-inner .post-metas {
text-transform: uppercase;
color: #fff;
position: absolute;
left: 25px;
bottom: 20px;
margin: 0;
z-index: 1; }
.pxl-post-carousel.layout-post-3 .item-inner .post-metas i {
color: inherit;
font-size: 10px; }
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner > span {
padding: 0 10px 0 0;
margin: 0 10px 0 0;
line-height: 1; }
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner > span:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: rgba(255, 255, 255, 0.25); }
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner > span:last-child {
padding: 0;
margin: 0; }
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner > span:last-child:after {
content: none; }
.pxl-post-carousel.layout-post-3 .item-inner .gradient-bot {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); }
.pxl-post-carousel.layout-post-3 .item-inner .item-title {
font-size: 20px;
line-height: 30px;
margin-bottom: 17px; }
.pxl-post-carousel.layout-post-3 .item-inner .item-excerpt {
margin-bottom: 25px; }
.pxl-post-carousel.layout-post-3 .item-inner .post-details {
padding: 25px 25px 25px; }
.pxl-post-carousel.layout-post-3 .pxl-swiper-arrows .pxl-swiper-arrow {
top: 50%; }
.pxl-post-carousel.layout-post-3 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-prev {
left: -100px; }
.pxl-post-carousel.layout-post-3 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-next {
right: -100px; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-content {
position: relative; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-content::before {
position: absolute;
content: "";
width: 119px;
height: 29px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content {
padding: 43px 29px 40px 29px;
position: relative; }
@media (max-width: 1199px) {
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content {
padding: 43px 29px 50px 29px; } }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .icon-url {
position: absolute;
bottom: 0;
right: 29px; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .icon-url .pxli-icon-mailchimp {
background-color: var(--heading-color);
width: 50px;
height: 50px;
font-size: 22px;
color: #fff; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .icon-url .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .icon-url .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .item-title {
display: inline;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
position: relative; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.5s; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .post-category {
margin-bottom: 15px; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .post-category a {
position: relative; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .post-category a::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: all 400ms ease 0s; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .post-boder-content .post-category a:hover::after {
width: 100%; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured {
overflow: hidden;
position: relative; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured a {
position: relative; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured a::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured a::after {
background: rgba(255, 255, 255, 0.6);
bottom: 0%;
content: "";
position: absolute;
left: 50%;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured:hover a::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured:hover a::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-project-carousel.layout-pxl-project-1 .item-inner .item-featured:hover a img {
transform: scale(1.1); }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-content {
position: absolute;
bottom: -58px;
left: -1px;
z-index: 1;
max-width: 416px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
transition: all 200ms linear 0ms; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-content::before {
position: absolute;
content: "";
width: 119px;
height: 29px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background-color: #fff;
top: -28px;
right: 0; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content {
padding: 43px 85px 40px 29px;
position: relative; }
@media (max-width: 1199px) {
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content {
padding: 43px 29px 50px 29px; } }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
-webkit-clip-path: polygon(100% 0, 100% 85%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .icon-url {
position: absolute;
bottom: 0;
right: 29px; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .icon-url .pxli-icon-mailchimp {
background-color: var(--primary-color);
width: 50px;
height: 50px;
font-size: 22px;
color: #fff; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .icon-url .pxli-icon-mailchimp:hover {
background-color: var(--primary-color); }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .icon-url .pxli-icon-mailchimp:hover::before {
color: #fff;
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .item-title {
display: inline;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px; text-transform: capitalize;
position: relative; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.5s; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .item-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .post-category {
margin-bottom: 15px; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .post-category a {
position: relative; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .post-category a::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 1px;
background-color: var(--primary-color);
transition: all 400ms ease 0s; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .post-boder-content .post-category a:hover::after {
width: 100%; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured {
overflow: hidden;
position: relative; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured a {
position: relative; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured a::before {
background: rgba(255, 255, 255, 0.4);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured a::after {
background: rgba(255, 255, 255, 0.6);
bottom: 0%;
content: "";
position: absolute;
left: 50%;
right: 50%;
top: 0;
opacity: 1;
width: 0;
visibility: visible; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured:hover a::before {
left: 0;
right: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured:hover a::after {
top: 0;
bottom: 0;
opacity: 0;
width: auto;
z-index: 1;
transition: 0.8s ease; }
.pxl-project-carousel.layout-pxl-project-2 .item-inner .item-featured:hover a img {
transform: scale(1.1); }
.pxl-project-carousel.layout-pxl-project-2 .item-inner:hover .item-content {
transform: scaleY(1);
opacity: 1; }
.pxl-project-carousel.layout-pxl-project-2 .pxl-swiper-dots {
margin-top: 108px; }
@media (max-width: 767px) {
.pxl-project-carousel.layout-pxl-project-2 .pxl-swiper-dots {
margin-top: 70px; } }
.pxl-service-carousel.layout-pxl-service-1 .post-featured {
position: relative;
margin-bottom: 0;
transition: all 300ms ease 0s; }
.pxl-service-carousel.layout-pxl-service-1 .post-featured::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(21, 27, 43, 0.7);
visibility: hidden; }
.pxl-service-carousel.layout-pxl-service-1 .post-featured:hover::before {
visibility: visible; }
.pxl-service-carousel.layout-pxl-service-1 .post-featured:hover .post-content {
opacity: 1; }
.pxl-service-carousel.layout-pxl-service-1 .post-content {
position: absolute;
bottom: 37px;
left: 0;
display: flex;
flex-direction: column;
opacity: 0;
transition: all 400ms ease 0s;
padding: 0 50px 0 50px; }
@media (max-width: 767px) {
.pxl-service-carousel.layout-pxl-service-1 .post-content {
padding: 0 25px 0 25px; } }
.pxl-service-carousel.layout-pxl-service-1 .post-content .item-title {
color: #fff;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 42px; text-transform: capitalize;
margin-bottom: 33px; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .item-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.5s; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .item-title:hover a {
color: #fff;
background-size: 100% 80%; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .item-des {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; text-transform: uppercase;
color: #fff; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .pxl-divider {
width: 100%;
height: 1px;
background-color: #fff;
opacity: 1;
margin-top: 13px;
margin-bottom: 22px; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .btn-more-icon {
color: #fff; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .btn-more-icon .pxli-icon-mailchimp {
font-size: 22px;
overflow: hidden; }
.pxl-service-carousel.layout-pxl-service-1 .post-content .btn-more-icon:hover .pxli-icon-mailchimp::before {
animation: toTopFromBottom-mail 0.3s forwards; }
.pxl-product-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-arrow-title {
display: flex;
justify-content: space-between;
padding-bottom: 26px;
border-bottom: 1px solid rgba(21, 27, 43, 0.1);
margin-bottom: 60px; }
@media (max-width: 575px) {
.pxl-product-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-arrow-title {
flex-direction: column;
align-items: center;
text-align: center; } }
.pxl-product-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-arrow-title .pxl-swiper-arrows {
padding-top: 0; }
@media (max-width: 575px) {
.pxl-product-carousel.layout-1 .pxl-swiper-slider-wrap .pxl-arrow-title .pxl-swiper-arrows {
margin-top: 20px; } }
.pxl-product-carousel.layout-1 .box-content .sub-title {
position: relative;
margin-left: 11px; }
@media (max-width: 575px) {
.pxl-product-carousel.layout-1 .box-content .sub-title {
margin-left: 0; } }
.pxl-product-carousel.layout-1 .box-content .sub-title::before, .pxl-product-carousel.layout-1 .box-content .sub-title::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--primary-color);
top: 50%;
transform: translateY(-50%); }
.pxl-product-carousel.layout-1 .box-content .sub-title::before {
left: -11px; }
.pxl-product-carousel.layout-1 .box-content .sub-title::after {
right: -11px; }
.pxl-product-carousel.layout-1 .box-content .title {
margin-top: 25px;
margin-bottom: 0;
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize; }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows {
align-items: center; }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow {
border-radius: 0;
width: 70px;
height: 70px; }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow::before {
display: none; }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-prev {
transform: scaleX(-1); }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-prev .pxli-icon-mailchimp {
color: var(--heading-color); }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-prev:hover {
background-color: var(--heading-color); }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-prev:hover .pxli-icon-mailchimp {
color: #fff; }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-next .pxli-icon-mailchimp {
color: var(--heading-color); }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-next:hover {
background-color: var(--primary-color); }
.pxl-product-carousel.layout-1 .pxl-swiper-arrows .pxl-swiper-arrow-next:hover .pxli-icon-mailchimp {
color: #fff; }
.pxl-product-carousel.layout-1 .pxl-shop-item-wrap .for-cart .pxli-shopping {
margin-right: 10px; }
.pxl-product-carousel.layout-1 .pxl-products-row {
display: flex;
flex-direction: column;
gap: 50px;
width: 100%; }
@media (max-width: 575px) {
.pxl-product-carousel.layout-1 .pxl-products-row {
gap: 25px; } }
.pxl-tabs-carousel-container .pxl-swiper-arrows {
display: flex;
gap: 20px; }
@media (max-width: 575px) {
.pxl-tabs-carousel-container .pxl-swiper-arrows {
margin-top: 20px; } }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-prev {
left: 0; }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-prev .pxli-icon-mailchimp {
transform: scaleX(-1); }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-prev:hover {
background-color: var(--heading-color); }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-prev:hover .pxli-icon-mailchimp {
color: #fff; }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow {
position: relative;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: var(--heading-color);
background-color: rgba(var(--additional03-color-rgb), 0.1);
transition: all 450ms ease; }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow .pxli-icon-mailchimp {
font-size: 22px; }
@media (max-width: 575px) {
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow {
transform: translateY(0); } }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-next {
right: 0; }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-next:hover {
background-color: var(--primary-color); }
.pxl-tabs-carousel-container .pxl-swiper-arrows .pxl-swiper-arrow-next:hover .pxli-icon-mailchimp {
color: #fff; }
.pxl-tabs-carousel-container .pxl-arrow-title {
display: flex;
justify-content: space-between;
padding-bottom: 26px;
border-bottom: 1px solid rgba(21, 27, 43, 0.1);
margin-bottom: 60px; }
@media (max-width: 575px) {
.pxl-tabs-carousel-container .pxl-arrow-title {
flex-direction: column;
align-items: center;
text-align: center; } }
.pxl-tabs-carousel-container .pxl-arrow-title .box-content .sub-title {
position: relative;
margin-left: 11px; }
@media (max-width: 575px) {
.pxl-tabs-carousel-container .pxl-arrow-title .box-content .sub-title {
margin-left: 0; } }
.pxl-tabs-carousel-container .pxl-arrow-title .box-content .sub-title::before, .pxl-tabs-carousel-container .pxl-arrow-title .box-content .sub-title::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--primary-color);
top: 50%;
transform: translateY(-50%); }
.pxl-tabs-carousel-container .pxl-arrow-title .box-content .sub-title::before {
left: -11px; }
.pxl-tabs-carousel-container .pxl-arrow-title .box-content .sub-title::after {
right: -11px; }
.pxl-tabs-carousel-container .pxl-arrow-title .box-content .title {
margin-top: 25px;
margin-bottom: 0;
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 26px;
text-transform: capitalize; }
.pxl-text-carousel {
position: relative;
overflow: hidden;
white-space: nowrap; }
.pxl-text-carousel.style1 .pxl-item--text {
text-align: center;
font-size: 280px;
font-style: normal;
font-weight: 700;
line-height: 260px;
font-family: var(--body-font-family);
color: rgba(21, 27, 43, 0.05); }
.pxl-text-carousel.style1 .pxl--item {
padding: 0 100px;
width: auto;
position: relative; }
.pxl-text-carousel.style1 .pxl-text-fixed {
visibility: hidden;
opacity: 0;
display: flex;
flex-wrap: nowrap; }
.pxl-text-carousel.style1 .pxl-text-slide {
margin: 0 -30px;
display: flex;
flex-wrap: nowrap;
position: absolute;
top: 0; }
.pxl-text-carousel.style1 .pxl-text-slide.text-slide-to-left {
left: 50%; }
.pxl-text-carousel.style1 .pxl-text-slide.text-slide-to-right {
right: 50%; }
.pxl-text-carousel.style1 .text-slide-to-left {
-webkit-animation: pxl_text_slide_l 30s linear infinite;
animation: pxl_text_slide_l 30s linear infinite; }
.pxl-text-carousel.style1 .text-slide-to-right {
-webkit-animation: pxl_text_slide_r 30s linear infinite;
animation: pxl_text_slide_r 30s linear infinite; }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: 300;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Light.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Light.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: 300;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-LightOblique.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-LightOblique.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: normal;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Regular.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Regular.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: normal;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-RegularOblique.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-RegularOblique.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: 500;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Medium.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Medium.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: 500;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-MediumOblique.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-MediumOblique.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: bold;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Bold.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-Bold.woff) format("woff"); }
@font-face {
font-family: "GT Walsheim Pro";
font-weight: bold;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-BoldOblique.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/GTWalsheimPro-BoldOblique.woff) format("woff"); }
.heading-default-font {
font-family: var(--heading-font-family) !important; }
.heading-default-font h1, .heading-default-font h2, .heading-default-font h3, .heading-default-font h4, .heading-default-font h5, .heading-default-font h6, .heading-default-font .h1, .heading-default-font .h2, .heading-default-font .h3, .heading-default-font .h4, .heading-default-font .h5, .heading-default-font .h6 {
font-family: var(--heading-font-family) !important; }
@font-face {
font-family: "Basier Square";
font-weight: normal;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Regular.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Regular.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: normal;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Italic.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Italic.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: 500;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Medium.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Medium.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: 500;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-MediumItalic.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-MediumItalic.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: 600;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-SemiBold.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-SemiBold.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: 600;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-SemiBoldItalic.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-SemiBoldItalic.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: bold;
font-style: normal;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Bold.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-Bold.woff) format("woff"); }
@font-face {
font-family: "Basier Square";
font-weight: bold;
font-style: italic;
src: url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-BoldItalic.woff2) format("woff2"), url(//belteplo.by/wp-content/themes/dexson/assets/fonts/font-face/BasierSquare-BoldItalic.woff) format("woff"); }
.body-default-font {
font-family: var(--body-font-family) !important; }
.pxl-ttip {
position: relative;
display: inline-block; }
.pxl-ttip:hover .tt-txt {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
transition-delay: 0.1s; }
.tt-txt {
font-size: 0;
opacity: 0;
visibility: hidden; }
.tt-txt:before {
content: "";
position: absolute;
background: 0 0;
border: 6px solid transparent;
z-index: 1000001;
margin-bottom: 0;
left: calc(50% - 6px);
top: auto;
bottom: -12px;
transition: 0.3s; }
.pxl-ttip .tt-txt {
position: absolute;
pointer-events: none;
display: inline-block;
background: #1b1b1b;
color: #fff;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
background: #1b1b1b;
z-index: 1000000;
pointer-events: none;
-webkit-transform: translate3d(0, 0, 0);
-khtml-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s; }
.tt_top .tt-txt {
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-khtml-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.tt_top .tt-txt:before {
border-top-color: #1b1b1b; }
.tt_top:hover .tt-txt {
-webkit-transform: translate(-50%, -8px);
-khtml-transform: translate(-50%, -8px);
-moz-transform: translate(-50%, -8px);
-ms-transform: translate(-50%, -8px);
-o-transform: translate(-50%, -8px);
transform: translate(-50%, -8px); }
.tt-top-left .tt-txt, .tt-top-right .tt-txt {
bottom: 100%;
left: 50%; }
.tt-top-left .tt-txt:before, .tt-top-right .tt-txt:before {
border-top-color: #1b1b1b; }
.tt-top-left:hover .tt-txt, .tt-top-right:hover .tt-txt {
-webkit-transform: translate(0, -8px);
-khtml-transform: translate(0, -8px);
-moz-transform: translate(0, -8px);
-ms-transform: translate(0, -8px);
-o-transform: translate(0, -8px);
transform: translate(0, -8px); }
.tt-top-left .tt-txt {
-webkit-transform: translate(-100%, 0);
-khtml-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
margin-left: 12px; }
.tt-top-left .tt-txt:before {
left: auto;
right: 6px; }
.tt-top-left:hover .tt-txt {
-webkit-transform: translate(-100%, -8px);
-khtml-transform: translate(-100%, -8px);
-moz-transform: translate(-100%, -8px);
-ms-transform: translate(-100%, -8px);
-o-transform: translate(-100%, -8px);
transform: translate(-100%, -8px); }
.tt-top-right .tt-txt {
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
margin-left: -12px; }
.tt-top-right .tt-txt:before {
left: 6px;
right: auto; }
.tt-top-right:hover .tt-txt {
-webkit-transform: translate(0, -8px);
-khtml-transform: translate(0, -8px);
-moz-transform: translate(0, -8px);
-ms-transform: translate(0, -8px);
-o-transform: translate(0, -8px);
transform: translate(0, -8px); }
.tt-left .tt-txt {
left: auto;
right: 100%;
bottom: 50%;
margin-bottom: -14px; }
.tt-left .tt-txt:before {
border-left-color: #1b1b1b;
margin-right: -11px;
margin-bottom: -6px;
right: 0;
bottom: 50%;
left: auto; }
.tt-left:hover .tt-txt {
-webkit-transform: translate(-8px, 0);
-khtml-transform: translate(-8px, 0);
-moz-transform: translate(-8px, 0);
-ms-transform: translate(-8px, 0);
-o-transform: translate(-8px, 0);
transform: translate(-8px, 0); }
.tt-right .tt-txt {
left: 100%;
bottom: 50%;
margin-bottom: -14px; }
.tt-right .tt-txt:before {
border-right-color: #1b1b1b;
margin-left: -11px;
margin-bottom: -6px;
left: 0;
bottom: 50%; }
.tt-right:hover .tt-txt {
-webkit-transform: translate(8px, 0);
-khtml-transform: translate(8px, 0);
-moz-transform: translate(8px, 0);
-ms-transform: translate(8px, 0);
-o-transform: translate(8px, 0);
transform: translate(8px, 0); }
.tt-bottom .tt-txt {
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-khtml-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.tt-bottom .tt-txt:before {
border-bottom-color: #1b1b1b;
top: -12px;
bottom: auto; }
.tt-bottom:hover .tt-txt {
-webkit-transform: translate(-50%, 8px);
-khtml-transform: translate(-50%, 8px);
-moz-transform: translate(-50%, 8px);
-ms-transform: translate(-50%, 8px);
-o-transform: translate(-50%, 8px);
transform: translate(-50%, 8px); }
.tt-bottom-left .tt-txt, .tt-bottom-right .tt-txt {
top: 100%;
left: 50%; }
.tt-bottom-left .tt-txt:before, .tt-bottom-right .tt-txt:before {
border-bottom-color: #1b1b1b;
top: -12px;
bottom: auto; }
.tt-bottom-left:hover .tt-txt, .tt-bottom-right:hover .tt-txt {
-webkit-transform: translate(0, 8px);
-khtml-transform: translate(0, 8px);
-moz-transform: translate(0, 8px);
-ms-transform: translate(0, 8px);
-o-transform: translate(0, 8px);
transform: translate(0, 8px); }
.tt-bottom-left .tt-txt {
-webkit-transform: translate(-100%, 100%);
-khtml-transform: translate(-100%, 100%);
-moz-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
-o-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
margin-left: 12px; }
.tt-bottom-left .tt-txt:before {
left: auto;
right: 6px; }
.tt-bottom-left:hover .tt-txt {
-webkit-transform: translate(-100%, 8px);
-khtml-transform: translate(-100%, 8px);
-moz-transform: translate(-100%, 8px);
-ms-transform: translate(-100%, 8px);
-o-transform: translate(-100%, 8px);
transform: translate(-100%, 8px); }
.tt-bottom-right .tt-txt {
-webkit-transform: translate(0, 0);
-khtml-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
margin-left: -12px; }
.tt-bottom-right .tt-txt:before {
left: 6px;
right: auto; }
.tt-bottom-right:hover .tt-txt {
-webkit-transform: translate(0, 8px);
-khtml-transform: translate(0, 8px);
-moz-transform: translate(0, 8px);
-ms-transform: translate(0, 8px);
-o-transform: translate(0, 8px);
transform: translate(0, 8px); }
.col2-set {
display: flex;
flex-wrap: wrap;
margin: -15px; }
.col2-set .col-1, .col2-set .col-2 {
flex: 0 0 100%;
max-width: 100%;
padding: 15px; }
@media (min-width: 769px) {
.col2-set .col-1, .col2-set .col-2 {
flex: 0 0 50%;
max-width: 50%; } }
.woocommerce-notices-wrapper {
margin-top: 15px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dadada; }
.woocommerce-notices-wrapper:empty {
display: none; }
.woocommerce-notices-wrapper ul {
list-style: none;
padding: 0;
margin: 0; }
@media (min-width: 768px) {
.woocommerce-notices-wrapper .woocommerce-error li {
position: relative;
padding-right: 165px; } }
@media (max-width: 767px) {
.woocommerce-notices-wrapper .woocommerce-error li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.woocommerce-notices-wrapper .woocommerce-error li > * {
max-width: 100%; } }
@media (min-width: 768px) {
.woocommerce-notices-wrapper .woocommerce-error li a {
position: absolute;
top: 50%;
right: 0;
width: 150px;
-webkit-transform: translateY(-50%);
-khtml-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); } }
@media (max-width: 767px) {
.woocommerce-notices-wrapper .woocommerce-error li a {
order: 2; } }
@media (min-width: 576px) {
.woocommerce-notices-wrapper .woocommerce-message {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
.woocommerce-notices-wrapper .woocommerce-message > * {
max-width: 100%; } }
@media (max-width: 575px) {
.woocommerce-notices-wrapper .woocommerce-message a.btn {
display: block;
margin-top: 10px; } }
.woocommerce-notices-wrapper .btn-secondary:hover {
background-color: var(--primary-color); }
.woocommerce-error {
color: #d62a28; }
.woocommerce-info {
color: #FFB237;
background: #F2F2F2;
padding: 20px 24px;
font-size: 15px; }
.woocommerce-message {
color: #27ae60; }
.woocommerce-pagination {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.woocommerce-pagination > * {
max-width: 100%; }
.pxl-product-grid-pagination .woocommerce-pagination .prev span {
transform: scaleX(-1); }
.pxl-shop-topbar-wrap {
margin-bottom: 9px;
padding-bottom: 65px; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
margin-bottom: 0;
float: none; }
.woocommerce-result-count {
font-size: 15px;
line-height: 25px;
font-weight: 400; }
select.orderby {
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
padding: 0 20px;
font-size: 15px;
font-weight: 400;
background-position: calc(100% - 20px) 50%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #dadada;
background-color: transparent; }
@media (min-width: 1200px) {
select.orderby {
width: 240px; } }
select.orderby:hover, select.orderby:active, select.orderby:focus {
border-color: var(--primary-color); }
@media (max-width: 575px) {
.pxl-view-layout-wrap {
display: none; } }
.pxl-view-layout {
list-style: none;
margin: 0 -2px; }
.pxl-view-layout li {
padding: 0 2px;
color: var(--additional06-color); }
.pxl-view-layout li.lbl {
padding-right: 18px; }
.pxl-view-layout li a {
font-size: 18px;
color: var(--additional06-color); }
.pxl-view-layout li a i {
line-height: 1; }
.pxl-view-layout li.active a {
color: var(--additional06-color); }
.pxl-view-layout li.view-list {
margin-left: 18px; }
@media (max-width: 767px) {
.number-result {
flex: 0 0 100%;
max-width: 100%;
margin-top: 15px; } }
@media (min-width: 1200px) {
.woocommerce-shop.archive .container {
max-width: 1570px; }
.woocommerce-shop.archive .pxl-sidebar-area.col-xl-4 {
width: 24%; }
.woocommerce-shop.archive .pxl-content-area.col-xl-8 {
width: 76%; } }
.products {
list-style: none;
margin: -20px -16px;
padding: 0;
display: flex;
flex-wrap: wrap;
padding: 0 15px; }
@media (max-width: 575px) {
.products {
justify-content: center; } }
.products > .product {
float: none;
padding: 20px 12px;
position: relative; }
.pxl-products-thumb {
position: relative;
overflow: hidden; }
.pxl-products-thumb:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ebebed;
z-index: -1; }
.pxl-products-thumb img {
width: 100%;
position: relative;
transition: all 300ms linear 0s; }
.pxl-products-thumb .image-wrap {
opacity: 1;
visibility: visible;
transition: all 300ms ease 0s; }
.pxl-products-thumb .hover-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 300ms linear 0s; }
.pxl-products-thumb:hover .hover-image {
opacity: 1;
visibility: visible; }
.pxl-products-thumb:hover .hover-image + .image-wrap {
opacity: 0;
visibility: hidden; }
.pxl-products-thumb:hover .pxl-add-to-cart {
opacity: 1; }
.pxl-products-thumb:hover .wrap-btn {
transform: translateY(0); }
.pxl-products-thumb:hover .for-cart {
opacity: 1; }
.pxl-products-thumb .for-cart {
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: all 300ms ease 0s; }
.pxl-products-thumb .for-cart a {
text-transform: capitalize;
font-size: 16px;
font-style: normal;
font-weight: 400; }
.pxl-products-thumb .for-cart a .pxli-shopping {
margin-top: -3px;
margin-right: 10px; }
.pxl-products-content .pxl-add-to-cart {
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
position: absolute;
right: 30px;
bottom: -2px; }
.pxl-products-content .pxl-add-to-cart a, .pxl-products-content .pxl-add-to-cart button {
font-size: 0;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--heading-color) !important;
border-color: transparent !important;
color: #fff;
border-radius: 0; }
.pxl-products-content .pxl-add-to-cart a:hover, .pxl-products-content .pxl-add-to-cart button:hover {
background-color: var(--primary-color) !important; }
.pxl-products-content .pxl-add-to-cart a .pxl-icon, .pxl-products-content .pxl-add-to-cart button .pxl-icon {
font-size: 14px; }
.pxl-products-content .pxl-add-to-cart .wrap-btn {
transition: all 500ms ease 0s;
position: relative; }
.pxl-products-content .pxl-add-to-cart .wrap-btn.for-search {
display: none; }
.pxl-products-content .pxl-add-to-cart .wrap-btn.for-search i {
font-size: 15px;
color: #fff;
transition: all 200ms linear 0s; }
.pxl-products-content .pxl-add-to-cart .wrap-btn.for-love {
transition-delay: 30ms; }
.pxl-products-content .pxl-add-to-cart .wrap-btn.for-love button:before {
margin: 0;
color: #fff !important; }
.pxl-products-content .pxl-add-to-cart .wrap-btn.for-cart {
transition-delay: 60ms; }
.pxl-products-content .pxl-add-to-cart .wrap-btn.for-cart span, .pxl-products-content .pxl-add-to-cart .wrap-btn.for-cart span:before {
margin: 0; }
.pxl-shop-item-wrap .woocommerce-loop-product__link {
display: block;
font-weight: 700;
font-size: 22px;
line-height: 1.5;
color: var(--additional06-color); }
.pxl-shop-item-wrap .woocommerce-loop-product__link:hover {
color: var(--link-color-hover); }
.pxl-shop-item-wrap .pxl-product-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 19px;
color: #111; }
.pxl-shop-item-wrap .pxl-product-title a {
background-image: linear-gradient(transparent calc(100% - 1px), #151B2B 1px);
background-repeat: no-repeat;
background-size: 0% 80%;
transition: background-size 0.3s; }
.pxl-shop-item-wrap .pxl-product-title:hover a {
color: var(--heading-color);
background-size: 100% 80%; }
.pxl-shop-item-wrap .price {
font-family: var(var(--body-font-family));
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
color: var(--heading-color);
font-weight: 500;
font-size: 18px;
clear: both;
white-space: pre-wrap;
align-items: center;
line-height: 1; }
.pxl-shop-item-wrap .price > * {
max-width: 100%; }
.pxl-shop-item-wrap .price del {
font-size: 16px;
order: 2;
padding-left: 4px;
font-weight: 300;
color: #777777; }
[dir="rtl"] .pxl-shop-item-wrap .price del {
padding-left: 0;
padding-right: 6px; }
.pxl-shop-item-wrap .price ins {
font-weight: inherit;
text-decoration: none; }
.pxl-shop-item-wrap .add_to_cart_button, .pxl-shop-item-wrap .button.product_type_grouped, .pxl-shop-item-wrap .product_type_external, .pxl-shop-item-wrap .added_to_cart {
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
background-color: var(--secondary-color);
width: 100%;
text-align: center;
justify-content: center; }
.pxl-shop-item-wrap .add_to_cart_button .pxl-icon, .pxl-shop-item-wrap .button.product_type_grouped .pxl-icon, .pxl-shop-item-wrap .product_type_external .pxl-icon, .pxl-shop-item-wrap .added_to_cart .pxl-icon {
margin-left: 0;
font-size: 15px;
position: relative;
bottom: 1px; }
.pxl-shop-item-wrap .add_to_cart_button:hover, .pxl-shop-item-wrap .button.product_type_grouped:hover, .pxl-shop-item-wrap .product_type_external:hover, .pxl-shop-item-wrap .added_to_cart:hover {
background-color: var(--primary-color); }
.pxl-shop-item-wrap .add_to_cart_button.loading .pxl-icon, .pxl-shop-item-wrap .product_type_grouped.loading .pxl-icon, .pxl-shop-item-wrap .product_type_external.loading .pxl-icon {
display: inline-flex;
-webkit-animation: pxl-spin 2s linear infinite;
-khtml-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
-ms-animation: pxl-spin 2s linear infinite;
-o-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite; }
.pxl-shop-item-wrap .add_to_cart_button.loading .pxl-icon:before, .pxl-shop-item-wrap .product_type_grouped.loading .pxl-icon:before, .pxl-shop-item-wrap .product_type_external.loading .pxl-icon:before {
content: "";
font-family: "pxli" !important; }
.pxl-shop-item-wrap .add_to_cart_button + .added_to_cart, .pxl-shop-item-wrap .product_type_grouped + .added_to_cart, .pxl-shop-item-wrap .product_type_external + .added_to_cart {
opacity: 0;
position: absolute;
top: 0;
left: 0; }
.pxl-shop-item-wrap .add_to_cart_button + .added_to_cart:after, .pxl-shop-item-wrap .product_type_grouped + .added_to_cart:after, .pxl-shop-item-wrap .product_type_external + .added_to_cart:after {
content: "";
font-family: "pxli";
font-weight: normal;
font-size: 14px;
margin-left: 10px;
margin-top: -3px; }
.pxl-shop-item-wrap .add_to_cart_button.added, .pxl-shop-item-wrap .product_type_grouped.added, .pxl-shop-item-wrap .product_type_external.added {
opacity: 0;
visibility: hidden; }
.pxl-shop-item-wrap .add_to_cart_button.added + .added_to_cart, .pxl-shop-item-wrap .product_type_grouped.added + .added_to_cart, .pxl-shop-item-wrap .product_type_external.added + .added_to_cart {
opacity: 1; }
.hot-sale {
position: absolute;
right: 20px;
top: 20px;
display: none; }
.pxl-featured, .onsale {
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
padding: 4px;
z-index: 2;
min-height: 32px;
min-width: 65px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center; }
.pxl-featured {
background-color: #be0505;
margin-bottom: 10px; }
.onsale {
background-color: #000; } .pxl-products-content {
padding: 27px 52px 46px 29px;
position: relative;
text-align: start; }
.pxl-products-content .top-content-inner {
display: block; }
.pxl-products-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 50px;
right: 0;
box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.05);
z-index: -1; }
.pxl-products-content::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
clip-path: polygon(100% 0, 100% 80%, 0 100%, 0 0);
background-color: #fff;
z-index: -1; } .products.shop-view-list .pxl-products-content {
display: none; }
@media (min-width: 576px) {
.products.shop-view-list .pxl-shop-item-wrap {
display: flex;
align-items: center; } }
@media (min-width: 576px) {
.products.shop-view-list .pxl-products-thumb {
width: 50%;
padding: 15px;
margin-right: 15px; } }
.products.shop-view-list .pxl-products-thumb .pxl-add-to-cart {
display: none; }
.products.shop-view-list .pxl-products-thumb .image-wrap:hover img {
transform: scale(1.08) translateX(0) !important; }
.products.shop-view-list .pxl-products-thumb .pxl-featured, .products.shop-view-list .pxl-products-thumb .onsale {
right: 30px;
top: 30px; }
.products.shop-view-list .pxl-products-content-list-view {
display: block; }
@media (max-width: 575px) {
.products.shop-view-list .pxl-products-content-list-view {
margin-top: 30px; } }
@media (min-width: 576px) {
.products.shop-view-list .pxl-products-content-list-view {
width: 50%;
padding: 15px; } }
.products.shop-view-list .pxl-products-content-list-view .pxl-product-title {
margin-top: 10px; }
.products.shop-view-list .pxl-products-content-list-view .list-view-rating {
display: flex;
flex-wrap: wrap;
align-items: center; }
.products.shop-view-list .pxl-products-content-list-view .list-view-rating .star-rating + .pxl-shop-woosmart-wrap {
padding-left: 15px;
margin-left: 13px;
position: relative; }
.products.shop-view-list .pxl-products-content-list-view .list-view-rating .star-rating + .pxl-shop-woosmart-wrap:before {
content: "";
display: block;
width: 1px;
height: 25px;
background-color: #d8d8d8;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); }
.products.shop-view-list .pxl-products-content-list-view .pxl-loop-product-excerpt {
margin: 18px 0 32px;
display: block;
display: -webkit-box;
max-height: 78px;
font-size: 16px;
line-height: 1.625;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical; }
.products.shop-view-list .pxl-products-content-list-view .pxl-loop-product-excerpt > * {
display: block;
display: -webkit-box;
max-height: 78px;
font-size: 16px;
line-height: 1.625;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical; }
.products.shop-view-list .pxl-products-content-list-view .add_to_cart_button, .products.shop-view-list .pxl-products-content-list-view .button.product_type_grouped, .products.shop-view-list .pxl-products-content-list-view .product_type_external, .products.shop-view-list .pxl-products-content-list-view .added_to_cart {
width: auto;
min-width: 215px; }
.products.shop-view-list .pxl-products-content-list-view .add_to_cart_button.added, .products.shop-view-list .pxl-products-content-list-view .button.product_type_grouped.added, .products.shop-view-list .pxl-products-content-list-view .product_type_external.added, .products.shop-view-list .pxl-products-content-list-view .added_to_cart.added {
opacity: 1;
visibility: visible; }
.products.shop-view-list .pxl-products-content-list-view .add_to_cart_button.added_to_cart, .products.shop-view-list .pxl-products-content-list-view .button.product_type_grouped.added_to_cart, .products.shop-view-list .pxl-products-content-list-view .product_type_external.added_to_cart, .products.shop-view-list .pxl-products-content-list-view .added_to_cart.added_to_cart {
margin-top: 10px; }
.products.shop-view-list > li:after {
content: "";
height: 1px;
display: block;
background-color: #d8d8d8;
position: absolute;
bottom: 0;
left: 15px;
right: 15px; }
.products.shop-view-list > li:last-child:after {
background-color: transparent; }
.pxl-shop-woosmart-wrap .woosw-btn {
padding: 0;
background-color: transparent;
color: #777;
text-transform: capitalize;
font-size: 15px;
font-weight: normal;
letter-spacing: 0;
font-family: var(--body-font-family); }
.pxl-shop-woosmart-wrap .woosw-btn:before {
width: 18px;
height: 18px;
font-family: "pxli";
content: "";
font-size: 18px;
text-indent: 0;
line-height: 1;
-webkit-transition: color 300ms linear;
-khtml-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-ms-transition: color 300ms linear;
-o-transition: color 300ms linear;
transition: color 300ms linear;
font-weight: 300;
margin-right: 7px; }
.pxl-shop-woosmart-wrap .woosw-btn.woosw-adding:before {
content: "";
font-family: "pxli" !important;
-webkit-animation: pxl-spin 2s linear infinite;
-khtml-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
-ms-animation: pxl-spin 2s linear infinite;
-o-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite; }
.pxl-shop-woosmart-wrap .woosw-btn.woosw-adding:after {
display: none !important; }
.pxl-shop-woosmart-wrap .woosw-btn.woosw-added:before {
content: "";
color: var(--heading-color); }
.woocommerce-shop .wvs-archive-variations-wrapper .variations {
align-items: center; } .pxl-product-carousel ul, .pxl-product-carousel li {
display: block;
list-style-type: none; }
.pxl-product-carousel.layout1 {
font-weight: normal; } .pxl-product-carousel.layout-2 .pxl-shop-item-wrap {
position: relative; }
.pxl-product-carousel.layout-2 .pxl-products-content {
background-color: #fff;
position: absolute;
padding: 0 50px 35px;
bottom: 0;
left: 75px;
right: 75px;
transition: all 300ms ease-out 0s;
opacity: 0;
visibility: hidden; }
@media (max-width: 1400px) {
.pxl-product-carousel.layout-2 .pxl-products-content {
padding: 0 30px 35px;
left: 40px;
right: 40px; } }
@media (max-width: 1199px) {
.pxl-product-carousel.layout-2 .pxl-products-content {
padding: 0 20px 20px;
left: 20px;
right: 20px; } }
.pxl-product-carousel.layout-2 .pxl-products-content .top-content-inner {
margin-bottom: 30px; }
.pxl-product-carousel.layout-2 .price {
display: inline-block;
background-color: #000;
color: #fff;
font-size: 17px;
padding: 10px 30px;
letter-spacing: 0.02em; }
.pxl-product-carousel.layout-2 .price del {
color: #fff;
padding: 0;
opacity: 0.7; }
.pxl-product-carousel.layout-2 .price del + ins {
margin-left: 5px; }
.pxl-product-carousel.layout-2 .pxl-product-title {
margin-bottom: 14px; }
@media (max-width: 1199px) {
.pxl-product-carousel.layout-2 .pxl-loop-product-excerpt {
display: block;
display: -webkit-box;
max-height: 73.125px;
font-size: 15px;
line-height: 1.625;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical; }
.pxl-product-carousel.layout-2 .pxl-loop-product-excerpt > * {
display: block;
display: -webkit-box;
max-height: 73.125px;
font-size: 15px;
line-height: 1.625;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-khtml-line-clamp: 3;
-moz-line-clamp: 3;
-ms-line-clamp: 3;
-o-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
-khtml-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-o-box-orient: vertical;
box-orient: vertical; } }
.pxl-product-carousel.layout-2 .star-rating {
margin-top: 20px; }
.pxl-product-carousel.layout-2 .pxl-shop-item-wrap:hover .pxl-products-content {
opacity: 1;
visibility: visible;
bottom: 50px; }
@media (max-width: 1199px) {
.pxl-product-carousel.layout-2 .pxl-shop-item-wrap:hover .pxl-products-content {
bottom: 20px; } }
.pxl-product-carousel.layout-2 .pxl-swiper-arrows {
padding: 0; }
.pxl-product-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-prev, .pxl-product-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-next {
position: absolute;
top: -95px;
margin: 0;
padding: 10px;
line-height: 1;
color: #fff;
opacity: 0.4;
font-size: 30px;
left: auto; }
.pxl-product-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-prev:hover, .pxl-product-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-next:hover {
opacity: 1; }
.pxl-product-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-prev {
right: calc(25% + 55px); }
.pxl-product-carousel.layout-2 .pxl-swiper-arrows .pxl-swiper-arrow-next {
right: 25%; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper {
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g fill='black'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></g></svg>");
background-repeat: no-repeat;
background-position-x: 96%;
background-position-y: 50%;
line-height: 1;
padding-right: 22px;
width: 100%;
background-size: 12px;
cursor: pointer; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
border: 0;
width: 100%;
font-weight: 400;
padding: 0;
background-color: transparent;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.015em; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-current-currency-arrow {
display: none; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency {
display: block;
min-width: 150px;
width: 100%;
visibility: hidden;
opacity: 0;
z-index: 101;
top: calc(100% + 30px);
-webkit-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.1);
-khtml-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.1);
-moz-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.1);
-ms-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.1);
-o-box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.1);
box-shadow: 6px 5px 20px -5px rgba(51, 51, 51, 0.1);
-webkit-transition: all 0.3s linear 0s;
-khtml-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency:before {
content: "";
width: 100px;
min-width: 150px;
height: 10px;
position: absolute;
left: 0;
bottom: 100%; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency.wmc-show-up {
top: auto;
bottom: calc(100% + 30px);
width: 100%;
border: 0;
text-align: left; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency.wmc-show-up:before {
top: 100%;
bottom: auto; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency {
justify-content: start !important;
padding: 0; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a {
padding: 6px 20px;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0.015em; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a:hover {
font-weight: 400; }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper:focus .wmc-sub-currency, .woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper:hover .wmc-sub-currency {
display: block;
opacity: 1;
visibility: visible;
top: calc(100% + 10px); }
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper:focus .wmc-sub-currency.wmc-show-up, .woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper:hover .wmc-sub-currency.wmc-show-up {
top: auto;
bottom: calc(100% + 10px); }
.sidebar-shop ul {
list-style: none; }
.sidebar-shop .pxl-widget ul li {
display: flex;
justify-content: space-between;
font-size: 15px;
letter-spacing: 0.02em;
line-height: 30px; }
.sidebar-shop .pxl-widget ul li a:hover {
color: var(--additional06-color); }
.sidebar-shop .widget-title {
font-size: 20px;
letter-spacing: 0.01em;
margin-bottom: 20px; }
.sidebar-shop .widget + .widget {
margin-top: 45px; }
.sidebar-shop .tagcloud a {
background-color: transparent !important;
color: #777777;
display: inline-block;
font-size: 15px !important;
line-height: 1.2;
letter-spacing: 0.02em;
padding: 0;
margin-top: 8px;
margin-right: 15px;
border-radius: 0;
border-bottom: 1px solid transparent; }
.sidebar-shop .tagcloud a:hover {
color: #111;
border-color: #111; }
.pxl-widget-layered-nav ul.display-list li + li {
margin-top: 5px; }
.pxl-widget-layered-nav .filter-link {
display: inline-flex;
align-items: center; }
.pxl-widget-layered-nav .term-color, .pxl-widget-layered-nav .term-default {
display: inline-flex;
flex: none;
margin-right: 10px;
position: relative; }
.pxl-widget-layered-nav .term-color:before, .pxl-widget-layered-nav .term-default:before {
background-image: var(--wvs-tick);
background-position: 50%;
background-repeat: no-repeat;
background-size: 60%;
content: " ";
display: block;
height: 100%;
position: absolute;
width: 100%;
opacity: 0;
visibility: hidden; }
.pxl-widget-layered-nav .term-color > span, .pxl-widget-layered-nav .term-default > span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%; }
.pxl-widget-layered-nav .term-default > span {
background-color: #d9d9d9; }
.pxl-widget-layered-nav .chosen .term-color:before, .pxl-widget-layered-nav .chosen .term-default:before {
opacity: 1;
visibility: visible; }
.pxl-widget-layered-nav .chosen .term-default > span {
background-color: #111; } .widget_product_search {
padding: 0 !important;
border: none !important; }
.widget_product_search .widget-title {
margin: 0 !important; }
.widget_product_search form {
position: relative; }
.widget_product_search .search-field {
padding-right: 50px !important;
border: 1px solid #dedede;
font-style: italic; }
.widget_product_search button[type="submit"] {
border: none;
background-color: var(--primary-color);
color: #fff;
padding: 0;
height: 38px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
right: 9px;
transform: translateY(-50%);
font-size: 0; }
.widget_product_search button[type="submit"]:after {
content: none; }
.widget_product_search button[type="submit"]:before {
display: inline-block !important;
font-family: pxli;
content: "";
font-size: 18px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: initial;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
transition: 0s; }
.widget_product_search button[type="submit"]:hover {
background-color: var(--secondary-color); } .pxl-sidebar-area .widget_shopping_cart ul > li {
position: relative;
padding: 10px 0 25px 0 !important;
margin-bottom: 10px;
border-bottom: 1px solid rgba(216, 216, 216, 0.7); }
.pxl-sidebar-area .widget_shopping_cart ul > li .remove {
position: absolute;
right: 0;
font-size: 30px;
color: var(--secondary-color); }
.pxl-sidebar-area .widget_shopping_cart ul > li .remove + a {
font-family: var(--heading-font-family);
font-size: 18px;
color: var(--additional06-color);
letter-spacing: 0.02em; }
.pxl-sidebar-area .widget_shopping_cart ul > li a:hover {
color: var(--primary-color); }
.pxl-sidebar-area .widget_shopping_cart ul > li .blockOverlay {
background-color: rgba(var(--secondary-color-rgb),0.6) !important; }
.pxl-sidebar-area .widget_shopping_cart .total {
margin-top: 27px;
margin-bottom: 8px;
letter-spacing: 0.02em; }
.pxl-sidebar-area .widget_shopping_cart .total strong {
font-family: var(--heading-font-family);
font-size: 18px;
color: var(--additional06-color);
margin-right: 7px; }
.pxl-sidebar-area .widget_shopping_cart .total .amount {
font-size: 16px;
color: var(--primary-color);
font-weight: 600; }
.pxl-sidebar-area .widget_shopping_cart .buttons {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.pxl-sidebar-area .widget_shopping_cart .buttons .button {
padding: 0;
background-color: transparent;
color: var(--primary-color); }
.pxl-sidebar-area .widget_shopping_cart .buttons .button span:after {
content: "";
height: 1px;
position: absolute;
bottom: 5px;
left: 0;
width: 0;
transition: all 300ms linear;
transition-delay: 100ms;
border-bottom: 1px solid; }
.pxl-sidebar-area .widget_shopping_cart .buttons .button:after {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 18px;
line-height: 1;
font-weight: normal;
-moz-osx-font-smoothing: grayscale;
margin-left: 5px;
position: relative;
transition: all 300ms linear;
opacity: 1; }
.pxl-sidebar-area .widget_shopping_cart .buttons .button:hover span:after {
width: 100%; }
.pxl-sidebar-area .widget_shopping_cart .buttons .button:hover:after {
transform: translateX(15px);
opacity: 0; } .widget_product_categories .product-categories li a {
text-transform: uppercase !important; }
.widget_product_categories .product-categories li a:before {
bottom: 0 !important; } .widget_price_filter .price_slider {
margin-bottom: 30px; }
.widget_price_filter .price_slider_amount .price_label {
display: inline-block;
color: var(--additional06-color);
margin-top: 5px; }
.widget_price_filter .price_slider_amount button {
padding: 8px 15px 8px 15px;
margin: 0;
float: right;
border: none;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
position: relative;
border-radius: 0;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.widget_price_filter .price_slider_amount button:hover {
background-color: var(--secondary-color); }
.widget_price_filter .ui-slider {
position: relative;
text-align: start; }
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 18px;
height: 18px;
background-color: #e2dbd0;
border-radius: 50%;
cursor: ew-resize;
outline: none;
top: -7px;
margin-left: -1px; }
.widget_price_filter .ui-slider .ui-slider-handle + .ui-slider-handle {
margin-left: -15px; }
.widget_price_filter .ui-slider .ui-slider-handle:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--primary-color); }
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
background-color: #111; }
.widget_price_filter .price_slider_wrapper .ui-widget-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background-color: #d8d8d8; }
.widget_price_filter .ui-slider-horizontal {
height: 3px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: 0px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: 0px; }
.widget_rating_filter li.wc-layered-nav-rating > a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: #707070; }
.widget_rating_filter li.wc-layered-nav-rating > a > * {
max-width: 100%; }
.pxl-widget-product-categories ul > li, .dexson-wp-widget-filter ul > li {
overflow: hidden; }
.pxl-widget-product-categories ul > li > a:before, .dexson-wp-widget-filter ul > li > a:before {
content: "";
font-family: "Material-Design-Iconic-Font";
font-size: 17px;
font-weight: normal;
line-height: 1;
vertical-align: middle;
display: inline-block;
width: 18px;
margin-left: -18px;
opacity: 0;
transition: all 0.3s ease; }
.pxl-widget-product-categories ul > li > a:hover:before, .dexson-wp-widget-filter ul > li > a:hover:before {
opacity: 1;
margin: 0; } ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: -10px 0; }
ul.product_list_widget li {
padding: 10px 0;
position: relative;
display: block;
clear: both;
overflow: hidden;
font-weight: 600; }
ul.product_list_widget li a {
display: block;
font-family: var(--heading-font-family);
color: var(--additional06-color);
font-size: 18px;
letter-spacing: 0.02em;
line-height: 1.5; }
ul.product_list_widget li .quantity, ul.product_list_widget li .amount {
font-size: 16px;
color: var(--primary-color);
font-weight: 600; }
ul.product_list_widget li del .amount {
color: #ababab;
margin-right: 5px; }
ul.product_list_widget li .star-rating + .woocommerce-Price-amount, ul.product_list_widget li .star-rating + .reviewer {
display: inline-flex; }
ul.product_list_widget li img {
margin-top: -14px;
margin-right: 20px;
float: left;
width: 70px; }
ul.product_list_widget li .star-rating {
display: block;
font-size: 12px;
width: 90px; }
ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
content: "";
display: table; }
ul.product_list_widget li dl dt, ul.product_list_widget li dl dd {
display: inline-block;
float: left;
margin-bottom: 1em; }
ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 0.25em;
margin: 0 4px 0 0;
clear: left; }
ul.product_list_widget li dl dd {
padding: 0 0 0.25em; }
ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0; }
.pxl-star-rated {
color: var(--additional06-color); }
.woocommerce-product-rating {
display: flex;
flex-wrap: wrap;
line-height: normal;
margin: 0;
align-items: center; }
p.stars {
margin: 0;
line-height: 1; }
p.stars > span {
display: block; }
.star-rating {
font-family: "Material-Design-Iconic-Font";
font-size: 18px;
letter-spacing: 3px;
white-space: nowrap;
position: relative;
display: inline-block;
width: 87px;
height: 28px;
line-height: 28px;
overflow: hidden; }
.star-rating:before {
content: "";
display: block;
overflow: hidden; }
.star-rating > span:before, .star-rating .pxl-star-rated:before {
content: "";
display: block;
overflow: hidden; }
.star-rating > span:before, .star-rating .pxl-star-rated:before, .star-rating[aria-label="Rated 0 out of 5"]:before {
color: var(--additional06-color); }
.star-rating .pxl-star-rated, .star-rating > span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 28px; }
[dir="rtl"] .star-rating .pxl-star-rated, [dir="rtl"] .star-rating > span {
left: auto;
right: 0; }
.star-rating + .woocommerce-review-link {
font-size: 14px;
color: var(--body-color); }
.star-rating + .woocommerce-review-link:hover {
color: var(--primary-color); }
[dir="rtl"] .star-rating + .woocommerce-review-link {
margin-left: 0;
margin-right: 30px; }
.comment-rating .star-rating {
font-size: 15px;
width: 76px; }
.woocommerce-Reviews .comment-meta {
margin-bottom: -5px; }
.pxl-rating-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.pxl-rating-wrap > * {
max-width: 100%; }
.review-num {
font-size: 14px;
line-height: 26px;
letter-spacing: 0.08em;
color: #707070;
line-height: 32px;
padding-left: 3px; }
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
color: #ffb237; }
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "Material-Design-Iconic-Font";
content: "";
text-indent: 0; }
p.stars a:hover ~ a::before {
content: "";
font-weight: 300; }
p.stars:hover a::before {
content: "";
font-weight: 900; }
p.stars.selected a.active::before {
content: "";
font-weight: 900; }
p.stars.selected a.active ~ a::before {
content: "";
font-weight: 300; }
p.stars.selected a:not(.active)::before {
content: "";
font-weight: 900; }
.single-product .pxl-main {
padding-bottom: 75px; }
.pxl-single-product-gallery-summary-wraps {
margin: -15px -20px; }
.pxl-single-product-gallery-summary-wraps .pxl-single-product-summary-wrap {
padding-left: 132px; }
@media (max-width: 1199px) {
.pxl-single-product-gallery-summary-wraps .pxl-single-product-summary-wrap {
padding-left: 40px; } }
@media (max-width: 1199px) {
.pxl-single-product-gallery-summary-wraps {
margin: -15px; } }
.pxl-single-product-gallery-summary-wraps > div {
padding: 15px 20px; }
@media (max-width: 1199px) {
.pxl-single-product-gallery-summary-wraps > div {
padding: 15px; } }
.pxl-single-product-gallery-summary-wraps > div.pxl-single-product-gallery-wraps {
text-align: center;
margin-bottom: 40px; }
.pxl-single-product-gallery-summary-wraps > div > .pxl-single-product-gallery-wraps-inner {
display: inline-block; }
@media (max-width: 991px) {
.pxl-single-product-gallery-summary-wraps.vertical .pxl-single-product-summary-wrap {
padding-top: 50px; } }
@media (max-width: 1199px) {
.has-sidebar .pxl-single-product-gallery-summary-wraps > div {
width: 100%; }
.has-sidebar .pxl-single-product-gallery-summary-wraps.vertical .pxl-single-product-summary-wrap {
padding-top: 50px; } } @media (min-width: 576px) {
.pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0 -15px; }
.pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner > * {
max-width: 100%; }
.pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner > div {
margin: 0 15px; }
.pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner .woocommerce-product-gallery {
flex: 1 0 0%; }
.pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner .wc-gallery-sync {
flex: 0 0 118px;
width: 118px; }
.pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides {
margin: -8px 0; }
.pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides > div {
margin: 8px 0; }
.pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides img.img-gal {
width: 100%; } }
.pxl-single-product-gallery-wraps .onsale {
top: 30px;
left: 35px; }
.woocommerce-product-gallery {
position: relative;
overflow: hidden;
border-radius: 0; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 1;
text-align: center;
line-height: 1;
font-size: 0;
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/xpand-icon.png);
background-size: 40%;
background-position: center;
background-repeat: no-repeat;
transition: all 300ms;
background-color: rgba(255, 255, 255, 0.5);
display: none; }
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
padding: 0;
margin: 0;
position: relative; }
.woocommerce-product-gallery .woocommerce-product-gallery__image {
background: #ebebed; }
.woocommerce-product-gallery .woocommerce-product-gallery__image .wp-post-image {
width: 100%; }
.woocommerce-product-gallery .woocommerce-product-gallery__image .zoomImg {
background: #ebebed; }
.woocommerce-product-gallery .flex-control-thumbs {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: -8px;
padding: 0; }
.woocommerce-product-gallery .flex-control-thumbs li {
flex: 0 0 auto;
width: 33.333%;
padding: 8px;
cursor: pointer; }
.woocommerce-product-gallery .flex-control-thumbs li img {
overflow: hidden;
width: 100%;
background: #ebebed; }
.woocommerce-product-gallery .flex-direction-nav {
visibility: hidden;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0; }
.woocommerce-product-gallery:hover .flex-direction-nav {
visibility: visible;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1; }
.wc-gallery-sync {
position: relative;
margin-top: 15px; }
.wc-gallery-sync .flex-control-thumb {
position: relative;
overflow: hidden;
border: 1px solid #ededed;
border-radius: 0; }
.wc-gallery-sync .flex-control-thumb img {
-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.3s linear;
-khtml-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
-ms-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
transition: transform 0.3s linear; }
.wc-gallery-sync .flex-control-thumb:after {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 2;
background-color: transparent;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.wc-gallery-sync .flex-control-thumb:hover img, .wc-gallery-sync .flex-control-thumb.flex-active-slide img {
-webkit-transform: scale(1.1);
-khtml-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.wc-gallery-sync .flex-control-thumb:hover:after, .wc-gallery-sync .flex-control-thumb.flex-active-slide:after {
background-color: rgba(255, 255, 255, 0.5); }
.flex-direction-nav {
padding: 0;
margin: 0;
list-style: none;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.flex-direction-nav > li {
position: absolute;
cursor: pointer;
opacity: 0;
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.flex-direction-nav > li span {
width: 30px;
height: 30px;
background: var(--primary-color);
color: #ffffff;
line-height: 30px;
text-align: center;
display: block;
-webkit-transition: all 300ms linear;
-khtml-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear; }
.flex-direction-nav > li:hover span {
background: var(--secondary-color); }
.flex-direction-nav > li .flex-disabled {
cursor: not-allowed; }
.thumbnail-simple .flex-direction-nav > li, .thumbnail-horizontal .flex-direction-nav > li {
top: 50%;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); }
.thumbnail-simple .flex-direction-nav > li.flex-nav-prev, .thumbnail-horizontal .flex-direction-nav > li.flex-nav-prev {
left: 20px; }
.thumbnail-simple .flex-direction-nav > li.flex-nav-prev .flex-prev-icon:before, .thumbnail-horizontal .flex-direction-nav > li.flex-nav-prev .flex-prev-icon:before {
font-family: "pxli";
content: "";
font-size: 14; }
.thumbnail-simple .flex-direction-nav > li.flex-nav-next, .thumbnail-horizontal .flex-direction-nav > li.flex-nav-next {
right: 20px; }
.thumbnail-simple .flex-direction-nav > li.flex-nav-next .flex-next-icon:before, .thumbnail-horizontal .flex-direction-nav > li.flex-nav-next .flex-next-icon:before {
font-family: "pxli";
content: "";
font-size: 14; }
.thumbnail-simple:hover, .thumbnail-horizontal:hover {
cursor: pointer; }
.thumbnail-simple:hover .flex-direction-nav > li, .thumbnail-horizontal:hover .flex-direction-nav > li {
opacity: 1; }
.thumbnail-simple:hover .flex-direction-nav > li.flex-nav-prev, .thumbnail-horizontal:hover .flex-direction-nav > li.flex-nav-prev {
left: 10px; }
.thumbnail-simple:hover .flex-direction-nav > li.flex-nav-next, .thumbnail-horizontal:hover .flex-direction-nav > li.flex-nav-next {
right: 10px; }
@media (min-width: 576px) {
.thumbnail-vertical .flex-direction-nav > li {
left: 50%;
-webkit-transform: translate(-50%, 0);
-khtml-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-prev {
top: 20px; }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-prev .flex-prev-icon:before {
font-family: "pxli";
content: "";
font-size: 14; }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-next {
bottom: 20px; }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-next .flex-next-icon:before {
font-family: "pxli";
content: "";
font-size: 14; } }
@media (max-width: 575px) {
.thumbnail-vertical .flex-direction-nav > li {
top: 50%;
-webkit-transform: translate(0, -50%);
-khtml-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%); }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-prev {
left: 20px; }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-prev .flex-prev-icon:before {
font-family: "pxli";
content: "";
font-size: 14; }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-next {
right: 20px; }
.thumbnail-vertical .flex-direction-nav > li.flex-nav-next .flex-next-icon:before {
font-family: "pxli";
content: "";
font-size: 14; } }
.thumbnail-vertical:hover {
cursor: pointer; }
@media (min-width: 576px) {
.thumbnail-vertical:hover .flex-direction-nav > li {
opacity: 1; }
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-prev {
left: 50%;
top: 10px; }
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-next {
left: 50%;
right: auto;
bottom: 10px; } }
@media (max-width: 575px) {
.thumbnail-vertical:hover .flex-direction-nav > li {
opacity: 1; }
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-prev {
left: 10px; }
.thumbnail-vertical:hover .flex-direction-nav > li.flex-nav-next {
right: 10px; } }
.flex-control-nav {
list-style: none;
padding: 0;
margin: 20px 0 0; }
.flex-control-nav.flex-control-paging {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.flex-control-nav.flex-control-paging li {
flex: 0 0 auto; }
.flex-control-nav.flex-control-paging a {
width: 13px;
height: 13px;
margin: 5px 7px;
background: #bbbbbb;
font-size: 0;
text-indent: -999px;
display: block;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity 200ms linear;
-khtml-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-ms-transition: opacity 200ms linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms linear; }
.flex-control-nav.flex-control-paging a:hover, .flex-control-nav.flex-control-paging a.flex-active {
background: var(--primary-color); }
.pxl-product-gallery-bottom .flex-control-nav {
margin-top: 8px;
justify-content: center; } .pxl-single-product-summary-wrap {
margin-top: 10px; }
.pxl-single-product-summary-wrap .price {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
color: var(--additional06-color);
font-weight: 500;
font-size: 28px;
clear: both;
white-space: pre-wrap;
align-items: center;
margin-bottom: 7px;
line-height: 1; }
.pxl-single-product-summary-wrap .price > * {
max-width: 100%; }
.pxl-single-product-summary-wrap .price del {
order: 2;
padding-left: 4px;
color: #4E5362;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; }
[dir="rtl"] .pxl-single-product-summary-wrap .price del {
padding-left: 0;
padding-right: 6px; }
.pxl-single-product-summary-wrap .price ins {
font-weight: inherit;
text-decoration: none;
font-family: var(--body-font-family);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; }
.pxl-single-product-summary-wrap .woocommerce-product-rating .woocommerce-review-link {
margin-left: 7px;
text-transform: capitalize; }
.pxl-single-product-summary-wrap .woocommerce-product-details__short-description {
margin-top: 19px; }
.pxl-single-product-summary-wrap .lbl {
font-weight: 500;
color: var(--heading-color);
margin-right: 11px;
font-size: 16px; }
.pxl-single-product-summary-wrap .quantity .lbl {
margin-right: 17px; }
.pxl-single-product-summary-wrap .product_meta {
margin-top: 23px; }
.pxl-single-product-summary-wrap .product_meta > span {
display: block;
margin-top: 5px; }
.pxl-single-product-summary-wrap .single_add_to_cart_button {
min-width: 180px;
height: 50px; }
.pxl-single-product-summary-wrap .single_add_to_cart_button span::before {
font-family: "pxli" !important;
content: "";
margin-right: 10px;
font-size: 18px; }
.pxl-single-product-summary-wrap .quantity {
margin-right: 10px;
display: flex;
align-items: center; }
.pxl-single-product-summary-wrap .quantity .lbl {
font-size: 16px; }
.pxl-single-product-summary-wrap form.cart {
margin-top: 21px;
width: 100%; }
.pxl-single-product-summary-wrap form.cart.grouped_form {
display: block;
padding-top: 30px; }
.pxl-single-product-summary-wrap form.cart.grouped_form .quantity .lbl {
display: none; }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item {
align-items: center;
justify-content: space-between;
margin-bottom: 20px; }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__quantity {
order: 2;
flex-grow: 1; }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__label {
order: 1;
width: 35%;
margin-right: 15px; }
@media (max-width: 480px) {
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__label {
flex: 0 0 100%;
max-width: 100%; } }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__label label {
margin-bottom: 0; }
@media (max-width: 480px) {
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__label label {
margin-bottom: 5px; } }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__label a {
font-weight: 600;
color: var(--additional06-color);
margin-right: 5px; }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__price {
margin: 0;
color: var(--primary-color);
font-weight: 400;
font-size: 16px;
line-height: 32px;
clear: both;
order: 3; }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__price del {
order: 2;
padding-right: 6px;
font-size: 15px;
line-height: 32px;
color: #ababab; }
.pxl-single-product-summary-wrap form.cart.grouped_form .woocommerce-grouped-product-list-item__price ins {
font-weight: inherit;
text-decoration: none; }
.pxl-single-product-summary-wrap form.cart .variations .pxl-variation-row {
margin-bottom: 15px; }
.pxl-single-product-summary-wrap form.cart .variations .pxl-variation-row .label {
margin-bottom: 15px; }
.pxl-single-product-summary-wrap form.cart .variations .pxl-variation-row .value select {
padding: 15px; }
.pxl-single-product-summary-wrap .stock-wishlist {
padding-top: 17px;
margin-top: 20px;
border-top: 1px solid #ededed; }
.pxl-single-product-summary-wrap .post-shares {
margin-top: 15px; }
.pxl-single-product-summary-wrap .post-shares .label {
font-size: 17px;
font-weight: 500;
color: var(--additional06-color);
margin-right: 25px; }
.pxl-single-product-summary-wrap .post-shares .social-item .pxl-icon {
width: 28px;
height: 28px;
font-size: 14px; }
.pxl-single-product-summary-wrap .post-shares .social-item .pxl-icon:after {
width: 28px;
height: 28px; }
.pxl-single-product-summary-wrap .post-shares .hover-share {
width: 28px;
height: 28px;
display: none; }
.pxl-single-product-summary-wrap .entry-summary .product_title {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 42px;
text-transform: capitalize;
margin-bottom: 14px; }
.pxl-single-product-summary-wrap .entry-summary .price {
margin-top: 21px; }
.pxl-single-product-summary-wrap .days-order {
margin-top: 25px; }
.pxl-single-product-summary-wrap .days-order .pxli-check-circle span {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0;
font-family: var(--body-font-family);
margin-left: 19px; }
.pxl-single-product-summary-wrap .days-order .pxli-check-circle::before {
font-size: 14px;
color: var(--heading-color); }
.pxl-single-product-summary-wrap .days-order .pxli-check-circle-left {
margin-bottom: 8px; }
.pxl-variation-quantity-wrap .single_variation_wrap {
display: flex;
flex-wrap: wrap;
align-items: end;
padding-top: 22px;
margin-top: 28px;
border-top: 1px solid #ededed; }
.pxl-variation-quantity-wrap .woocommerce-variation-price {
margin-top: 20px; }
.pxl-variation-quantity-wrap .woocommerce-variation-price .price {
font-size: 17px; }
.stock-wishlist {
display: flex;
align-items: center; }
.stock-wishlist .stock {
margin-right: 25px; }
.stock {
color: var(--primary-color); }
.stock span {
margin-right: 4px; }
.stock.top {
margin-top: 10px;
display: none; }
.pxl-quantity {
position: relative;
display: inline-block; }
.pxl-quantity .quantity-button {
position: absolute;
top: 0;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 13px;
font-weight: 900;
border: 0;
color: #4E5362;
cursor: pointer;
text-align: center; }
.pxl-quantity .quantity-up {
right: 0; }
.pxl-quantity .quantity-up:before, .pxl-quantity .quantity-up:after {
content: "";
width: 9px;
height: 1px;
display: block;
background-color: #4E5362;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
-webkit-transition: background-color 0.3s linear;
-khtml-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }
.pxl-quantity .quantity-up:after {
-webkit-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.pxl-quantity .quantity-up:hover:before, .pxl-quantity .quantity-up:hover:after {
background-color: #111; }
.pxl-quantity .quantity-down {
left: 0;
z-index: 1; }
.pxl-quantity .quantity-down:before {
content: "";
width: 10px;
height: 1px;
display: block;
background-color: #4E5362;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
-webkit-transition: background-color 0.3s linear;
-khtml-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }
.pxl-quantity .quantity-down:hover:before {
background-color: #333333; }
input.qty[type="number"] {
width: 162px !important;
height: 40px !important;
line-height: 40px !important;
padding: 0 55px !important;
text-align: center;
font-size: 16px;
color: #151B2B;
font-weight: 400;
border: none;
border-radius: 0;
border: 1px solid rgba(21, 27, 43, 0.05);
-moz-appearance: textfield; }
input.qty[type="number"]::-webkit-outer-spin-button, input.qty[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.pxl-addtocart-btn-wrap {
margin-top: 23px;
align-items: center; }
.pxl-addtocart-btn-wrap .pxl-atc-btn {
display: flex; }
@media (max-width: 991px) {
.pxl-addtocart-btn-wrap .pxl-atc-btn {
display: block; }
.pxl-addtocart-btn-wrap .pxl-atc-btn .single_add_to_cart_button {
margin-top: 20px; } }
@media (max-width: 767px) {
.pxl-addtocart-btn-wrap .pxl-atc-btn {
display: flex; }
.pxl-addtocart-btn-wrap .pxl-atc-btn .single_add_to_cart_button {
margin-top: 0; } }
@media (max-width: 575px) {
.pxl-addtocart-btn-wrap .pxl-atc-btn {
display: block; }
.pxl-addtocart-btn-wrap .pxl-atc-btn .single_add_to_cart_button {
margin-top: 20px; } }
.pxl-addtocart-btn-wrap .pxl-atc-btn .pxl-shop-woosmart-wrap {
margin-right: 24px; }
.pxl-addtocart-btn-wrap .pxl-atc-btn .pxl-shop-woosmart-wrap .woosmart-btn {
border: 1px solid var(--heading-color);
padding: 11px 21px;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color: var(--heading-color); }
.pxl-addtocart-btn-wrap .pxl-atc-btn .pxl-shop-woosmart-wrap .woosmart-btn::before {
width: 17px;
height: 17px;
font-size: 17px;
color: var(--heading-color); }
.pxl-addtocart-btn-wrap .pxl-atc-btn .pxl-shop-woosmart-wrap .woosmart-btn:hover {
background-color: var(--heading-color);
color: #fff; }
.pxl-addtocart-btn-wrap .pxl-atc-btn .pxl-shop-woosmart-wrap .woosmart-btn:hover::before {
color: #fff; }
.pxl-addtocart-btn-wrap .pxl-atc-btn .single_add_to_cart_button {
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: capitalize; }
.cart.grouped_form .stock {
display: none; }
table.shop_attributes {
border: none; }
table.shop_attributes td, table.shop_attributes th {
vertical-align: top;
font-style: normal;
padding: 5px 0;
border: 0;
width: unset;
background: transparent !important; }
table.shop_attributes td p, table.shop_attributes th p {
padding: 0; }
table.shop_attributes th {
font-weight: 500;
color: var(--additional06-color);
white-space: nowrap; }
table.shop_attributes th:after {
content: ":";
margin-left: 3px; }
table.shop_attributes td {
color: #707070; }
.group_table {
border: 0; }
.group_table th, .group_table td {
border: 0; }
.group_table .wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
transform: scale(1.5, 1.5); }
.content-product .post-share-wrap {
margin-top: 20px;
margin-bottom: 0; } .woocommerce-tabs {
margin-top: 62px; }
.woocommerce-tabs ul {
list-style: none;
padding: 0;
margin: 0; }
.woocommerce-tabs ul.wc-tabs {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
overflow: visible; }
@media (max-width: 767px) {
.woocommerce-tabs ul.wc-tabs {
flex-direction: column;
margin-bottom: 25px;
border: 1px solid #d8d8d8;
border-bottom: none; }
.woocommerce-tabs ul.wc-tabs li {
border: none !important;
border-bottom: 1px solid #d8d8d8 !important;
text-align: center; }
.woocommerce-tabs ul.wc-tabs li a {
width: 100%; }
.woocommerce-tabs ul.wc-tabs li.active a {
color: #fff !important; } }
.woocommerce-tabs ul.wc-tabs:before, .woocommerce-tabs ul.wc-tabs:after {
display: none; }
.woocommerce-tabs ul.wc-tabs li {
margin: 0;
padding: 0;
border-bottom: none;
border-left: none;
border-radius: 0;
position: relative; }
.woocommerce-tabs ul.wc-tabs li a {
font-family: var(--heading-font-family);
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
position: relative;
text-transform: capitalize;
display: inline-block;
margin-right: 26px;
padding: 18px 35px;
line-height: 26px;
color: var(--heading-color);
background-color: #F6F6F7;
z-index: 1; }
.woocommerce-tabs ul.wc-tabs li a::before, .woocommerce-tabs ul.wc-tabs li a::after {
content: "";
position: absolute;
height: 50%;
width: 0;
background-color: var(--heading-color);
z-index: -1;
transition: width cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; }
.woocommerce-tabs ul.wc-tabs li a::before {
bottom: 0;
right: 0; }
.woocommerce-tabs ul.wc-tabs li a::after {
top: 0;
left: 0; }
.woocommerce-tabs ul.wc-tabs li.active a {
color: #fff; }
.woocommerce-tabs ul.wc-tabs li.active a::before, .woocommerce-tabs ul.wc-tabs li.active a::after {
width: 100%; }
.woocommerce-tabs ul.wc-tabs li.active a::before {
left: 0;
right: auto; }
.woocommerce-tabs ul.wc-tabs li.active a::after {
right: 0;
left: auto; }
.woocommerce-tabs .woocommerce-Tabs-panel {
padding-top: 22px; }
.woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
margin-bottom: 0; }
.woocommerce-tabs .woocommerce-Tabs-panel > h2 {
display: none; }
.woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews .pxl-comment-form-rating {
margin-bottom: 10px; }
.woocommerce-tabs .tab-product-feature-list {
font-size: 18px;
line-height: 34px; }
.woocommerce-tabs .tab-product-feature-list .col-xl-4 {
font-weight: 600; }
.woocommerce-tabs .tab-product-feature-list .line-gap {
margin: 0;
width: 100%; }
.woocommerce-tabs .woocommerce-noreviews {
margin-bottom: 15px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
font-size: 26px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
padding: 0; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
position: relative;
margin-top: 22px;
margin-bottom: 32px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
border: none;
margin: 10px 0; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
display: flex;
align-items: center;
margin: 0 0 8px;
font-size: 16px; }
@media (max-width: 575px) {
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
display: block; } }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date {
display: block;
font-size: 14px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author {
color: var(--secondary-color);
font-family: var(--heading-font-family); }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash {
display: none; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p {
margin: 0; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating {
margin-bottom: 15px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label {
margin-bottom: 10px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-author label, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-email label {
margin-bottom: 8px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
display: none; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .commentlist .comment-reply-link {
background-color: var(--heading-color);
border-radius: 0; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .commentlist .comment-reply-link:hover {
background-color: #fff;
color: var(--heading-color); }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment {
padding-top: 15px;
height: 120px;
padding-bottom: 22px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .logged-in-as {
margin-bottom: 30px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .comments-rating {
text-align: left; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn {
background-color: var(--additional06-color);
height: 70px;
z-index: 1; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn span {
font-family: var(--heading-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px; text-transform: capitalize; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn span::after {
margin-left: 10px; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn::before, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn::after {
content: "";
position: absolute;
height: 50%;
width: 0;
background-color: var(--primary-color);
z-index: -1;
transition: width cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn::before {
bottom: 0;
right: 0; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn::after {
top: 0;
left: 0; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn:hover::before, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn:hover::after {
width: 100%; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn:hover::before {
left: 0;
right: auto; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit button.pxl-btn:hover::after {
right: 0;
left: auto; }
.woocommerce-tabs .woocommerce-Tabs-panel--reviews .form-submit .flaticon-next {
display: none; } .related.products {
display: block;
margin-bottom: 30px;
text-align: center;
margin-top: 60px; }
.products.related > h2, .products.upsells > h2, .cross-sells > h2 {
font-style: normal;
font-weight: 700;
font-size: 40px;
position: relative;
margin-bottom: 10px;
display: none; }
.products.related p, .products.upsells p, .cross-sells p {
display: none; }
body.woocommerce #respond input#submit, body.woocommerce .button, body.woocommerce .btn, body.woocommerce a.wc-forward, body.woocommerce a.button.alt, body.woocommerce-page #respond input#submit, body.woocommerce-page .button, body.woocommerce-page .btn, body.woocommerce-page a.wc-forward, body.woocommerce-page a.button.alt, .cms-product-grid.woocommerce #respond input#submit, .cms-product-grid.woocommerce .button, .cms-product-grid.woocommerce .btn, .cms-product-grid.woocommerce a.wc-forward, .cms-product-grid.woocommerce a.button.alt {
border-radius: 0;
background-color: var(--heading-color); }
body.woocommerce #respond input#submit:hover, body.woocommerce .button:hover, body.woocommerce .btn:hover, body.woocommerce a.wc-forward:hover, body.woocommerce a.button.alt:hover, body.woocommerce-page #respond input#submit:hover, body.woocommerce-page .button:hover, body.woocommerce-page .btn:hover, body.woocommerce-page a.wc-forward:hover, body.woocommerce-page a.button.alt:hover, .cms-product-grid.woocommerce #respond input#submit:hover, .cms-product-grid.woocommerce .button:hover, .cms-product-grid.woocommerce .btn:hover, .cms-product-grid.woocommerce a.wc-forward:hover, .cms-product-grid.woocommerce a.button.alt:hover {
background-color: var(--primary-color); }
body.woocommerce #respond input#submit span:before, body.woocommerce .button span:before, body.woocommerce .btn span:before, body.woocommerce a.wc-forward span:before, body.woocommerce a.button.alt span:before, body.woocommerce-page #respond input#submit span:before, body.woocommerce-page .button span:before, body.woocommerce-page .btn span:before, body.woocommerce-page a.wc-forward span:before, body.woocommerce-page a.button.alt span:before, .cms-product-grid.woocommerce #respond input#submit span:before, .cms-product-grid.woocommerce .button span:before, .cms-product-grid.woocommerce .btn span:before, .cms-product-grid.woocommerce a.wc-forward span:before, .cms-product-grid.woocommerce a.button.alt span:before {
margin-left: 0; }
.single-next-prev-nav-product {
border-top: none;
display: flex;
margin-bottom: 60px;
margin-top: 90px; }
@media (max-width: 575px) {
.single-next-prev-nav-product {
display: block;
text-align: center; }
.single-next-prev-nav-product .nav-archive-text {
margin-bottom: 30px; } }
.single-next-prev-nav-product .box-prev-nav {
display: flex;
gap: 20px; }
.single-next-prev-nav-product .box-prev-nav .nav-next-prev {
display: inline-block;
max-width: none; }
.single-next-prev-nav-product .box-prev-nav .nav-next-prev .nav-inner .nav-icon {
margin-left: 0;
margin-right: 0; }
.single-next-prev-nav-product .box-prev-nav .nav-next-prev.prev .nav-icon {
background-color: var(--heading-color);
color: #fff; }
.single-next-prev-nav-product .box-prev-nav .nav-next-prev.prev:hover .nav-inner .nav-icon::before {
animation: toTopFromBottom-mail 0.3s forwards; }
@media (max-width: 575px) {
.single-next-prev-nav-product .box-prev-nav .nav-next-prev.prev {
display: flex;
justify-content: center; } }
.single-next-prev-nav-product .box-prev-nav .nav-next-prev.next .nav-icon {
background-color: var(--primary-color);
color: #fff; }
.single-next-prev-nav-product .box-prev-nav .nav-next-prev.next:hover .nav-inner .nav-icon::before {
animation: toTopFromBottom-mail 0.3s forwards; }
@media (max-width: 575px) {
.single-next-prev-nav-product .box-prev-nav .nav-next-prev.next {
display: flex;
justify-content: center; } }
.single-next-prev-nav-product .nav-archive-text .subtitle-label {
position: relative;
margin-left: 10px;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
.single-next-prev-nav-product .nav-archive-text .subtitle-label::before, .single-next-prev-nav-product .nav-archive-text .subtitle-label::after {
content: "";
position: absolute;
width: 5px;
height: 5px;
background-color: var(--primary-color);
border-radius: 50%; }
.single-next-prev-nav-product .nav-archive-text .subtitle-label::before {
left: -10px;
top: 50%;
transform: translateY(-50%); }
.single-next-prev-nav-product .nav-archive-text .subtitle-label::after {
right: -10px;
top: 50%;
transform: translateY(-50%); }
.single-next-prev-nav-product .nav-archive-text .title-label {
margin-bottom: 0;
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 26px; text-transform: capitalize;
margin-top: 25px; }
.woosw-list table.woosw-items .woosw-item .woosw-item--atc p a .pxli-shopping {
margin-right: 10px;
margin-top: -4px; }
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container a {
background-color: var(--heading-color);
transition: all 300ms ease 0s; }
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container a span {
color: #fff; }
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container a:hover {
background-color: #fff;
border: 1px solid var(--primary-color); }
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-cart__submit .wc-block-cart__submit-container a:hover span {
color: var(--primary-color); }
.wc-block-components-sidebar-layout .wc-block-components-main .wc-block-checkout__actions .wc-block-checkout__actions_row a svg {
margin-left: 0;
margin-top: 0; }
.woocommerce-cart .lbl {
display: none; }
.woocommerce-cart .btn, .woocommerce-cart button {
background-color: var(--secondary-color); }
.woocommerce-cart .btn:hover, .woocommerce-cart button:hover {
background-color: var(--primary-color);
color: #fff; }
label[for="coupon_code"] {
display: none; }
table.cart {
border: 0; }
table.cart thead {
background-color: #F2F2F2; }
table.cart th {
font-weight: 500;
text-transform: uppercase;
color: var(--additional06-color);
padding: 16px 24px;
border-left: 0;
border-right: 0;
border-top: 1px solid #E0E0E0; }
table.cart th:first-child {
border-left: 1px solid #E0E0E0; }
table.cart th:last-child {
border-right: 1px solid #E0E0E0; }
@media (max-width: 991px) {
table.cart th {
display: none; } }
table.cart td {
padding: 24px;
border-left: 0;
border-right: 0; }
@media (max-width: 1199px) {
table.cart td {
padding: 24px 15px; } }
table.cart td:first-child {
border-left: 1px solid #E0E0E0; }
table.cart td:last-child {
border-right: 1px solid #E0E0E0; }
table.cart td.product-thumbnail {
padding-right: 0;
width: 94px; }
table.cart td.product-name {
padding-left: 16px; }
@media (min-width: 1500px) {
table.cart td.product-name {
width: 458px; } }
@media (max-width: 1199px) {
table.cart td.product-name {
max-width: 300px; } }
table.cart td.product-name > div > a {
font-weight: 700;
margin: 0 10px; }
table.cart td.product-name > div > a.remove {
width: 20px;
height: 20px;
line-height: 20px;
color: #ffffff;
background-color: black;
text-align: center;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
table.cart td.product-name > div > a.remove:hover {
background-color: red; }
table.cart td.product-name > div > a:last-child {
flex-basis: 0;
flex-grow: 1;
text-align: start; }
table.cart td.product-price {
color: var(--additional06-color);
font-weight: 500;
font-size: 20px;
line-height: 32px; }
table.cart td.product-subtotal {
color: var(--additional06-color);
font-weight: 500;
font-size: 20px;
line-height: 32px; }
table.cart td.product-remove {
text-align: center; }
@media (min-width: 1200px) {
table.cart td.product-remove {
width: 120px; } }
table.cart td.product-remove a {
font-size: 0;
position: relative;
width: 40px;
height: 40px;
border-radius: 0;
border: 1px solid #E0E0E0;
color: #E0E0E0;
display: inline-flex;
justify-content: center;
align-items: center; }
table.cart td.product-remove a:before, table.cart td.product-remove a:after {
content: "";
position: absolute;
height: 1px;
width: 20px;
top: 50%;
background-color: #707070;
transform-origin: 50% 50%;
opacity: 1;
font-size: 20px;
-webkit-transition: transform linear 0.25s;
-khtml-transition: transform linear 0.25s;
-moz-transition: transform linear 0.25s;
-ms-transition: transform linear 0.25s;
-o-transition: transform linear 0.25s;
transition: transform linear 0.25s; }
table.cart td.product-remove a:before {
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
table.cart td.product-remove a:after {
-webkit-transform: rotate(-45deg);
-khtml-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
table.cart td.product-remove a:hover {
border-color: var(--primary-color); }
table.cart td.product-remove a:hover:before, table.cart td.product-remove a:hover:after {
background-color: var(--primary-color);
-webkit-transform: rotate(0deg);
-khtml-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
table.cart td.actions {
border-left: 0;
border-right: 0;
padding: 32px 0 32px 0; }
@media (max-width: 991px) {
table.cart td {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
justify-content: space-between; }
table.cart td > * {
max-width: 100%; }
table.cart td:before, table.cart td a.remove:before {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
color: var(--additional06-color);
font-weight: 600; }
table.cart td.product-thumbnail, table.cart td.product-name {
width: 100%;
max-width: 100%; }
table.cart td.product-name:before, table.cart td.product-price:before, table.cart td.product-quantity:before, table.cart td.product-subtotal:before {
content: attr(data-title) ":    "; } }
@media (max-width: 991px) {
table.cart tbody > tr:first-child > td:first-child {
border-top: 1px solid #E0E0E0; }
table.cart tbody > tr {
position: relative; }
table.cart td.product-thumbnail {
background-color: #F2F2F2; }
table.cart td.product-remove {
padding: 0;
border-bottom: 0; }
table.cart td.product-remove a {
position: absolute;
top: 15px;
right: 15px;
color: var(--primary-color);
border-color: var(--primary-color); }
table.cart td.product-remove a:before, table.cart td.product-remove a:after {
background-color: var(--primary-color); } }
table.cart .product-name {
font-weight: 500;
color: var(--additional06-color); }
table.cart .product-name a {
color: inherit; }
table.cart .product-name a:hover {
color: var(--link-color-hover); }
table.cart .size-woocommerce_thumbnail {
max-width: 70px;
width: 70px; }
table.cart .coupon:not(.pxl-coupon) {
display: none; }
table.cart .coupon .pxl-coupon-wrap {
position: relative;
width: 450px;
-webkit-transition: border-color 0.3s linear;
-khtml-transition: border-color 0.3s linear;
-moz-transition: border-color 0.3s linear;
-ms-transition: border-color 0.3s linear;
-o-transition: border-color 0.3s linear;
transition: border-color 0.3s linear; }
@media (max-width: 991px) {
table.cart .coupon .pxl-coupon-wrap {
width: 370px; } }
@media (max-width: 991px) {
table.cart .coupon .pxl-coupon-wrap {
width: 270px; } }
@media (max-width: 767px) {
table.cart .coupon .pxl-coupon-wrap {
width: 100%; } }
table.cart .coupon .input-text {
width: 100%;
border-radius: 0; }
table.cart .coupon .input-text:hover, table.cart .coupon .input-text:focus {
border-color: var(--primary-color); }
@media (min-width: 768px) and (max-width: 991px) {
table.cart .coupon button {
font-size: 0;
border: 0;
height: 50px;
width: 50px;
padding: 0 20px; }
table.cart .coupon button:before {
content: "";
font-family: "pxli";
font-size: 16px;
display: inline-block;
line-height: 1; } }
table.cart td.actions button[name="update_cart"]:not(.pxl-update-cart) {
display: none; }
@media (max-width: 991px) {
table.cart td.actions {
display: table-cell; } }
table.cart button:disabled {
opacity: 0.3;
cursor: not-allowed; }
@media (min-width: 992px) {
table.cart .pxl-btns-continue-update .btn, table.cart .pxl-btns-continue-update button {
min-width: 216px; } }
@media (max-width: 575px) {
table.cart .pxl-btns-continue-update .btn, table.cart .pxl-btns-continue-update button {
width: 100%; } }
.cart-collaterals {
padding-top: 30px; }
@media (min-width: 992px) {
.cart-collaterals {
display: flex;
flex-wrap: wrap;
justify-content: flex-end; } }
@media (min-width: 1200px) {
.cart-collaterals .cart_totals {
width: 39%; } }
@media (max-width: 1199px) {
.cart-collaterals .cart_totals {
width: 50%; } }
@media (max-width: 991px) {
.cart-collaterals .cart_totals {
width: 100%; } }
.cart-collaterals .cart_totals {
display: inline-block; }
.cart-collaterals .cart_totals > h2 {
font-size: 32px;
line-height: 44px;
margin: 0;
padding: 24px 24px 30px 24px;
background: #F2F2F2;
position: relative; }
.cart-collaterals .cart_totals > h2:after {
content: "";
width: calc(100% - 48px);
height: 1px;
background-color: #dadada;
position: absolute;
left: 24px;
bottom: 10px; }
.cart-collaterals .cart_totals table {
border: none !important;
background: #F2F2F2;
border-radius: 0; }
.cart-collaterals .cart_totals th, .cart-collaterals .cart_totals td {
border: none !important; }
.cart-collaterals .cart_totals th {
text-align: start;
padding: 5px 5px 5px 24px;
font-weight: 400;
vertical-align: top;
min-width: 120px; }
[dir="rtl"] .cart-collaterals .cart_totals th {
padding: 5px 24px 5px 5px; }
@media (min-width: 576px) {
.cart-collaterals .cart_totals th {
min-width: 160px; } }
.cart-collaterals .cart_totals td {
padding: 5px 24px 5px 5px;
text-align: right; }
.cart-collaterals .cart_totals tr.order-total th, .cart-collaterals .cart_totals tr.order-total td {
padding-bottom: 26px; }
.cart-collaterals .cart_totals tr.order-total td {
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #be0505; }
.cart-collaterals .cart_totals .woocommerce-Price-amount {
font-weight: 500; }
.cart-collaterals .cart_totals .woocommerce-shipping-destination {
margin-bottom: 0; }
.cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
font-weight: 400; }
.woocommerce-shipping-methods {
list-style: none; }
.woocommerce-shipping-methods li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end; }
.woocommerce-shipping-methods li > * {
max-width: 100%; }
.woocommerce-shipping-methods input[type="radio"] {
margin-right: 8px;
margin-top: -4px; }
.woocommerce-shipping-methods label {
cursor: default;
margin: 0; }
.woocommerce-shipping-calculator .form-row {
margin-left: 0;
margin-right: 0; }
.woocommerce-shipping-calculator select {
width: 100%; }
.woocommerce-shipping-calculator .shipping-calculator-form {
margin-top: 5px; }
.wc-proceed-to-checkout .btn {
width: 100%;
display: block; }
.cart-empty.woocommerce-info {
display: none; }
.pxl-cart-empty-wrap img.img-bag {
max-width: 112px;
margin-bottom: 20px; }
.pxl-cart-empty-wrap h2 {
margin-bottom: 12px; }
.pxl-cart-empty-wrap p.desc {
margin-bottom: 20px;
color: #707070; }
.return-to-shop {
text-align: center; }
.wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
height: 37px; }
.woocommerce-form-coupon-toggle {
margin-bottom: 30px; }
.woocommerce-form-coupon-toggle .woocommerce-info {
color: var(--additional06-color); }
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: var(--link-color-hover); }
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
color: var(--link-color); }
.checkout_coupon.woocommerce-form-coupon {
margin-bottom: 50px; }
form.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
align-items: self-start; }
form.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
flex: 0 0 100%;
margin: 0 0 30px;
max-width: 100%;
padding: 15px; }
form.woocommerce-checkout .col2-set {
flex: 0 0 50%;
max-width: 50%;
margin-left: 0;
margin-right: 0; }
@media (max-width: 991px) {
form.woocommerce-checkout .col2-set {
flex: 0 0 100%;
max-width: 100%; } }
form.woocommerce-checkout .col2-set > div {
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
form.woocommerce-checkout .woocommerce-billing-fields > h3, form.woocommerce-checkout .woocommerce-shipping-fields > h3, form.woocommerce-checkout .woocommerce-additional-fields > h3 {
margin-top: 0;
margin-bottom: 15px;
font-size: 28px; }
form.woocommerce-checkout .woocommerce-billing-fields > h3 > label, form.woocommerce-checkout .woocommerce-shipping-fields > h3 > label, form.woocommerce-checkout .woocommerce-additional-fields > h3 > label {
color: inherit; }
form.woocommerce-checkout .woocommerce-billing-fields label, form.woocommerce-checkout .woocommerce-shipping-fields label, form.woocommerce-checkout .woocommerce-additional-fields label {
margin-bottom: 8px; }
form.woocommerce-checkout .woocommerce-billing-fields .form-row, form.woocommerce-checkout .woocommerce-shipping-fields .form-row, form.woocommerce-checkout .woocommerce-additional-fields .form-row {
margin-bottom: 24px; }
form.woocommerce-checkout .woocommerce-billing-fields .form-row:last-child, form.woocommerce-checkout .woocommerce-shipping-fields .form-row:last-child, form.woocommerce-checkout .woocommerce-additional-fields .form-row:last-child {
margin-bottom: 0; }
form.woocommerce-checkout .woocommerce-shipping-fields {
margin-top: 50px; }
form.woocommerce-checkout .woocommerce-shipping-fields h3 .woocommerce-form__label-for-checkbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center; }
form.woocommerce-checkout .woocommerce-shipping-fields h3 .woocommerce-form__label-for-checkbox > * {
max-width: 100%; }
form.woocommerce-checkout .woocommerce-shipping-fields h3 .woocommerce-form__label-for-checkbox input[type="checkbox"] {
margin-top: -5px; }
form.woocommerce-checkout .woocommerce-checkout-review-order {
flex: 0 0 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 991px) {
form.woocommerce-checkout .woocommerce-checkout-review-order {
flex: 0 0 100%;
max-width: 100%;
margin-top: 30px; } }
form.woocommerce-checkout .woocommerce-checkout-review-order h3 {
margin-top: 0;
margin-bottom: 15px; }
form.woocommerce-checkout #order_review_heading {
display: none; }
form.woocommerce-checkout input[type="text"], form.woocommerce-checkout input[type="email"], form.woocommerce-checkout input[type="url"], form.woocommerce-checkout input[type="password"], form.woocommerce-checkout input[type="search"], form.woocommerce-checkout input[type="tel"], form.woocommerce-checkout input[type="number"], form.woocommerce-checkout input[type="range"], form.woocommerce-checkout input[type="date"], form.woocommerce-checkout input[type="month"], form.woocommerce-checkout input[type="week"], form.woocommerce-checkout input[type="time"], form.woocommerce-checkout input[type="datetime"], form.woocommerce-checkout input[type="datetime-local"], form.woocommerce-checkout input[type="color"], form.woocommerce-checkout textarea, form.woocommerce-checkout select, form.woocommerce-checkout .select2-container.select2-container--default .select2-selection--single {
border-radius: 0; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
border: 0;
border-collapse: collapse;
border-spacing: 0;
background-color: #F2F2F2;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table thead {
display: none; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td {
padding: 16px 24px; }
@media (max-width: 575px) {
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table th, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td {
padding: 16px 15px; } }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table td:last-child {
text-align: end; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody td {
border-color: transparent;
padding: 8px 24px; }
@media (max-width: 575px) {
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody td {
padding: 8px 15px; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody td + td {
width: 100px; } }
@media (min-width: 576px) {
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr:first-child td {
padding-top: 24px; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr:last-child td {
padding-bottom: 24px; } }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody strong {
font-weight: 400; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot th, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot td {
border-color: transparent;
position: relative; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot th:after, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot td:after {
position: absolute;
content: "";
height: 1px;
width: calc(100% - 24px);
top: 0;
background-color: #dadada; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot th {
font-weight: 600; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot th:after {
left: 24px; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot td:after {
right: 24px; }
@media (max-width: 575px) {
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals th, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td {
display: block; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals .woocommerce-shipping-methods li {
justify-content: flex-start; } }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .cart-subtotal td, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .order-total td {
font-weight: 600; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .cart-subtotal td strong, form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .order-total td strong {
font-weight: 600; }
form.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table .order-total td {
color: #be0505; }
textarea[name="order_comments"] {
height: 240px; }
.form-row {
width: 100%;
margin: 0 0 15px; }
.form-row span.woocommerce-input-wrapper {
flex: 0 0 100%;
width: 100%;
max-width: 100%; }
#payment {
margin-top: 0px; }
#payment ul.payment_methods {
padding: 30px 0 0;
margin: 0;
list-style: none outside;
background: #ffffff; }
#payment ul.payment_methods li {
margin: 0; }
#payment ul.payment_methods li input {
margin: 2px 10px 0 0;
float: left; }
#payment ul.payment_methods li img {
vertical-align: middle;
padding: 0;
position: relative;
max-width: 150px; }
#payment ul.payment_methods li img + img {
margin-left: 2px; }
#payment div.form-row {
padding: 20px 0;
margin-top: 0; }
#payment div.form-row .pxl-checkout-place-order {
flex: 0 0 100%;
max-width: 100%; }
#payment div.form-row #place_order {
margin-top: 34px;
display: block;
width: 100%; }
#payment div.form-row.place-order {
margin-bottom: 0;
padding-bottom: 0; }
#payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: 0.92em;
border-radius: 2px;
line-height: 1.5;
background-color: #f2f2f2; }
#payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0; }
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new {
margin: 0 0 0.5em; }
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label {
cursor: pointer; }
#payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative; }
#payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0; }
#payment div.payment_box .wc-credit-card-form-card-number, #payment div.payment_box .wc-credit-card-form-card-expiry, #payment div.payment_box .wc-credit-card-form-card-cvc {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right 0.618em center;
background-size: 32px 20px; }
#payment div.payment_box .wc-credit-card-form-card-number.visa, #payment div.payment_box .wc-credit-card-form-card-expiry.visa, #payment div.payment_box .wc-credit-card-form-card-cvc.visa {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/visa.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.mastercard, #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/mastercard.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.laser, #payment div.payment_box .wc-credit-card-form-card-expiry.laser, #payment div.payment_box .wc-credit-card-form-card-cvc.laser {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/laser.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.dinersclub, #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/diners.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.maestro, #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, #payment div.payment_box .wc-credit-card-form-card-cvc.maestro {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/maestro.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.jcb, #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, #payment div.payment_box .wc-credit-card-form-card-cvc.jcb {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/jcb.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.amex, #payment div.payment_box .wc-credit-card-form-card-expiry.amex, #payment div.payment_box .wc-credit-card-form-card-cvc.amex {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/amex.svg); }
#payment div.payment_box .wc-credit-card-form-card-number.discover, #payment div.payment_box .wc-credit-card-form-card-expiry.discover, #payment div.payment_box .wc-credit-card-form-card-cvc.discover {
background-image: url(//belteplo.by/wp-content/themes/dexson/assets/images/credit-cards/discover.svg); }
#payment div.payment_box span.help {
font-size: 0.857em;
color: var(--primary-color);
font-weight: normal; }
#payment div.payment_box .form-row {
margin: 0 0 1em; }
#payment div.payment_box p:last-child {
margin-bottom: 0; }
#payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #f2f2f2;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em; }
#payment .payment_method_paypal .about_paypal {
display: block; }
#payment .payment_method_paypal img {
max-height: 52px;
margin-top: -18px;
margin-left: 8px;
top: 5px; }
ul.order_details {
content: "";
display: table;
list-style: none;
margin-bottom: 45px; }
ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1;
border-right: 1px dashed #707070;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none; }
@media (max-width: 1024px) {
ul.order_details li {
border: 0;
float: none;
margin-bottom: 15px; } }
ul.order_details li:last-child {
margin-right: 0;
padding-right: 0; }
ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5;
margin-top: 5px; }
@media (max-width: 1024px) {
ul.order_details li strong {
font-weight: 400; } }
ul.order_details li:last-of-type {
border: none; }
.woocommerce-order-details__title, .woocommerce-column__title {
font-size: 28px; }
.wc-bacs-bank-details-account-name {
font-weight: bold; }
.woocommerce-order-downloads, .woocommerce-order-details {
margin-bottom: 45px; }
.woocommerce-order-downloads *:last-child, .woocommerce-order-details *:last-child {
margin-bottom: 0; }
.woocommerce-order-details table strong {
font-weight: 400; }
.woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid #dadada;
text-align: left;
width: 100%;
border-radius: 4px;
padding: 8px 16px; }
.woocommerce-customer-details .woocommerce-customer-details--phone, .woocommerce-customer-details .woocommerce-customer-details--email {
margin-bottom: 0; }
.woocommerce-customer-details .woocommerce-customer-details--phone::before {
font-family: "pxli";
content: "";
margin-left: -1.5em;
line-height: 1.75;
position: absolute; }
.woocommerce-customer-details .woocommerce-customer-details--email::before {
font-family: "pxli";
content: "";
margin-left: -1.5em;
line-height: 1.75;
position: absolute; }
.woosw-popup .woosw-popup-inner .woosw-popup-content {
width: 100%;
max-width: 768px; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: var(--secondary-color); }
.woosw-popup .woosw-popup-inner .woosw-popup-content .woocommerce.add_to_cart_inline {
display: inline-flex;
flex-direction: column; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart {
background-color: var(--secondary-color);
margin: 5px 0;
min-width: 215px; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button:hover, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped:hover, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external:hover, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart:hover {
background-color: var(--primary-color); }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button .pxl-icon, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped .pxl-icon, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external .pxl-icon, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart .pxl-icon {
margin-right: 10px; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button.loading .pxl-icon, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped.loading .pxl-icon, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external.loading .pxl-icon, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart.loading .pxl-icon {
display: inline-block;
-webkit-animation: pxl-spin 2s linear infinite;
-khtml-animation: pxl-spin 2s linear infinite;
-moz-animation: pxl-spin 2s linear infinite;
-ms-animation: pxl-spin 2s linear infinite;
-o-animation: pxl-spin 2s linear infinite;
animation: pxl-spin 2s linear infinite; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button.loading .pxl-icon:before, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped.loading .pxl-icon:before, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external.loading .pxl-icon:before, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart.loading .pxl-icon:before {
content: "";
font-family: "pxli" !important; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button + .added_to_cart, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped + .added_to_cart, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external + .added_to_cart, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart + .added_to_cart {
opacity: 0.8; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button + .added_to_cart:after, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped + .added_to_cart:after, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external + .added_to_cart:after, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart + .added_to_cart:after {
content: "";
font-family: "pxli";
font-weight: normal;
margin-left: 10px; }
.woosw-popup .woosw-popup-inner .woosw-popup-content .add_to_cart_button.added + .added_to_cart, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_grouped.added + .added_to_cart, .woosw-popup .woosw-popup-inner .woosw-popup-content .product_type_external.added + .added_to_cart, .woosw-popup .woosw-popup-inner .woosw-popup-content .added_to_cart.added + .added_to_cart {
opacity: 1; }
.woocommerce-account .pxl-content-area {
margin-bottom: 0; }
.woocommerce-account h2 {
margin-top: -10px; }
form.login .form-row > label {
width: 100%; }
form.login .input-text {
max-width: 270px; }
form.login .woocommerce-form__label-for-checkbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center; }
form.login .woocommerce-form__label-for-checkbox > * {
max-width: 100%; }
form.login .woocommerce-form__label-for-checkbox input[type="checkbox"] {
margin-top: -5px; }
form.login .button {
margin-top: 10px; }
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0 -15px 15px; }
@media (max-width: 767px) {
.woocommerce-MyAccount-navigation ul {
margin: 0 -8px 15px; } }
.woocommerce-MyAccount-navigation ul li {
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding: 0 15px 15px; }
@media (max-width: 767px) {
.woocommerce-MyAccount-navigation ul li {
padding: 0 8px 15px; } }
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 6px 35px;
border: 3px solid var(--primary-color);
background: var(--primary-color);
color: #ffffff;
font-weight: 700; }
@media (max-width: 1199px) {
.woocommerce-MyAccount-navigation ul li a {
padding: 6px 15px; } }
.woocommerce-MyAccount-navigation ul li a:hover {
border-color: var(--secondary-color);
background: var(--secondary-color);
color: #ffffff; }
.woocommerce-MyAccount-navigation ul li.is-active a {
border-color: var(--secondary-color);
background: var(--secondary-color);
color: #ffffff; }
.woocommerce-orders-table th, .woocommerce-orders-table td {
border-left: 0;
border-right: 0; }
@media (min-width: 768px) {
.woocommerce-orders-table .woocommerce-orders-table__header-order-actions {
width: 196px; } }
@media (max-width: 767px) {
.woocommerce-orders-table {
border: 0; }
.woocommerce-orders-table thead {
display: none; }
.woocommerce-orders-table tr td {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #E0E0E0; }
.woocommerce-orders-table tr td > * {
max-width: 100%; }
.woocommerce-orders-table tr td:before {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
color: var(--additional06-color);
font-weight: 600;
content: attr(data-title) ":    "; }
.woocommerce-orders-table tr td:first-child {
background-color: #f2f2f2;
border: 0; }
.woocommerce-orders-table tr td:last-child {
border-top: 0;
border-bottom: 0;
padding: 30px 0 50px 0; }
.woocommerce-orders-table tr td:last-child:before {
display: none; }
.woocommerce-orders-table tbody tr:last-child td {
border-bottom: 1px solid #E0E0E0; }
.woocommerce-orders-table tbody tr:last-child td:first-child {
border-top: 0;
border-bottom: 0; }
.woocommerce-orders-table tbody tr:last-child td:last-child {
border-top: 0;
border-bottom: 0;
padding-bottom: 0; } }
.woocommerce-MyAccount-content {
margin-top: 50px; }
.woocommerce-MyAccount-content .woocommerce-info {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -15px;
margin-right: -15px; }
.woocommerce-MyAccount-content .woocommerce-info > * {
max-width: 100%; }
.woocommerce-MyAccount-content .woocommerce-info > * {
margin-left: 15px;
margin-right: 15px; }
.woocommerce-MyAccount-content table .button {
display: block;
width: 180px; }
.woocommerce-MyAccount-content fieldset {
padding: 0;
margin-top: 50px;
border: 0; }
.woocommerce-MyAccount-content fieldset legend {
font-weight: 700;
color: var(--additional06-color);
font-size: 28px;
margin-bottom: 10px; }
.woocommerce-MyAccount-content .form-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap; }
.woocommerce-MyAccount-content .form-row > * {
max-width: 100%; }
.woocommerce-MyAccount-content .form-row > * {
flex: 0 0 100%;
max-width: 100%; }
.woocommerce-MyAccount-content .edit-account fieldset .input-text {
max-width: 270px; }
@media (max-width: 767px) {
.woocommerce-MyAccount-content .edit-account fieldset .input-text {
max-width: 100%; } }
.woocommerce-MyAccount-content .edit-account .button {
margin-top: 30px; } .wp-block-button.aligncenter, .wp-block-buttons.aligncenter, .wp-block-calendar {
text-align: center; }
.wp-block-button {
margin-bottom: 1.5em; }
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0; }
.wp-block-button.is-style-outline .wp-block-button__link {
color: var(--heading-color) !important;
border-color: var(--secondary-color); }
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: var(--secondary-color);
color: #fff !important; }
.wp-block-cover {
color: #ffffff; }
.single-post p[class], .single-post p[style] {
line-height: normal;
clear: both;
overflow: hidden; }
[class*="wp-block-"] {
margin-bottom: 30px; }
[class*="wp-block-"]:first-child {
margin-top: 0; }
[class*="wp-block-"]:last-child {
margin-bottom: 0; }
.pxl-sidebar-area [class*="wp-block-"] {
margin-top: 0;
margin-bottom: 0; }
.pxl-sidebar-area [class*="wp-block-"]:first-child {
margin-top: 0; }
.pxl-sidebar-area [class*="wp-block-"]:last-child {
margin-bottom: 0; }
.pxl-sidebar-area .widget_block .wp-block-latest-comments {
overflow: hidden; }
.pxl-sidebar-area .widget_block .wp-block-latest-comments a:hover {
color: var(--primary-color); }
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 11px;
margin-bottom: 11px;
line-height: 1.8; }
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
color: var(--heading-color); }
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta:before {
width: 20px;
height: 25px;
line-height: 25px;
font-size: 15px;
margin-right: 10px;
color: var(--primary-color);
content: "";
font-family: "pxli";
display: inline-block; }
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
border: none;
margin-bottom: -15px; }
.wp-block-group.has-background {
padding: 15px 20px; }
.wp-block-group .wp-block-button + * {
padding-top: 15px; }
.wp-block-rss {
list-style: none; }
.wp-block-table .has-fixed-layout {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd; }
.blocks-gallery-caption {
margin-bottom: 30px; }
.wp-caption.alignright {
margin-bottom: 0 !important; }
.wp-block-quote br {
display: none; }
.pxl-sidebar-area .wp-block-latest-comments li {
margin-bottom: 30px; }
.pxl-sidebar-area .wp-block-latest-comments li:last-child {
margin-bottom: 0; }
.wp-block-search__label {
margin: 0 0 17px 0;
padding-bottom: 0;
font-size: 22px;
line-height: 1.33333;
display: none; }
.wp-block-search__label:before {
display: none; }
.wp-block-search__inside-wrapper {
position: relative;
margin-top: 30px !important; }
.wp-block-search__inside-wrapper .wp-block-search__input {
height: 50px;
line-height: 48px;
background-color: #ffffff;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
padding: 0 55px 0 20px;
margin: 0; }
.wp-block-search__inside-wrapper .wp-block-search__input::-webkit-input-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.wp-block-search__inside-wrapper .wp-block-search__input:-moz-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.wp-block-search__inside-wrapper .wp-block-search__input::-moz-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
.wp-block-search__inside-wrapper .wp-block-search__input:-ms-input-placeholder {
color: #222;
font-size: 15px;
font-style: normal;
font-weight: 400;
opacity: 1;
text-overflow: ellipsis;
line-height: inherit; }
[dir="rtl"] .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0 20px 0 55px; }
.wp-block-search__inside-wrapper .wp-block-search__button:before {
content: "";
font-size: 14px;
display: inline-block;
font-family: "pxli" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%; }