.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;}
.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;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;box-shadow:none;touch-action:manipulation;}
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;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;}
.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{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;}
.mfp-arrow:before, .mfp-arrow:after{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{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before{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;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;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; } }.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}@-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);}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;}@-webkit-keyframes flash {0%, 50%, 100%{opacity:1;}25%, 75% {opacity: 0;}}@keyframes flash {0%, 50%, 100%{opacity:1;}25%, 75% {opacity: 0;}}.flash{-webkit-animation-name:flash;animation-name:flash;}@-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);}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;}@-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);}}.shake{-webkit-animation-name:shake;animation-name:shake;}@-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);}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}@-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);}}.tada{-webkit-animation-name:tada;animation-name:tada;}@-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%);}}.wobble{-webkit-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes bounceIn {0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);}70%{-webkit-transform:scale(.9);transform:scale(.9);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes bounceIn {0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);}100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-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);}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}@-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);}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}@-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);}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}@-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);}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOut {0%{-webkit-transform:scale(1);transform:scale(1);}25%{-webkit-transform:scale(.95);transform:scale(.95);}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}100% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}}@keyframes bounceOut {0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;}@-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);}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}@-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);}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}@-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);}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}@-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);}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes fadeIn {0%{opacity:0;}100% {opacity: 1;}}@keyframes fadeIn {0%{opacity:0;}100% {opacity: 1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-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);}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-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);}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}@-webkit-keyframes fadeInLeft {0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px);}100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInLeft {0%{opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-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);}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}@-webkit-keyframes fadeInRight {0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px);}100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInRight {0%{opacity:0;-webkit-transform:translateX(40px);-ms-transform:translateX(40px);transform:translateX(40px);}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-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);}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}@-webkit-keyframes fadeInUp {0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUp {0%{opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-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);}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}@-webkit-keyframes fadeOut {0%{opacity:1;}100% {opacity: 0;}}@keyframes fadeOut {0%{opacity:1;}100% {opacity: 0;}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-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);}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}@-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);}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}@-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);}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}@-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);}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}@-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);}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}@-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);}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}@-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);}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-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);}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}@-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:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}100% {-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}@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:ease-out;animation-timing-function:ease-out;}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:ease-out;animation-timing-function:ease-out;}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:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}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: ease-in;animation-timing-function: ease-in;}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}@-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;}}.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}@-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;}}.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}@-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;}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;}@-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;}}.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}@-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;}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-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;}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-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;}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}@-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;}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}@-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;}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}@-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;}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}@-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;}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}@-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;}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}@-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;}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}@-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;}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}@-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;}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}@-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;}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}@-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);}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}@-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);}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}@-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);}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}@-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);}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}@-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);}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}@-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);}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}@-webkit-keyframes hinge {0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%, 60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}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:ease-in-out;animation-timing-function:ease-in-out;}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:ease-in-out;animation-timing-function:ease-in-out;}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:ease-in-out;animation-timing-function:ease-in-out;}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:ease-in-out;animation-timing-function:ease-in-out;}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:ease-in-out;animation-timing-function:ease-in-out;}100% {-webkit-transform: translateY(700px);-ms-transform: translateY(700px);transform: translateY(700px);opacity: 0;}}.hinge{-webkit-animation-name:hinge;animation-name:hinge;}@-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);}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}@-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);}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}
.wow.zoomIn.animated{-webkit-animation-name:pxl-zoom-in;animation-name:pxl-zoom-in;}
@keyframes pxl-zoom-in {
0%{transform:scale(0);opacity:0;}
100%{transform:scale(1);opacity:1;}
}
.wow.zoomInSmall.animated{-webkit-animation-name:pxl-zoom-in-small;animation-name:pxl-zoom-in-small;}
@keyframes pxl-zoom-in-small {
0%{transform:scale(0.67);opacity:0;}
100%{transform:scale(1);opacity:1;}
}
.wow.zoomOut.animated{-webkit-animation-name:pxl-zoom-out;animation-name:pxl-zoom-out;}
@keyframes pxl-zoom-out {
0%{transform:scale(1.2);opacity:0;}
100%{transform:scale(1);opacity:1;}
}
.wow.flipCase.animated{-webkit-animation-name:pxl-flip-case;animation-name:pxl-flip-case;-webkit-animation-duration:1.2s;animation-duration:1.2s;}
@keyframes pxl-flip-case {
0%{transform:perspective(600px) rotateY(60deg) translate3d(-20px,40px,40px);opacity:0;}
100%{transform:perspective(0px) rotateY(0deg) translate3d(0,0px,0px);opacity:1;}
}
.wow.skewIn.animated{-webkit-animation-name:pxlSkewIn;animation-name:pxlSkewIn;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@-webkit-keyframes pxlSkewIn{ 0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);-webkit-transform:translateX(30px);transform:translateX(30px)}
100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes pxlSkewIn { 0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);-webkit-transform:translateX(30px);transform:translateX(30px)}
100%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);transform:translateX(0)}
}
.wow.RotatingY.animated{-webkit-animation-name:RotatingY;animation-name:RotatingY;-webkit-animation-duration:0.8s;animation-duration:0.8s;}
@-webkit-keyframes RotatingY{ 0%{opacity:0;transform:perspective(500px) rotateX(-20deg);-webkit-transform:perspective(500px) rotateX(-20deg);}
100%{opacity:1;transform:perspective(500px) rotateX(0deg);-webkit-transform:perspective(500px) rotateX(0deg);}
}
.wow.PXLfadeInUp.animated{-webkit-animation-name:PXLfadeInUp;animation-name:PXLfadeInUp;-webkit-animation-duration:1.2s;animation-duration:1.2s;}
@-webkit-keyframes PXLfadeInUp {
0%{
opacity: 0;
transform: translate3d(0px,45px,0px);
-webkit-transform: translate3d(0px,45px,0px);
}
100%{
opacity: 1;
transform: translate3d(0px,0px,0px);
-webkit-transform: translate3d(0px,0px,0px);
}
}@font-face{font-family:"Flaticon";src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.eot);src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.eot?#iefix) format("embedded-opentype"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.woff2) format("woff2"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.woff) format("woff"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.ttf) format("truetype"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.svg#flaticon) format("svg");font-weight:normal;font-style:normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face{font-family:"Flaticon";src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.svg#Flaticon) format("svg");}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family:Flaticon;font-size:inherit;font-style:normal;font-weight:normal;}
@font-face{font-family:"Flaticon";src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.eot);src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.eot?#iefix) format("embedded-opentype"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.woff2) format("woff2"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.woff) format("woff"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.ttf) format("truetype"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.svg#flaticon) format("svg");font-weight:normal;font-style:normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face{font-family:"Flaticon";src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/flaticon/fonts/flaticon.svg#Flaticon) format("svg");}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family:Flaticon;font-size:inherit;font-style:normal;font-weight:normal;}
.flaticon-roof:before{content:"\f101";}
.flaticon-implement:before{content:"\f102";}
.flaticon-server:before{content:"\f103";}
.flaticon-brainstorming:before{content:"\f104";}
.flaticon-phone-ringing:before{content:"\f105";}
.flaticon-construction:before{content:"\f106";}
.flaticon-roof-1:before{content:"\f107";}
.flaticon-home:before{content:"\f108";}
.flaticon-inspection:before{content:"\f109";}
.flaticon-chimney:before{content:"\f10a";}
.flaticon-send:before{content:"\f10b";}
.flaticon-laurel:before{content:"\f10c";}
.flaticon-like:before{content:"\f10d";}
.flaticon-review:before{content:"\f10e";}
.flaticon-customer-service:before{content:"\f10f";}
.flaticon-rating:before{content:"\f110";}
.flaticon-roof-2:before{content:"\f111";}
.flaticon-play-button:before{content:"\f112";}
.flaticon-send-1:before{content:"\f113";}
.flaticon-down:before{content:"\f114";}
.flaticon-telephone-call:before{content:"\f115";}
.flaticon-star:before{content:"\f116";}
.flaticon-check-list:before{content:"\f117";}
.flaticon-candidate:before{content:"\f118";}
.flaticon-gear:before{content:"\f119";}
.flaticon-success:before{content:"\f11a";}
.flaticon-quote:before{content:"\f11b";}
.flaticon-checkmark:before{content:"\f11c";}
.flaticon-cashback:before{content:"\f11d";}
.flaticon-next:before{content:"\f11e";}
.flaticon-phone-call:before{content:"\f11f";}
.flaticon-email:before{content:"\f120";}
.flaticon-next-1:before{content:"\f121";}
.flaticon-back:before{content:"\f122";}
.flaticon-arrow:before{content:"\f123";}
.flaticon-right-arrow:before{content:"\f124";}
.flaticon-right-arrow-1:before{content:"\f125";}
.flaticon-email-1:before{content:"\f126";}
.flaticon-loupe:before{content:"\f127";}
.flaticon-team:before{content:"\f128";}
.flaticon-project-plan:before{content:"\f129";}
.flaticon-data-analytics:before{content:"\f12a";}
.flaticon-manager:before{content:"\f12b";}
.flaticon-phone:before{content:"\f12c";}
.flaticon-check-mark:before{content:"\f12d";}
.flaticon-shopping-cart:before{content:"\f12e";}
.flaticon-chimney-1:before{content:"\f12f";}
.flaticon-cash-payment:before{content:"\f130";}
.flaticon-premium:before{content:"\f131";}
.flaticon-wallet:before{content:"\f132";}
.flaticon-warranty:before{content:"\f133";}
.flaticon-chimney-2:before{content:"\f134";}
.flaticon-cooling-tower:before{content:"\f135";}
.flaticon-phone-call-1:before{content:"\f136";}
.flaticon-email-2:before{content:"\f137";}
.flaticon-chat:before{content:"\f138";}
.flaticon-pin:before{content:"\f139";}
.flaticon-right-up:before{content:"\f13a";}
.flaticon-ease:before{content:"\f13b";}
.flaticon-checked:before{content:"\f13c";}
.flaticon-money-bag:before{content:"\f13d";}
.flaticon-consulting:before{content:"\f13e";}
.flaticon-research:before{content:"\f13f";}
.flaticon-increase:before{content:"\f140";}
.flaticon-pdf-file:before{content:"\f141";}
.flaticon-download:before{content:"\f142";}
.flaticon-user:before{content:"\f143";}
.flaticon-date:before{content:"\f144";}
.flaticon-clock:before{content:"\f145";}
.flaticon-user-1:before{content:"\f146";}
.flaticon-supermarket:before{content:"\f147";}
.flaticon-quote-request:before{content:"\f148";}
.flaticon-phone-book:before{content:"\f149";}
.flaticon-email-3:before{content:"\f14a";}
.flaticon-satisfaction:before{content:"\f14b";}
.flaticon-right-arrows:before{content:"\f14c";}
.flaticon-chat-1:before{content:"\f14d";}
.flaticon-right-chevron:before{content:"\f14e";}
.flaticon-clock-1:before{content:"\f14f";}
.flaticon-presentation:before{content:"\f150";}
.flaticon-more:before{content:"\f151";}
.flaticon-avatar:before{content:"\f152";}
.flaticon-envelope:before{content:"\f153";}
.flaticon-084-logout:before{content:"\f154";}
.flaticon-085-shopping-bag:before{content:"\f155";}
.flaticon-086-dribbble:before{content:"\f156";}
.flaticon-right-arrow-2:before{content:"\f157";}
.flaticon-pin-1:before{content:"\f158";}
.flaticon-roof-3:before{content:"\f159";}
.flaticon-down-arrow:before{content:"\f15a";}
.flaticon-snowing:before{content:"\f15b";}
.flaticon-email-4:before{content:"\f15c";}
.flaticon-menu:before{content:"\f15d";}
.flaticon-chimney-top:before{content:"\f15e";}
.flaticon-user-experience:before{content:"\f15f";}
.flaticon-hose:before{content:"\f160";}
.flaticon-leather:before{content:"\f161";}
.flaticon-roof-4:before{content:"\f162";}
.flaticon-roof-5:before{content:"\f163";}
.flaticon-roof-6:before{content:"\f164";}
.flaticon-project-manager:before{content:"\f165";}
.flaticon-trophy:before{content:"\f166";}
.flaticon-clock-1:before{content:"\f166";}
.flaticon-phone-1:before{content:"\f167";}
.flaticon-organization:before{content:"\f168";}
.flaticon-discover:before{content:"\f169";}
.flaticon-start-up:before{content:"\f16a";}
.flaticon-motivation:before{content:"\f16b";}
.flaticon-star-1:before{content:"\f16c";}
.flaticon-price-tag:before{content:"\f16d";}
.flaticon-comment:before{content:"\f16e";}
.flaticon-solution:before{content:"\f16f";}
.flaticon-scroll-bar:before{content:"\f170";}
.flaticon-water-resistant:before{content:"\f171";}
.flaticon-fire:before{content:"\f172";}
.flaticon-windproof-fabric:before {
content: "\f173";
}@font-face{font-family:"Caseicon";src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.eot);src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.eot?#iefix) format("embedded-opentype"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.woff2) format("woff2"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.woff) format("woff"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.ttf) format("truetype"), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.svg#caseicon) format("svg");font-weight:normal;font-style:normal;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face{font-family:"Caseicon";src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/caseicon/caseicon.svg#Caseicon) format("svg");}
}
[class^="caseicon-"], [class*=" caseicon-"]{display:inline-block;}
[class^="caseicon-"]:before, [class*=" caseicon-"]:before,
[class^="caseicon-"]:after, [class*=" caseicon-"]:after{font-family:Caseicon;font-style:normal;font-weight:400;}
.caseicon-view-alt:before{content:"\f101";}
.caseicon-random:before{content:"\f102";}
.caseicon-grid:before{content:"\f103";}
.caseicon-location:before{content:"\f104";}
.caseicon-close-alt:before{content:"\f105";}
.caseicon-user-alt:before{content:"\f106";}
.caseicon-pin2:before{content:"\f107";}
.caseicon-calendar:before{content:"\f108";}
.caseicon-behance:before{content:"\f109";}
.caseicon-tripadvisor:before{content:"\f10a";}
.caseicon-play1:before{content:"\f10b";}
.caseicon-yelp:before{content:"\f10c";}
.caseicon-close-solid:before{content:"\f10d";}
.caseicon-link4:before{content:"\f10e";}
.caseicon-long-arrow-right-two:before{content:"\f10f";}
.caseicon-pin:before{content:"\f110";}
.caseicon-play4:before{content:"\f111";}
.caseicon-tick:before{content:"\f112";}
.caseicon-link2:before{content:"\f113";}
.caseicon-tags-alt:before{content:"\f114";}
.caseicon-list:before{content:"\f115";}
.caseicon-link3:before{content:"\f116";}
.caseicon-tumblr:before{content:"\f117";}
.caseicon-placeholder:before{content:"\f118";}
.caseicon-check-mark:before{content:"\f119";}
.caseicon-clock:before{content:"\f11a";}
.caseicon-time:before{content:"\f11b";}
.caseicon-play2:before{content:"\f11c";}
.caseicon-link:before{content:"\f11d";}
.caseicon-check:before{content:"\f11e";}
.caseicon-comment-solid:before{content:"\f11f";}
.caseicon-calendar-1:before{content:"\f120";}
.caseicon-vimeo:before{content:"\f121";}
.caseicon-people-location:before{content:"\f122";}
.caseicon-pinterest:before{content:"\f123";}
.caseicon-facebook:before{content:"\f124";}
.caseicon-map:before{content:"\f125";}
.caseicon-close:before{content:"\f126";}
.caseicon-close3:before{content:"\f127";}
.caseicon-close-outline:before{content:"\f128";}
.caseicon-instagram:before{content:"\f129";}
.caseicon-folder:before{content:"\f12a";}
.caseicon-clock-1:before{content:"\f12b";}
.caseicon-search:before{content:"\f12c";}
.caseicon-refresh:before{content:"\f12d";}
.caseicon-long-arrow-right:before{content:"\f12e";}
.caseicon-heart-alt:before{content:"\f12f";}
.caseicon-quote-bottom:before{content:"\f130";}
.caseicon-double-chevron-down:before{content:"\f131";}
.caseicon-comment:before{content:"\f132";}
.caseicon-android:before{content:"\f133";}
.caseicon-double-chevron-right:before{content:"\f134";}
.caseicon-linkedin:before{content:"\f135";}
.caseicon-angle-arrow-left:before{content:"\f136";}
.caseicon-right-arrow:before{content:"\f137";}
.caseicon-open-folder:before{content:"\f138";}
.caseicon-zoom-in:before{content:"\f139";}
.caseicon-double-chevron-left:before{content:"\f13a";}
.caseicon-envelope:before{content:"\f13b";}
.caseicon-caret-arrow-down:before{content:"\f13c";}
.caseicon-angle-arrow-up:before{content:"\f13d";}
.caseicon-double-chevron-up:before{content:"\f13e";}
.caseicon-left-arrow:before{content:"\f13f";}
.caseicon-youtube:before{content:"\f140";}
.caseicon-tags:before{content:"\f141";}
.caseicon-long-arrow-right-three:before{content:"\f142";}
.caseicon-calendar-2:before{content:"\f143";}
.caseicon-calendar-alt:before{content:"\f144";}
.caseicon-shopping-cart-alt:before{content:"\f145";}
.caseicon-arrows-updown:before{content:"\f146";}
.caseicon-home:before{content:"\f147";}
.caseicon-caret-arrow-up:before{content:"\f148";}
.caseicon-quote-left:before{content:"\f149";}
.caseicon-skype:before{content:"\f14a";}
.caseicon-twitter:before{content:"\f14b";}
.caseicon-play3:before{content:"\f14c";}
.caseicon-angle-arrow-right:before{content:"\f14d";}
.caseicon-user:before{content:"\f14e";}
.caseicon-dribbble:before{content:"\f14f";}
.caseicon-angle-arrow-down:before{content:"\f150";}
.caseicon-shopping-cart:before{content:"\f151";}
.caseicon-long-arrow-left:before{content:"\f152";}
.caseicon-marker:before{content:"\f153";}
.caseicon-refresh-arrow:before{content:"\f154";}
.caseicon-phone:before {
content: "\f155";
}@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media(min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media(min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media(min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media(min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media(min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media(min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media(min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media(min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media(min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media(min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@keyframes pxl_move1 {
0%{transform:translate(0%, 0%);}
25%{transform:translate(10%, 10%);}
50%{transform:translate(10%, -10%);}
75%{transform:translate(-10%, 10%);}
100%{transform:translate(0%);}
}
@-webkit-keyframes pxl_move1 {
0%{transform:translate(0%, 0%);}
25%{transform:translate(10%, 10%);}
50%{transform:translate(10%, -10%);}
75%{transform:translate(-10%, 10%);}
100%{transform:translate(0%);}
}
@keyframes scale {
0%{transform:scale(1);}
50%{transform:scale(0.8);}
100%{transform:scale(1);}
}
@-webkit-keyframes scale {
0%{transform:scale(1);}
50%{transform:scale(0.8);}
100%{transform:scale(1);}
}
@keyframes pxl_scale1 {
0%{transform:scale(1);opacity:0.67;}
100%{transform:scale(2.2);opacity:0;}
}
@-webkit-keyframes pxl_scale1 {
0%{transform:scale(1);opacity:0.67;}
100%{transform:scale(2.2);opacity:0;}
}
@-ms-keyframes pxl_spin {
from{-ms-transform:rotate(0deg);}
to{-ms-transform:rotate(360deg);}
}
@-moz-keyframes pxl_spin {
from{-moz-transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes pxl_spin {
from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
@keyframes pxl_spin {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.pxl-image-spin2{animation:pxl_spin 4s linear infinite;}
.pxl-image-spin{animation:pxl_spin_reverse 12s linear infinite;}
.pxl-image-lr{animation:l_r 50s linear infinite;}
.pxl-image-lrt{animation:l_r_t 55s linear infinite;}
.pxl-image-lrb{animation:l_r_b 60s linear infinite;}
@-ms-keyframes pxl_spin_reverse {
from{-ms-transform:translate(-50%, -50%) rotate(0deg);}
to{-ms-transform:translate(-50%, -50%) rotate(-360deg);}
}
@-moz-keyframes pxl_spin_reverse {
from{-moz-transform:translate(-50%, -50%) rotate(0deg);}
to{-moz-transform:translate(-50%, -50%) rotate(-360deg);}
}
@-webkit-keyframes pxl_spin_reverse {
from{-webkit-transform:translate(-50%, -50%) rotate(0deg);}
to{-webkit-transform:translate(-50%, -50%) rotate(-360deg);}
}
@keyframes pxl_spin_reverse {
from{transform:translate(-50%, -50%) rotate(0deg);}
to{transform:translate(-50%, -50%) rotate(-360deg);}
}
@-ms-keyframes pxl_spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-moz-keyframes pxl_spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes pxl_spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes pxl_spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes pxl_right_from_left {
49%{-webkit-transform:translate(100%);}
50%{opacity:0;-webkit-transform:translate(-100%);}
51%{opacity:1;}
}
@-moz-keyframes pxl_right_from_left {
49%{-moz-transform:translate(100%);}
50%{opacity:0;-moz-transform:translate(-100%);}
51%{opacity:1;}
}
@keyframes pxl_right_from_left {
49%{transform:translate(100%);}
50%{opacity:0;transform:translate(-100%);}
51%{opacity:1;}
}
@-webkit-keyframes pxl_left_from_right {
49%{-webkit-transform:translate(-100%);}
50%{opacity:0;-webkit-transform:translate(100%);}
51%{opacity:1;}
}
@-moz-keyframes pxl_left_from_right {
49%{-moz-transform:translate(-100%);}
50%{opacity:0;-moz-transform:translate(100%);}
51%{opacity:1;}
}
@keyframes pxl_left_from_right {
49%{transform:translate(-100%);}
50%{opacity:0;transform:translate(100%);}
51%{opacity:1;}
}
@-webkit-keyframes pxl_ani1 {
from{-webkit-mask-position:100% 0;mask-position:100% 0;}
to{-webkit-mask-position:0 0;mask-position:0 0;}
}
@keyframes pxl_ani1 {
from{-webkit-mask-position:100% 0;mask-position:100% 0;}
to{-webkit-mask-position:0 0;mask-position:0 0;}
}
@-webkit-keyframes pxl_ani2 {
from{-webkit-mask-position:0 0;mask-position:0 0;}
to{-webkit-mask-position:100% 0;mask-position:100% 0;}
}
@keyframes pxl_ani2 {
from{-webkit-mask-position:0 0;mask-position:0 0;}
to{-webkit-mask-position:100% 0;mask-position:100% 0;}
}
@keyframes pxl_bounce {
0%, 100%, 20%, 50%, 80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);}
60%{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);}
}
@keyframes pxl_zigzag {
0%, 100%, 20%, 50%, 80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);}
60%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
}
@keyframes pxl_right_left {
0%{transform:translateX(0px);}
25%{transform:translateX(40px);}
50%{transform:translateX(0px);}
75%{transform:translateX(-40px);}
100%{transform:translateX(0px);}
}
.slide-right-to-left{animation:pxl_right_left 12s ease-out infinite;-webkit-animation:pxl_right_left 12s ease-out infinite;}
@keyframes pxl_left_right {
0%{transform:translateX(0px);}
25%{transform:translateX(-40px);}
50%{transform:translateX(0px);}
75%{transform:translateX(40px);}
100%{transform:translateX(0px);}
}
.slide-left-to-right{animation:pxl_left_right 12s ease-out infinite;-webkit-animation:pxl_left_right 12s ease-out infinite;}
@keyframes pxl_bottom_top_small {
0%{transform:translateX(0px);}
25%{transform:translateY(10px);}
50%{transform:translateY(0px);}
75%{transform:translateY(-10px);}
100%{transform:translateY(0px);}
}
@keyframes pxl_bottom_top {
0%{transform:translateX(0px);}
25%{transform:translateY(40px);}
50%{transform:translateY(0px);}
75%{transform:translateY(-40px);}
100%{transform:translateY(0px);}
}
.slide-bottom-to-top{animation:pxl_bottom_top 12s ease-out infinite;-webkit-animation:pxl_bottom_top 12s ease-out infinite;}
@keyframes pxl_effect1 {
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);}
}
.slide-effect1{animation:pxl_effect1 12s ease-out infinite;-webkit-animation:pxl_effect1 12s ease-out infinite;}
@keyframes pxl_effect2 {
0%{transform:translate(0px, 0px);}
20%{transform:translate(-30px, 40px);}
40%{transform:translate(60px, 60px);}
60%{transform:translate(70px, 40px);}
80%{transform:translate(40px, -70px);}
100%{transform:translate(0px, 0px);}
}
.slide-effect2{animation:pxl_effect2 12s ease-out infinite;-webkit-animation:pxl_effect2 12s ease-out infinite;}
@keyframes pxl_top_bottom {
0%{transform:translateX(0px);}
25%{transform:translateY(-40px);}
50%{transform:translateY(0px);}
75%{transform:translateY(40px);}
100%{transform:translateY(0px);}
}
@-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;}
}
.slide-top-to-bottom{animation:pxl_top_bottom 12s ease-out infinite;-webkit-animation:pxl_top_bottom 12s ease-out infinite;}
@-webkit-keyframes img_circle {
0%{opacity:1;}
40%{opacity:1;}
100%{width:200%;height:200%;opacity:0;}
}
@keyframes img_circle {
0%{opacity:1;}
40%{opacity:1;}
100%{width:200%;height:200%;opacity:0;}
}
@-webkit-keyframes pxl_loader_bounce {
0%, 100%{-webkit-transform:scale(0);}
50%{-webkit-transform:scale(1);}
}
@keyframes pxl_loader_bounce {
0%, 100%{transform:scale(0);-webkit-transform:scale(0);}
50%{transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes pxl_scale1 {
0%{transform:scale(1);}
50%{transform:scale(0);}
100%{transform:scale(1);}
}
@keyframes pxl_scale1 {
0%{transform:scale(1);}
50%{transform:scale(0);}
100%{transform:scale(1);}
}
.pxl_scale1{animation:pxl_scale1 400ms linear 0ms;-webkit-animation:pxl_scale1 400ms linear 0ms;}
@keyframes ar {
33%{transform:translatex(20px);opacity:0;}
66%{transform:translatex(-20px);opacity:0;}
100%{transform:translatex(0px);opacity:1;}
}
@-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 shakeicon {
33%{-webkit-transform:rotateZ(20deg);-khtml-transform:rotateZ(20deg);-moz-transform:rotateZ(20deg);-ms-transform:rotateZ(20deg);-o-transform:rotateZ(20deg);transform:rotateZ(20deg);}
67%{-webkit-transform:rotateZ(-20deg);-khtml-transform:rotateZ(-20deg);-moz-transform:rotateZ(-20deg);-ms-transform:rotateZ(-20deg);-o-transform:rotateZ(-20deg);transform:rotateZ(-20deg);}
100%{-webkit-transform:rotateZ(20deg);-khtml-transform:rotateZ(20deg);-moz-transform:rotateZ(20deg);-ms-transform:rotateZ(20deg);-o-transform:rotateZ(20deg);transform:rotateZ(20deg);}
}
@-webkit-keyframes ct-foldCubeAngle {
0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0;}
25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1;}
90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;}
}
@keyframes ct-foldCubeAngle {
0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0;}
25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1;}
90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0;}
}
@-webkit-keyframes tada {
0%{-webkit-transform:scale(1);transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-5deg);transform:scale(0.9) rotate(-5deg);}
50%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-5deg);transform:scale(1.1) rotate(-5deg);}
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(-5deg);-ms-transform:scale(0.9) rotate(-5deg);transform:scale(0.9) rotate(-5deg);}
50%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(5deg);-ms-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-5deg);-ms-transform:scale(1.1) rotate(-5deg);transform:scale(1.1) rotate(-5deg);}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
}
@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 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);}
}
@keyframes scale-border {
1%{transform:scale(1);opacity:0.1;}
100%{transform:scale(3);opacity:0;}
}
@-webkit-keyframes scale-border {
1%{transform:scale(1);opacity:0.1;}
100%{transform:scale(3);opacity:0;}
}
@keyframes scale-border2 {
1%{transform:scale(1);opacity:1;}
100%{transform:scale(2);opacity:0;}
}
@-webkit-keyframes scale-border2 {
1%{transform:scale(1);opacity:1;}
100%{transform:scale(2);opacity:0;}
}
@keyframes l_r {
0%{position:absolute;left:-20px;}
100%{position:absolute;left:103%;}
}
@-webkit-keyframes l_r {
0%{position:absolute;left:-20px;}
100%{position:absolute;left:103%;}
}
@keyframes l_r_b {
0%{position:absolute;left:-20px;}
100%{position:absolute;left:103%;transform:translateY(50px);}
}
@-webkit-keyframes l_r_b {
0%{position:absolute;left:-20px;}
100%{position:absolute;left:103%;transform:translateY(200px);}
}
@keyframes l_r_t {
0%{position:absolute;left:-20px;}
100%{position:absolute;left:103%;transform:translateY(-200px);}
}
@-webkit-keyframes l_r_t {
0%{position:absolute;left:-20px;}
100%{position:absolute;left:103%;transform:translateY(-200px);}
}
@keyframes ruler {
0%{margin-top:0;}
50%{margin-top:-1200px;}
100%{margin-top:0px;}
}
@-webkit-keyframes ruler {
0%{margin-top:0;}
50%{margin-top:-1200px;}
100%{margin-top:0px;}
}
@-webkit-keyframes shine {
100%{left:125%;}
}
@keyframes shine {
100%{left:125%;}
}
@keyframes Animasearch {
0%{transform:scale(1);opacity:1;}
15%, 50%{transform:scale(0.5);opacity:0;}
65%{transform:scale(1);opacity:1;}
}
@keyframes rotate {
0%{transform:rotate(0);clip:rect(0px, 35px, 35px, 0px);}
50%{clip:rect(0px, 40px, 40px, 0px);}
100%{transform:rotate(360deg);clip:rect(0px, 35px, 35px, 0px);}
}
@keyframes rotate2 {
0%{transform:rotate(0deg);clip:rect(0px, 164px, 150px, 0px);}
50%{clip:rect(0px, 164px, 0px, 0px);transform:rotate(360deg);}
100%{transform:rotate(720deg);clip:rect(0px, 164px, 150px, 0px);}
}
@keyframes rotate3 {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes animasearch {
0%{transform:scale(1);opacity:1;}
15%, 50%{transform:scale(0.5);opacity:0;}
65%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes animasearch {
0%{transform:scale(1);opacity:1;}
15%, 50%{transform:scale(0.5);opacity:0;}
65%{transform:scale(1);opacity:1;}
}
.pxl-view-layout{display:flex;margin-bottom:20px;}
.pxl-view-layout .view-icon{list-style-type:none;width:30px;height:25px;opacity:0.33;margin-left:10px;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);background-position:center;background-repeat:no-repeat;cursor:pointer;}
.pxl-view-layout .view-icon a{width:100%;height:100%;display:block;}
.pxl-view-layout .view-icon.view-grid{font-size:0;background-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/layout-grid.png);}
.pxl-view-layout .view-icon.view-list{font-size:0;background-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/layout-list.png);}
.pxl-view-layout .view-icon:hover, .pxl-view-layout .view-icon.active{opacity:1;}
.woocommerce span.onsale, .woocommerce .pxl-featured{min-width:inherit;min-height:inherit;font-size:16px;color:#fff;padding:0;text-align:center;background-color:var(--primary-color);font-weight:700;-webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;margin:0 !important;line-height:26px;padding:0px 12px !important;top:0px !important;right:0px !important;left:auto;font-weight:normal;z-index:11;}
.woocommerce .pxl-featured{position:absolute;top:0px !important;left:0px !important;right:auto !important;background-color:var(--regular-color);display:inline-block;}
.woocommerce .woocommerce-tabs .single-lp-list{margin-top:30px;}
.woocommerce .woocommerce-tabs ul.wc-tabs{overflow:visible;padding:0 0 0px;margin-top:-20px;text-align:center;position:relative;z-index:1;}
@media screen and (max-width:575px){
.woocommerce .woocommerce-tabs ul.wc-tabs{border:none;}
}
.woocommerce .woocommerce-tabs ul.wc-tabs:before, .woocommerce .woocommerce-tabs ul.wc-tabs:after{display:none !important;}
.woocommerce .woocommerce-tabs ul.wc-tabs li{margin:20px 5px 0 5px;padding:0;background-color:transparent;position:relative;z-index:99;}
.woocommerce .woocommerce-tabs ul.wc-tabs li:before, .woocommerce .woocommerce-tabs ul.wc-tabs li:after{display:none !important;}
@media screen and (max-width:575px){
.woocommerce .woocommerce-tabs ul.wc-tabs li{display:block;padding:0;margin-left:0;margin-right:0;margin-bottom:0;}
.woocommerce .woocommerce-tabs ul.wc-tabs li a{display:block;}
}
.woocommerce .woocommerce-tabs ul.wc-tabs li a{padding:0 28px;font-size:18px;line-height:42px;border:2px solid #e8ebf0;border-radius:5px !important;color:var(--secondary-color);font-weight:400 !important;position:relative;background-color:#fff;text-transform:uppercase;z-index:1;background-color:transparent !important;}
.woocommerce .woocommerce-tabs ul.wc-tabs li.active > a, .woocommerce .woocommerce-tabs ul.wc-tabs li a:hover{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th{font-weight:600 !important;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description{line-height:1.875;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong{font-size:30px;font-weight:700;color:var(--secondary-color);}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p{font-size:16px;font-weight:400;line-height:32px;color:#70747f;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel p:last-child{margin-bottom:0;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel > h2{display:none;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.panel{padding-top:32px;margin-bottom:0;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes{border:1px solid #dee2e6;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td{border-bottom:1px solid #dee2e6;font-family:inherit;color:#152136;font-weight:normal;font-style:normal;padding:10px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td{border-left:1px solid #dee2e6;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews{margin-bottom:25px !important;}
.woocommerce .woocommerce-tabs .tab-product-feature-list{font-size:18px;line-height:34px;}
.woocommerce .woocommerce-tabs .tab-product-feature-list .col-xl-4{font-weight:600;}
.woocommerce .woocommerce-tabs .tab-product-feature-list .line-gap{margin:0;width:100%;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating{margin-bottom:15px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label{margin-bottom:10px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a{color:#999;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a{color:#efb343;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label{margin-bottom:8px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title{font-size:24px;margin-bottom:12px;text-transform:capitalize;color:var(--secondary-color);}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select{display:none;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment{height:140px;min-height:140px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit{padding:0 50px;margin-top:20px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews{display:flex;flex-wrap:wrap;margin:0 -15px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments{width:50%;padding:0 15px;}
@media screen and (max-width:767px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments{width:100%;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper{width:50%;padding:0 15px;}
@media screen and (max-width:767px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper{width:100%;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist{padding:10px 0 0;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review{position:relative;margin-bottom:30px;padding:30px;border:1px solid #f2f2f2;}
@media screen and (max-width:1199px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review{padding:20px 15px 20px 20px;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap{position:absolute;right:0;top:0;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating{display:none;}
@media screen and (max-width:991px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap{position:static;margin-bottom:8px;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container{position:relative;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar{padding:0;width:80px;-webkit-border-radius:80px;-khtml-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px;-webkit-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-moz-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-ms-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-o-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);}
@media screen and (max-width:575px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar{width:40px;border:none;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text{border:none;margin:0;padding:0 0 0 100px;}
@media screen and (max-width:767px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating{float:none;margin-bottom:10px;}
}
@media screen and (max-width:575px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text{padding-left:60px;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate{display:none;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list{margin-top:30px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta{margin:0 0 8px;font-size:16px;}
@media screen and (max-width:575px){
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta{display:block;}
}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date{display:block;font-size:13px;font-weight:600;color:var(--primary-color);line-height:22px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author{color:#222;display:block;line-height:1;margin-bottom:4px;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash{display:none;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p{margin:0;}
.woocommerce .woocommerce-product-inner{background-color:#fff;overflow:hidden;position:relative;z-index:1;box-shadow:rgba(99, 99, 99, 0.04) 0px 2px 21px 8px;}
.woocommerce .woocommerce-product-inner .price .woocommerce-Price-amount{color:var(--primary-color) !important;}
.woocommerce .woocommerce-product-inner .woocommerce-product-header{position:relative;overflow:hidden;}
.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details{position:relative;overflow:hidden;}
.woocommerce .woocommerce-product-inner .woocommerce-product-header img{-webkit-transition:300ms all ease 0ms;-khtml-transition:300ms all ease 0ms;-moz-transition:300ms all ease 0ms;-ms-transition:300ms all ease 0ms;-o-transition:300ms all ease 0ms;transition:300ms all ease 0ms;}
.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);z-index:4;display:flex;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta > div{margin:0 4px;width:40px;height:40px;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);opacity:0;-webkit-transform:translateY(20px);-khtml-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button{border-radius:0;width:40px;height:40px;line-height:40px;border-radius:5px;background-color:#e9ebf0;display:block;position:relative;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);padding:0;font-size:0px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:before{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%);color:#1d2122;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);font-family:Caseicon;font-size:18px;font-weight:500;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added{display:none;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.add_to_cart_button:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.add_to_cart_button:before{content:"\f145";font-size:16px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.product_type_variable:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.product_type_variable:before{content:"\f122";font-size:17px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.added_to_cart:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.added_to_cart:before{content:"\f11e";font-size:16px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.woosw-btn:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.woosw-btn:before{content:"\f12f";}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.woosq-btn:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.woosq-btn:before{content:"\f101";}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading{opacity:1;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading:before{opacity:0;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a.loading:after, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button.loading:after{content:'';width:16px;height:16px;-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border-color:transparent #000 transparent #000;border-width:1px;border-style:solid;position:absolute;top:50%;left:40%;transform:translate(-50%);margin:auto;animation:pxl_spin_reverse 0.6s linear infinite;-webkit-animation:pxl_spin_reverse 0.6s infinite linear;box-sizing:border-box;z-index:2;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover{background-color:var(--regular-color);}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover:before, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover:before{color:#fff;}
.woocommerce .woocommerce-product-inner .woocommerce-product-meta a:hover.loading:after, .woocommerce .woocommerce-product-inner .woocommerce-product-meta button:hover.loading:after{border-color:transparent #fff transparent #fff;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content{padding:0px 20px 25px 20px;text-align:center;position:relative;z-index:2;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .star-rating{font-size:14px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .count-rating{display:none;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--rating .star-rating{text-align:center;position:relative;z-index:2;background-color:#fff;margin:10px 0 0;display:inline-block;padding-bottom:16px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a{margin:0;line-height:44px;height:44px;padding:0 28px;-webkit-border-radius:44px;-khtml-border-radius:44px;-moz-border-radius:44px;-ms-border-radius:44px;-o-border-radius:44px;border-radius:44px;display:inline-flex;overflow:hidden;background-color:var(--primary-color);}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:before{background-color:;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:after{animation:pxl_spin_reverse 1s linear infinite;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:hover, .woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a:focus{background-color:var(--secondary-color);}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a i{margin-left:6px;font-size:16px;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.added{display:none;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading{opacity:1;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading i{-webkit-transform:translateX(100px);-khtml-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.loading:after{right:28px;top:0;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;transition-delay:0.8s;}
.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-add-to-cart a.wc-forward:after{content:"\f10e";font-family:Flaticon;margin-left:6px;}
.woocommerce .woocommerce-product-inner .woocommerce-product--rating .star-rating{font-size:12px;height:14px;color:#fab319;}
.woocommerce .woocommerce-product-inner del{color:#cfcfcf;font-weight:700 !important;}
.woocommerce .woocommerce-product-inner del .amount{font-weight:500;color:#cfcfcf;}
.woocommerce .woocommerce-product-inner ins, .woocommerce .woocommerce-product-inner .price{-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;color:var(--primary-color);font-weight:700 !important;}
.woocommerce .woocommerce-product-inner ins .amount, .woocommerce .woocommerce-product-inner .price .amount{font-weight:700;color:var(--primary-color) !important;}
.woocommerce .woocommerce-product-inner ins span, .woocommerce .woocommerce-product-inner .price span{color:var(--primary-color) !important;}
.woocommerce .woocommerce-product-inner .woocommerce-product--title{padding:0px !important;font-size:22px;font-weight:700;margin:0px 0 10px 0;}
.woocommerce .woocommerce-product-inner .woocommerce-product--title a{color:var(--secondary-color);}
.woocommerce .woocommerce-product-inner .woocommerce-product--title a:hover{color:var(--primary-color);}
.woocommerce .woocommerce-product-inner .woocommerce-product-attr{margin-bottom:12px;}
.woocommerce .woocommerce-product-inner .woocommerce-product-attr img{width:auto !important;margin:0 !important;}
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-content .woocommerce-add-to-cart, .woocommerce .woocommerce-product-inner.cart-added .woocommerce-product-content .woocommerce-add-to-cart{bottom:-22px;opacity:1;visibility:visible;}
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-meta > div{opacity:1;-webkit-transform:translateX(0px);-khtml-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
.woocommerce .woocommerce-product-inner:hover .woocommerce-product-content .price{opacity:0;}
.woocommerce .pxl-shop-topbar-wrap{align-items:center;min-height:62px;margin-bottom:30px;}
.woocommerce .pxl-shop-topbar-wrap .pxl-view-layout-wrap{order:3;}
.woocommerce .pxl-shop-topbar-wrap .order-md-2{order:2;}
.woocommerce #content{padding:130px 0 207px;}
.woocommerce ins{background-color:transparent;color:var(--primary-color) !important;}
.woocommerce ins span{color:var(--primary-color);}
.woocommerce .content-row #secondary.widget-has-sidebar:before{display:none;}
.woocommerce .pxl-sidebar-area .widget{padding:30px;border:1px solid #e9ebf0;margin-bottom:30px !important;}
@media(max-width:1200px) and (min-width:991px){
.woocommerce .pxl-sidebar-area .widget{padding:30px 20px;}
}
.woocommerce .pxl-sidebar-area .widget:last-child{margin-bottom:0;}
.woocommerce .pxl-sidebar-area .widget-title, .woocommerce .pxl-sidebar-area .comment-reply-title, .woocommerce .pxl-sidebar-area .comments-title{color:var(--secondary-color);font-weight:700;font-size:24px;margin-bottom:6px;position:relative;}
.woocommerce .pxl-sidebar-area .widget_product_categories .price .woocommerce-Price-amount{color:var(--primary-color) !important;}
.woocommerce .pxl-sidebar-area .widget_product_categories li{padding:0 13px 7px 15px;}
.woocommerce .pxl-sidebar-area .widget_product_categories li:last-child{margin-bottom:0;border:none;padding-bottom:0;}
.woocommerce .pxl-sidebar-area .widget_product_categories .widget-title{margin-bottom:15px;}
.woocommerce .pxl-sidebar-area .widget_product_categories .count{position:absolute;right:0px;top:50%;transform:translateY(-50%);}
.woocommerce .pxl-sidebar-area .widget_product_categories li{position:relative;}
.woocommerce .pxl-sidebar-area .widget_product_categories li a{padding-bottom:6px;font-weight:400;position:relative;font-size:16px;color:#70747f;}
.woocommerce .pxl-sidebar-area .widget_product_categories li a:before{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;font-weight:bold;left:-15px;margin-right:0;content:"+";-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;}
.woocommerce .pxl-sidebar-area .widget_product_categories li a:hover{color:var(--primary-color);}
.woocommerce .pxl-sidebar-area .widget_product_categories li a:hover:before{color:var(--primary-color);}
.woocommerce .pxl-sidebar-area .widget_product_search{padding:0 !important;border:1px solid #e9ebf0;border-radius:5px;}
.woocommerce .pxl-sidebar-area .widget_product_search button{padding:0;width:45px;height:45px;text-indent:-9999px;position:absolute;top:7px;right:7px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;opacity:1;z-index:3;color:#fff;font-size:15px;background-color:var(--primary-color);background-image:none;}
.woocommerce .pxl-sidebar-area .widget_product_search button:after{content:"\f12c";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:Caseicon;text-indent:0px;font-weight:400;color:#fff;}
.woocommerce .pxl-sidebar-area .widget_product_search button:hover{color:#fff;background-color:var(--secondary-color);}
.woocommerce .pxl-sidebar-area .widget_product_search .search-field{border:none !important;color:var(--secondary-color);font-size:18px;font-weight:500;height:60px;}
.woocommerce .pxl-sidebar-area .widget_product_search .search-field:focus{border-color:var(--primary-color);}
.woocommerce .pxl-sidebar-area .widget_product_search .search-field:focus + button{border-color:var(--primary-color);}
.woocommerce .pxl-sidebar-area .widget_product_search .woocommerce-product-search{position:relative;}
.woocommerce .pxl-sidebar-area .widget_product_search .woocommerce-product-search:after{content:'';z-index:1;height:60px;width:60px;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;}
.single-product .woocommerce-social-share{padding-top:18px;}
.single-product .woocommerce-social-share label{color:#222;font-weight:600;margin-right:10px;}
.single-product .woocommerce-social-share a{color:#6a6a6a;font-size:14px;margin-right:6px;}
.single-product .woocommerce-social-share a:hover{color:var(--primary-color);}
.single-product .woocommerce-summary-wrap{margin:0 -25px;}
.single-product .woocommerce-summary-wrap > .col-xl-6{padding:0 25px;}
.single-product #shop-breadcrumb{padding-bottom:46px;}
.single-product #shop-newsletter{margin-top:30px;}
.single-product .woocommerce-sg-product-price{padding-top:10px;margin-bottom:25px;}
.single-product section.related{padding-top:122px;margin-top:120px;position:relative;}
@media screen and (max-width: 991px) and (min-width: 767px) {
.single-product section.related{margin:60px -15px 0 -15px;padding-top:60px;}
}
@media screen and (max-width:767px){
.single-product section.related{margin-top:60px;padding-top:60px;}
}
.single-product section.related:before{position:absolute;content:'';width:100000px;top:0;left:-40000px;height:1px;background-color:#e9ebf0;}
.single-product section.related h2{font-size:42px;font-weight:700;margin-bottom:-8px;position:relative;text-align:center;text-transform:capitalize;color:var(--secondary-color);}
@media(max-width:575px){
.single-product section.related h2{font-size:30px;}
}
.single-product section.related ul.products{margin-bottom:0;}
.single-product section.related ul.products li.product{margin-bottom:0 !important;margin-top:60px;}
.single-product .pxl-content-area div.product .entry-summary{width:100% !important;margin-bottom:80px;}
@media screen and (min-width:768px){
.single-product .pxl-content-area div.product .entry-summary{position:sticky;top:150px;}
}
.single-product .pxl-content-area div.product .woocommerce-product-gallery{width:100% !important;margin-bottom:80px;}
@media screen and (max-width:991px){
.single-product .pxl-content-area div.product .woocommerce-product-gallery{margin-bottom:30px;}
}
.single-product .pxl-content-area div.product .woocommerce-product-details__short-description p:last-child, .single-product > div.product .woocommerce-product-details__short-description p:last-child{margin-bottom:0;}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature, .single-product > div.product .woocommerce-sg-product-feature{margin-bottom:71px;list-style:none;}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li, .single-product > div.product .woocommerce-sg-product-feature li{display:flex;flex-wrap:nowrap;}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li i, .single-product > div.product .woocommerce-sg-product-feature li i{margin-right:8px;margin-top:6px;color:var(--primary-color);}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li p:last-child, .single-product > div.product .woocommerce-sg-product-feature li p:last-child{margin-bottom:0;}
.single-product .pxl-content-area div.product .woocommerce-sg-product-feature li + li, .single-product > div.product .woocommerce-sg-product-feature li + li{margin-top:10px;}
.single-product .pxl-content-area div.product form.cart, .single-product > div.product form.cart{margin-bottom:20px;}
.single-product .pxl-content-area div.product form.cart label, .single-product > div.product form.cart label{font-size:20px;margin-bottom:0;font-weight:700;color:#0b1460;font-family:'Quicksand', sans-serif;}
.single-product .pxl-content-area div.product form.cart .reset_variations, .single-product > div.product form.cart .reset_variations{font-weight:700;color:#191919;font-size:16px;margin-top:6px;display:none;visibility:visible !important;}
.single-product .pxl-content-area div.product form.cart .reset_variations:hover, .single-product > div.product form.cart .reset_variations:hover{color:var(--primary-color);}
.single-product .pxl-content-area div.product form.cart .variations tr, .single-product > div.product form.cart .variations tr{display:flex;align-items:center;padding:14px 0 11px 0;}
.single-product .pxl-content-area div.product form.cart .variations td.label, .single-product > div.product form.cart .variations td.label{padding:0;}
.single-product .pxl-content-area div.product form.cart .variations td.label span, .single-product > div.product form.cart .variations td.label span{display:none;}
.single-product .pxl-content-area div.product form.cart .variations td.woo-variation-items-wrapper, .single-product > div.product form.cart .variations td.woo-variation-items-wrapper{padding:0;}
.single-product .pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item, .single-product > div.product form.cart .button-variable-wrapper .button-variable-item{border-radius:3px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.12);background-color:#f9f9f9;}
.single-product .pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button, .single-product > div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button{font-size:15px;line-height:26px;padding:0 8px;color:#383838;}
.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item, .single-product > div.product form.cart .color-variable-wrapper .color-variable-item{-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;opacity:1;}
.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color, .single-product > div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color{-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
.single-product .pxl-content-area div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color:after, .single-product > div.product form.cart .color-variable-wrapper .color-variable-item .variable-item-span-color:after{display:none;}
.single-product .pxl-content-area div.product form.cart.variations_form .woocommerce-variation-add-to-cart, .single-product > div.product form.cart.variations_form .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;align-items:center;}
.single-product .pxl-content-area div.product form.cart.variations_form .woocommerce-variation-price, .single-product > div.product form.cart.variations_form .woocommerce-variation-price{margin:10px 0 24px;}
.single-product .pxl-content-area div.product form.cart.variations_form button.single_add_to_cart_button, .single-product > div.product form.cart.variations_form button.single_add_to_cart_button{background-color:var(--primary-color);}
.single-product .pxl-content-area div.product form.cart:not(.variations_form), .single-product > div.product form.cart:not(.variations_form), .single-product .pxl-content-area div.product form.cart:not(.grouped_form), .single-product > div.product form.cart:not(.grouped_form){display:inline-flex;margin:0 0 20px;align-items:center;flex-wrap:wrap;}
.single-product .pxl-content-area div.product form.cart .woocommerce-grouped-product-list td, .single-product > div.product form.cart .woocommerce-grouped-product-list td{vertical-align:middle;}
.single-product .pxl-content-area div.product .woocommerce-gallery span.onsale, .single-product > div.product .woocommerce-gallery span.onsale{display:none;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav, .single-product > div.product .woocommerce-product-gallery .flex-control-nav{margin-top:8px;margin-left:-13px;margin-right:-15px;display:flex;flex-wrap:wrap;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li, .single-product > div.product .woocommerce-product-gallery .flex-control-nav li{margin:4px 15px;flex-grow:1;margin-top:20px;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav img, .single-product > div.product .woocommerce-product-gallery .flex-control-nav img{opacity:1;-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav img.flex-active, .single-product > div.product .woocommerce-product-gallery .flex-control-nav img.flex-active{-webkit-box-shadow:0 0 0 2px var(--primary-color);-khtml-box-shadow:0 0 0 2px var(--primary-color);-moz-box-shadow:0 0 0 2px var(--primary-color);-ms-box-shadow:0 0 0 2px var(--primary-color);-o-box-shadow:0 0 0 2px var(--primary-color);box-shadow:0 0 0 2px var(--primary-color);}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a{position:relative;display:block;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:before{content:'';background-color:rgba(0, 1, 0, );position:absolute;top:0;right:0;width:100%;height:100%;display:block;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;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after{content:"\f06e";font-family:"Font Awesome 5 Pro";font-size:16px;height:40px;width:40px;line-height:40px;-webkit-border-radius:40px;-khtml-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;background-color:#fff;text-align:center;color:var(--primary-color);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%);left:0;right:0;margin:auto;-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;opacity:0;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before{opacity:0.8;}
.single-product .pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after, .single-product > div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after{opacity:1;}
@media screen and (max-width:1199px){
.single-product .pxl-content-area div.product .entry-summary, .single-product > div.product .entry-summary{padding-top:0;}
}
.single-product .pxl-content-area div.product .entry-summary > .woosc-btn, .single-product > div.product .entry-summary > .woosc-btn{display:none !important;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button, .single-product > div.product .entry-summary .woocommerce-sg-product-button{display:flex;flex-wrap:wrap;align-items:center;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button a, .single-product > div.product .entry-summary .woocommerce-sg-product-button a, .single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button button, .single-product > div.product .entry-summary .woocommerce-sg-product-button button{line-height:40px;font-size:14px;padding:0 20px;border-radius:5px;margin-bottom:20px;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;display:inline-flex;align-items:center;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button a.woosw-btn:before, .single-product > div.product .entry-summary .woocommerce-sg-product-button a.woosw-btn:before, .single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-button button.woosw-btn:before, .single-product > div.product .entry-summary .woocommerce-sg-product-button button.woosw-btn:before{content:"\f11a";font-family:Bravisicon;margin-right:4px;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating, .single-product > div.product .entry-summary .woocommerce-product-rating{margin-bottom:8px;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link, .single-product > div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link{color:var(--secondary-color);}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover, .single-product > div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover{color:var(--primary-color);}
.single-product .pxl-content-area div.product .entry-summary .entry-title, .single-product > div.product .entry-summary .entry-title{display:none;font-size:40px;margin-top:10px;margin-bottom:14px;}
.single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price{font-size:32px;line-height:1;color:var(--secondary-color);}
.single-product .pxl-content-area div.product .entry-summary .price ins, .single-product > div.product .entry-summary .price ins{margin-right:22px;color:var(--primary-color) !important;text-decoration:none;font-weight:700 !important;}
.single-product .pxl-content-area div.product .entry-summary .price del, .single-product > div.product .entry-summary .price del{color:var(--secondary-color);font-weight:700 !important;}
.single-product .pxl-content-area div.product .entry-summary .price del .amount, .single-product > div.product .entry-summary .price del .amount{color:var(--secondary-color);}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt, .single-product > div.product .entry-summary .woocommerce-sg-product-excerpt{font-size:16px;line-height:24px;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description, .single-product > div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description{margin-bottom:16px;}
.single-product .pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description p, .single-product > div.product .entry-summary .woocommerce-sg-product-excerpt .woocommerce-product-details__short-description p{font-size:16px;font-weight:400;color:#70747f;line-height:32px;}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button, .single-product > div.product .entry-summary .single_add_to_cart_button{clear:left;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;display:flex;font-weight:700;margin-right:15px;}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading, .single-product > div.product .entry-summary .single_add_to_cart_button.loading{padding-right:42px;}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading:after, .single-product > div.product .entry-summary .single_add_to_cart_button.loading:after{top:0;right:14px;}
.single-product .pxl-content-area div.product .entry-summary .single_add_to_cart_button.added:after, .single-product > div.product .entry-summary .single_add_to_cart_button.added:after{display:none;}
.single-product .pxl-content-area div.product .woocommerce-tabs .single-lp-list, .single-product > div.product .woocommerce-tabs .single-lp-list{margin-top:30px;}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs, .single-product > div.product .woocommerce-tabs ul.wc-tabs{overflow:visible;padding:0 0 0px;margin-bottom:0;margin-bottom:50px;text-align:center;position:relative;z-index:1;}
@media screen and (max-width:575px){
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs, .single-product > div.product .woocommerce-tabs ul.wc-tabs{border:none;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:before, .single-product > div.product .woocommerce-tabs ul.wc-tabs:before, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:after, .single-product > div.product .woocommerce-tabs ul.wc-tabs:after{display:none !important;}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li, .single-product > div.product .woocommerce-tabs ul.wc-tabs li{margin:20px 8px 0 8px !important;padding:0 !important;border:none;background-color:transparent !important;position:relative;z-index:99;font-weight:700;}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:before, .single-product > div.product .woocommerce-tabs ul.wc-tabs li:before, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:after, .single-product > div.product .woocommerce-tabs ul.wc-tabs li:after{display:none !important;}
@media screen and (max-width:575px){
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li, .single-product > div.product .woocommerce-tabs ul.wc-tabs li{display:block;padding:0;margin-left:0;margin-right:0;margin-bottom:0;}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a{display:block;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a{padding:0 28px;font-size:18px;line-height:42px;-webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:var(--secondary-color);font-weight:700 !important;position:relative;background-color:#fff;z-index:1;background-color:#f4f4f4;}
.single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li.active > a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li.active > a, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a:hover, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a:hover{color:#fff !important;background-color:var(--primary-color) !important;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th{font-weight:600 !important;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description{line-height:1.875;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong{font-size:30px;font-weight:700;color:var(--secondary-color);}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p{font-size:16px;font-weight:400;line-height:32px;color:;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child{margin-bottom:0;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2{display:none;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel{padding-top:10px;margin-bottom:30px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes{border:1px solid #dee2e6;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td{border-bottom:none !important;font-family:inherit;color:#152136;font-weight:normal;font-style:normal;padding:10px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td{border-left:1px solid #dee2e6;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews{margin-bottom:25px !important;}
.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list, .single-product > div.product .woocommerce-tabs .tab-product-feature-list{font-size:18px;line-height:34px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4, .single-product > div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4{font-weight:600;}
.single-product .pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .line-gap, .single-product > div.product .woocommerce-tabs .tab-product-feature-list .line-gap{margin:0;width:100%;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating{margin-bottom:15px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating label{margin-bottom:10px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating a{color:#999;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars:hover a, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-rating .stars.selected a{color:#efb343;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label{margin-bottom:8px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title{font-size:24px;margin-bottom:12px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select{display:none;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form #comment{height:140px;min-height:140px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .form-submit .submit{padding:0 50px;margin-top:20px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews{display:flex;flex-wrap:wrap;margin:0 -15px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments{width:50%;padding:0 15px;}
@media screen and (max-width:767px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #comments{width:100%;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper{width:50%;padding:0 15px;}
@media screen and (max-width:767px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews #review_form_wrapper{width:100%;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist{padding:10px 0 0;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review{position:relative;margin-bottom:30px;padding:30px;border:1px solid #f2f2f2;}
@media screen and (max-width:1199px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review{padding:20px 15px 20px 20px;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap{position:absolute;right:0;top:0;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating{display:none;}
@media screen and (max-width:991px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap{position:static;margin-bottom:8px;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container{position:relative;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar{padding:0;width:80px;-webkit-border-radius:80px;-khtml-border-radius:80px;-moz-border-radius:80px;-ms-border-radius:80px;-o-border-radius:80px;border-radius:80px;-webkit-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-moz-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-ms-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);-o-box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);box-shadow:0 5px 8px rgba(0, 0, 0, 0.08);}
@media screen and (max-width:575px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar{width:40px;border:none;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text{border:none;margin:0;padding:0 0 0 100px;}
@media screen and (max-width:767px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating{float:none;margin-bottom:10px;}
}
@media screen and (max-width:575px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text{padding-left:60px;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .course-rate{display:none;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .single-lp-list{margin-top:30px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta{margin:0 0 8px;font-size:16px;}
@media screen and (max-width:575px){
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta{display:block;}
}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date{display:block;font-size:13px;font-weight:600;color:var(--primary-color);line-height:22px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author{color:var(--secondary-color);display:block;font-size:18px;font-weight:700 !important;line-height:1;margin-bottom:4px;margin-top:20px;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash{display:none;}
.single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p{margin:0;}
.single-product .pxl-content-area div.product .quantity, .single-product > div.product .quantity{margin-right:20px !important;border-radius:5px;}
.single-product .pxl-content-area div.product .product_meta, .single-product > div.product .product_meta{display:flex;flex-wrap:wrap;color:inherit;}
.single-product .pxl-content-area div.product .product_meta > span, .single-product > div.product .product_meta > span{display:block;width:100%;color:var(--secondary-color);font-weight:700;font-size:18px;}
.single-product .pxl-content-area div.product .product_meta > span + span, .single-product > div.product .product_meta > span + span{margin-top:5px;}
.single-product .pxl-content-area div.product .product_meta > span span, .single-product > div.product .product_meta > span span, .single-product .pxl-content-area div.product .product_meta > span a, .single-product > div.product .product_meta > span a{font-weight:400;}
.single-product .pxl-content-area div.product .product_meta a, .single-product > div.product .product_meta a{color:#70747f;font-weight:400;font-size:16px;}
.single-product .pxl-content-area div.product .product_meta a:hover, .single-product > div.product .product_meta a:hover{color:var(--primary-color);}
@media screen and (min-width:768px){
.single-product.header-sticky .pxl-content-area div.product .entry-summary{top:120px;}
.single-product.header-sticky.admin-bar .pxl-content-area div.product .entry-summary{top:150px;}
}
.single-product .quantity{margin-right:10px;border-radius:5px;}
@media(max-width:991px) and (min-width:767px){
.single-product span.onsale{right:30px !important;}
}
.single-product .single_add_to_cart_button{font-size:18px;font-weight:700;line-height:40px;border-radius:5px;line-height:51px !important;padding:5px 31px;text-transform:capitalize;background-color:var(--primary-color) !important;}
.single-product .single_add_to_cart_button:hover{background-color:var(--secondary-color) !important;}
.woocommerce-shop .entry-title{display:block !important;}
.woocommerce .product{margin-bottom:30px !important;}
.widget_products ins .amount{font-weight:700 !important;color:var(--primary-color) !important;}
.widget_products ul li{display:flex;flex-wrap:nowrap;align-items:center;position:relative;padding-top:18px !important;margin-bottom:15px;min-height:80px;}
.widget_products ul li:not(:last-child){border-bottom:1px solid #eeeff1;padding-bottom:18px !important;}
.widget_products ul li .product-title{margin-top:0px;margin-bottom:0;}
.widget_products ul li .product-title a{font-size:16px;color:var(--secondary-color);font-weight:700;line-height:1.25;margin-top:4px;margin-bottom:6px;}
.widget_products ul li .product-title a:hover{color:var(--primary-color);}
.widget_products ul li .wg-product-image{margin-right:15px;width:68px;min-width:68px;}
.widget_products ul li .wg-product-image img{margin:0;top:0;left:0;position:static;width:100%;}
body.woocommerce-cart .cart-empty.woocommerce-info{padding:112px 0 0;background-color:transparent;border:none;text-align:center !important;color:#222;}
body.woocommerce-cart .cart-empty.woocommerce-info:before{content:"\f145";font-family:Caseicon;width:100px;height:100px;border-radius:100px;background-color:#f8f8f8;line-height:100px;font-size:30px;left:50%;top:0;transform:translate(-50%, 0);}
body.woocommerce-cart .woocommerce{display:flex;margin:0 -15px;flex-wrap:wrap;}
body.woocommerce-cart .woocommerce .woocommerce-cart-form{flex-grow:1;padding:0 15px;}
body.woocommerce-cart .woocommerce .cart-collaterals{width:100%;max-width:370px;padding:0 15px;}
body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals{width:100%;}
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper{display:flex;flex-wrap:wrap;width:100%;padding:0 15px;}
body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-message, body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper .woocommerce-info{width:100%;}
body.woocommerce-cart .woocommerce .cart-empty.woocommerce-info{width:100%;text-align:left;}
body.woocommerce-cart .woocommerce .return-to-shop{width:100%;}
body.woocommerce-cart .woocommerce-cart-form .actions .button{padding:0 20px !important;}
body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .input-text{width:180px !important;height:55px;padding:0 22px;font-size:15px;border-color:#ececec;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
body.woocommerce-cart .woocommerce-cart-form table.cart td.actions button{color:#fff;}
body.woocommerce-cart .woocommerce-cart-form .shop_table{border:none;}
body.woocommerce-cart .woocommerce-cart-form .shop_table thead th{font-size:15px;font-weight:700;color:var(--secondary-color);padding:10px;border-top:none;border-left:none;border-right:none;border-bottom:3px solid var(--primary-color);}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td{text-align:left;border-left:none;border-right:none;border-top:none;border-bottom:1px solid rgba(0, 0, 0, .1);}
body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions{border-bottom:none;padding-left:0;padding-right:0;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name a{color:#152136;font-size:16px;font-weight:600;font-weight:500;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name a:hover{color:var(--primary-color);}
body.woocommerce-cart .woocommerce-cart-form tbody .product-name dl.variation{display:none;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price, body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal{color:#152136;font-size:16px;font-weight:600;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins, body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins{color:var(--primary-color) !important;background-color:transparent;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-price ins span, body.woocommerce-cart .woocommerce-cart-form tbody .product-subtotal ins span{color:var(--primary-color);}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail{text-align:center !important;min-width:120px;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a{display:block;}
body.woocommerce-cart .woocommerce-cart-form tbody .product-thumbnail a img{width:100%;max-width:80px;}
body.woocommerce-cart .woocommerce-cart-form table.shop_table{margin-bottom:40px;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
@media screen and (max-width:769px){
body.woocommerce-cart .woocommerce-cart-form table.shop_table td{background-color:#fff !important;}
}
body.woocommerce-cart .cart-collaterals .cart_totals{background-color:#fff;padding:40px 50px;-webkit-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-moz-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-ms-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-o-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:33.33%;}
@media screen and (max-width:991px){
body.woocommerce-cart .cart-collaterals .cart_totals{width:50%;padding-left:40px;padding-right:40px;}
}
@media screen and (max-width:991px){
body.woocommerce-cart .cart-collaterals .cart_totals{padding:30px;width:100%;}
}
body.woocommerce-cart .cart-collaterals .cart_totals > h2{font-size:24px;border-bottom:1px solid rgba(96, 101, 104, 0.15);margin-bottom:20px;padding-bottom:14px;text-transform:capitalize;color:var(--secondary-color);font-weight:500 !important;}
body.woocommerce-cart .cart-collaterals .cart_totals th{vertical-align:middle !important;border:none !important;color:inherit;font-weight:normal;padding:12px 10px 12px 0px;}
body.woocommerce-cart .cart-collaterals .cart_totals th + td{border-left:1px solid #ebebeb;}
body.woocommerce-cart .cart-collaterals .cart_totals td{border:none !important;padding:12px 10px;text-align:right;}
body.woocommerce-cart .cart-collaterals .cart_totals strong{font-weight:600;}
body.woocommerce-cart .cart-collaterals .cart_totals .order-total th, body.woocommerce-cart .cart-collaterals .cart_totals .order-total td{color:#222;font-weight:600;}
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table{border:none;}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator p{margin-bottom:0;}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button{color:var(--primary-color);}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:after{position:relative;top:1px;}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:hover{color:var(--primary-color);}
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form{padding-top:10px;}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout{padding-bottom:0;}
body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button{margin-bottom:0;padding-top:0;padding-bottom:0;width:100%;}
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout{text-align:right;}
.woocommerce-checkout .form-row > label{font-size:20px;margin-bottom:18px;text-transform:capitalize;color:var(--secondary-color);line-height:1 !important;}
.woocommerce-checkout form.checkout_coupon{border:1px solid #eee;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;background-color:#f7f8fa;}
.woocommerce-checkout form.checkout_coupon .form-row-first{width:50%;padding-right:30px;}
.woocommerce-checkout form.checkout_coupon .form-row-last{width:50%;}
.woocommerce-checkout #add_payment_method #payment, .woocommerce-checkout #payment{-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
.woocommerce-checkout #customer_details{padding:0 15px;width:50%;}
@media screen and (max-width:767px){
.woocommerce-checkout #customer_details{width:100%;}
}
.woocommerce-checkout #customer_details > div{float:none;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;padding:0;}
.woocommerce-checkout #customer_details span.woocommerce-input-wrapper{width:100%;display:block;}
.woocommerce-checkout #customer_details .woocommerce-billing-fields{margin-bottom:36px;}
.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3{font-size:24px;margin-bottom:18px;text-transform:capitalize;color:var(--secondary-color);}
.woocommerce-checkout #customer_details .woocommerce-additional-fields{margin-bottom:36px;}
.woocommerce-checkout #customer_details .woocommerce-additional-fields > h3{font-size:24px;margin-bottom:18px;text-transform:capitalize;color:var(--secondary-color);}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address{font-size:24px;cursor:pointer;-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;}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address:hover{color:var(--primary-color);}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox{position:absolute;opacity:0;}
.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label span:after{content:"\f01a";font-family:"Font Awesome 5 Pro";margin-left:14px;font-weight:normal;}
.woocommerce-checkout #customer_details #billing_country_field label, .woocommerce-checkout #customer_details #shipping_country_field label, .woocommerce-checkout #customer_details #billing_address_1_field label, .woocommerce-checkout #customer_details #shipping_address_1_field label, .woocommerce-checkout #customer_details #order_comments_field label{display:none !important;}
.woocommerce-checkout #customer_details #billing_country_field textarea, .woocommerce-checkout #customer_details #shipping_country_field textarea, .woocommerce-checkout #customer_details #billing_address_1_field textarea, .woocommerce-checkout #customer_details #shipping_address_1_field textarea, .woocommerce-checkout #customer_details #order_comments_field textarea{padding:18px 30px;}
.woocommerce-checkout form.woocommerce-checkout{display:flex;flex-wrap:wrap;margin:0 -15px;}
@media screen and (max-width:991px){
.woocommerce-checkout form.woocommerce-checkout .about_paypal{display:none;}
}
.woocommerce-checkout form.woocommerce-checkout #order_review_heading{font-size:24px;font-weight:400;color:var(--secondary-color) !important;margin-bottom:18px;text-transform:capitalize;}
.woocommerce-checkout form.woocommerce-checkout .ct-checkout-order-review{width:50%;padding:0 15px;}
@media screen and (max-width:767px){
.woocommerce-checkout form.woocommerce-checkout .ct-checkout-order-review{width:100%;}
}
.woocommerce-checkout form.woocommerce-checkout #order_review th{font-weight:500;vertical-align:middle !important;}
.woocommerce-checkout form.woocommerce-checkout #order_review th + td{border-left:1px solid #ebebeb;}
.woocommerce-checkout form.woocommerce-checkout #order_review .product-total{border-left:1px solid #ebebeb;}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table{margin-bottom:60px;border-right:none;border-top:none;}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th{font-weight:700;}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td{border-left:none;font-size:16px;font-weight:400;color:var(--secondary-color) !important;}
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td.product-total, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td{font-size:14px;font-weight:700;color:var(--primary-color);}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment{background-color:#fff;border:none;-webkit-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-moz-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-ms-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);-o-box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .about_paypal{margin-left:10px;}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_method + .wc_payment_method{margin-top:12px;}
@media screen and (max-width:991px){
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_method input{margin-right:6px;}
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods{padding:30px;border:none;}
@media screen and (max-width:991px){
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods{padding-left:20px;padding-right:20px;}
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order{padding:30px;margin:0;position:relative;}
@media screen and (max-width:991px){
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order{padding-left:20px;padding-right:20px;}
}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment .place-order:before{content:'';position:absolute;top:0;left:30px;right:30px;height:1px;background-color:rgba(0, 0, 0, 0.1);display:block;}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order{float:none;margin-top:10px;}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box{background-color:#f8f8f8;}
.woocommerce-checkout form.woocommerce-checkout #order_review #payment div.payment_box:before{border-bottom-color:#f8f8f8;}
.woocommerce-checkout #payment label{font-size:16px;color:rgba(0, 0, 0, 0.87);font-weight:600;}
@media screen and (max-width:991px){
.woocommerce-checkout #payment label{font-size:15px;}
}
.woosw-list .woosw-content-item--title a, #woosw-area .woosw-content-item--title a{color:#191919;}
.woosw-list .woosw-content-item--title a:hover, #woosw-area .woosw-content-item--title a:hover{color:var(--primary-color);}
.woosw-list .woosw-content-item--price, #woosw-area .woosw-content-item--price{color:var(--primary-color);font-weight:600;font-size:15px;}
.woosw-list .woosw-content-item--add .add_to_cart_button.loading, #woosw-area .woosw-content-item--add .add_to_cart_button.loading{padding-right:36px !important;}
.woosw-list .woosw-content-item--add .add_to_cart_button.loading:after, #woosw-area .woosw-content-item--add .add_to_cart_button.loading:after{top:0px;right:16px;}
.widget_products .amount{font-size:14px;font-weight:700;text-decoration:none;color:var(--primary-color);}
.widget_products del{color:#cfcfcf;}
.widget_products del .amount{font-weight:500;color:#cfcfcf;}
.widget_products ins{color:var(--primary-color) !important;}
.widget_products ins .amount{font-weight:500;color:#70747f;}
.widget_products ins span{color:var(--primary-color);}
.widget_products .star-rating-wrap{display:none !important;}
.widget_products .wg-product-holder .star-rating{font-size:12px;height:14px;color:#fab319;}
.comment-text .star-rating-wrap{display:none !important;}
.comment-text .star-rating{font-size:12px;width:100%;height:14px;color:#fab319;}
.woosw-list .woosw-actions{display:none;}
.woosw-list td{border-top:1px solid #ececf0;padding:10px;border-right:1px solid #ececf0;}
.woosw-list .woosw-item--actions{width:22%;}
.woosw-list .woosw-item--name{color:var(--secondary-color);}
.woosw-list .woosw-content-mid-notice{text-align:center;color:#222;padding-top:112px;position:relative;}
.woosw-list .woosw-content-mid-notice:before{content:"\f12f";font-family:Caseicon;width:100px;height:100px;border-radius:100px;background-color:#f8f8f8;line-height:100px;font-size:30px;left:50%;top:0;transform:translate(-50%, 0);position:absolute;color:var(--primary-color);}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_inline{text-align:center;}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart{background-color:var(--primary-color);line-height:40px;padding:0 22px;font-size:14px;width:auto;min-width:auto;display:inline-block;color:#fff;font-weight:700;-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button:hover, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart:hover, .woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button:focus, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart:focus{background-color:var(--secondary-color);}
.woosw-list table.woosw-items .woosw-item .woosw-item--add .add_to_cart_button.added, .woosw-list table.woosw-items .woosw-item .woosw-item--add .added_to_cart.added{display:none;}
@media screen and (min-width:1200px){
.woosw-list .woosw-content-item--actions{width:22%;}
}
#woosw-area .woosw-content-item--add .button, #woosw-area .woosw-content-item--add .add_to_cart_button, #woosw-area .woosw-content-item--add .added_to_cart{line-height:40px;padding:0 18px;font-size:14px;width:auto;min-width:auto;display:inline-block;}
#woosw-area .woosw-content-item--add .button.added, #woosw-area .woosw-content-item--add .add_to_cart_button.added, #woosw-area .woosw-content-item--add .added_to_cart.added{display:none;}
#woosw-area .woosw-content-item--info, #woosw-area .woosw-content-item--actions{text-align:center;}
#woosw-area.woosw-area{background-color:rgba(192, 192, 192, 0.6);}
#woosw-area.woosw-area .woosw-content{-webkit-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-khtml-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-moz-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-ms-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-o-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);}
.summary .woocommerce-product-details__short-description{margin-bottom:16px;}
.summary .woocommerce-product-details__short-description p{font-size:16px;font-weight:400;color:#70747f;line-height:32px;}
.summary .woocommerce-product-rating .star-rating{font-size:12px;height:14px;color:#fab319;margin:10px 10px 0 0 !important;}
.summary .product_meta{display:grid;}
.summary .woosw-btn{font-size:0;position:relative;background-color:transparent;border:2px solid #eeeef4;border-radius:5px;margin-bottom:20px;line-height:47px !important;}
.summary .woosw-btn:before{position:absolute;content:"\f12f";font-family:Caseicon;font-size:20px;top:50%;color:#1b1d21;transform:translate(-50%, -50%);-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.summary .woosw-btn:hover, .summary .woosw-btn:focus{background-color:var(--primary-color);border-color:var(--primary-color);}
.summary .woosw-btn:hover:before, .summary .woosw-btn:focus:before{color:#fff;}
#woosq-popup .slick-dots li button:before{background-color:#666;}
#woosq-popup .slick-dots .slick-active button:before{background-color:var(--primary-color);}
#woosq-popup .images{display:flex;align-items:center;}
#woosq-popup .images .slick-list .slick-slide img{max-width:100%;}
#woosq-popup .entry-summary .entry-title{font-size:30px !important;color:var(--secondary-color);}
#woosq-popup .entry-summary .price{font-size:24px !important;font-weight:700;}
#woosq-popup .woocommerce .thumbnails .slick-arrow{background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:5px;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
#woosq-popup .woocommerce .thumbnails .slick-arrow:hover{background-color:var(--secondary-color);}
#woosq-popup .slick-slide img{width:100%;max-height:inherit;}
#woosq-popup .summary-content .product_meta{margin-bottom:30px;}
#woosq-popup .summary-content .woocommerce-product-details__short-description{margin-bottom:20px;}
#woosq-popup .summary-content .woocommerce-product-details__short-description p{color:#70747f;}
#woosq-popup .ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y{background-color:var(--primary-color);width:3px !important;-webkit-border-radius:3px !important;-khtml-border-radius:3px !important;-moz-border-radius:3px !important;-ms-border-radius:3px !important;-o-border-radius:3px !important;border-radius:3px !important;}
#woosq-popup .single_add_to_cart_button.loading{padding-right:38px;}
#woosq-popup .single_add_to_cart_button.loading:after{top:0;right:15px;}
#woosq-popup .quantity .input-text{border-radius:6px;margin-right:5px;width:60px;padding:0 10px;-moz-appearance:textfield;}
input{-moz-appearance:textfield;}
.woocommerce-message, .woocommerce-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;color:inherit;border-color:var(--primary-color);}
@media(max-width:575px){
.woocommerce-message, .woocommerce-info{justify-content:flex-start;}
}
.woocommerce-message:before, .woocommerce-info:before{color:var(--primary-color);}
.woocommerce-result-count, .woocommerce-ordering, .pxl-view-layout{margin:0 !important;padding:0 !important;}
.woocommerce-ordering{cursor:pointer;}
.woocommerce-ordering select::-ms-expand{display:none;}
.woocommerce-ordering select{-webkit-appearance:none;appearance:none;}
@-moz-document url-prefix() {
.woocommerce-ordering .ui-select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;position:relative;overflow:hidden;}
.woocommerce-ordering .ui-select select{width:110%;background-position:right 30px center !important;border:none !important;}
}
.woocommerce-ordering:before{content:"\f13c";font-family:'Caseicon';font-size:11px;color:var(--primary-color);font-weight:700;position:absolute;right:40px;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%);}
.woocommerce-result-count{color:var(--secondary-color);font-weight:500;font-size:20px;}
.woocommerce-result-count .button{font-size:16px;text-transform:capitalize;line-height:20px;background-color:var(--primary-color);font-weight:500;order:2;color:#fff;}
.woocommerce-result-count .button:hover{background-color:var(--secondary-color);color:#fff;}
.woocommerce-notices-wrapper .woocommerce-message{color:var(--secondary-color);font-weight:400;font-size:20px;}
.woocommerce-notices-wrapper .woocommerce-message .button{font-size:16px;text-transform:capitalize;padding:10px 16px !important;background-color:var(--primary-color) !important;font-weight:500;order:2;color:#fff;}
.woocommerce-notices-wrapper .woocommerce-message .button:hover{background-color:var(--secondary-color) !important;color:#fff;}
.wooscp_list .wooscp-no-result{text-align:center;font-weight:500;color:#191919;}
#respond input#submit.alt, #respond input#submit, a.button, a.wc-forward, button.button, input.button, .cart button.button, a.button.alt, .form-row button.button.alt{font-size:14px;font-weight:700 !important;color:#fff !important;padding:0 30px;line-height:55px;-webkit-transition:all 240ms linear 0ms;-khtml-transition:all 240ms linear 0ms;-moz-transition:all 240ms linear 0ms;-ms-transition:all 240ms linear 0ms;-o-transition:all 240ms linear 0ms;transition:all 240ms linear 0ms;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;overflow:hidden !important;display:inline-block;text-align:center;cursor:pointer;border:none;text-transform:capitalize;background-color:var(--primary-color);z-index:1;-webkit-box-shadow:none !important;-khtml-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;-o-box-shadow:none !important;box-shadow:none !important;}
#respond input#submit.alt:hover, #respond input#submit:hover, a.button:hover, a.wc-forward:hover, button.button:hover, input.button:hover, .cart button.button:hover, a.button.alt:hover, .form-row button.button.alt:hover, #respond input#submit.alt:focus, #respond input#submit:focus, a.button:focus, a.wc-forward:focus, button.button:focus, input.button:focus, .cart button.button:focus, a.button.alt:focus, .form-row button.button.alt:focus, #respond input#submit.alt:active, #respond input#submit:active, a.button:active, a.wc-forward:active, button.button:active, input.button:active, .cart button.button:active, a.button.alt:active, .form-row button.button.alt:active, #respond input#submit.alt:not([disabled]):not(.disabled).active, #respond input#submit:not([disabled]):not(.disabled).active, a.button:not([disabled]):not(.disabled).active, a.wc-forward:not([disabled]):not(.disabled).active, button.button:not([disabled]):not(.disabled).active, input.button:not([disabled]):not(.disabled).active, .cart button.button:not([disabled]):not(.disabled).active, a.button.alt:not([disabled]):not(.disabled).active, .form-row button.button.alt:not([disabled]):not(.disabled).active, #respond input#submit.alt:not([disabled]):not(.disabled):active, #respond input#submit:not([disabled]):not(.disabled):active, a.button:not([disabled]):not(.disabled):active, a.wc-forward:not([disabled]):not(.disabled):active, button.button:not([disabled]):not(.disabled):active, input.button:not([disabled]):not(.disabled):active, .cart button.button:not([disabled]):not(.disabled):active, a.button.alt:not([disabled]):not(.disabled):active, .form-row button.button.alt:not([disabled]):not(.disabled):active{outline:medium none;text-decoration:none;color:#fff;background-color:var(--secondary-color);}
#wooscp-area .wooscp-no-result{text-align:center;font-weight:500;color:#191919;font-size:15px;padding-top:112px;}
#wooscp-area .wooscp-no-result:before{content:"\f12f";font-family:Caseicon;width:100px;height:100px;border-radius:100px;background-color:#f8f8f8;line-height:100px;font-size:30px;left:50%;top:0;transform:translate(-50%, 0);position:absolute;color:var(--primary-color);}
#wooscp-area .tr-add_to_cart .add_to_cart_button.loading, .wooscp_list .tr-add_to_cart .add_to_cart_button.loading{padding-right:30px;}
#wooscp-area .tr-add_to_cart .add_to_cart_button.loading:after, .wooscp_list .tr-add_to_cart .add_to_cart_button.loading:after{right:12px;top:0;}
#wooscp-area .tr-add_to_cart .add_to_cart_button, .wooscp_list .tr-add_to_cart .add_to_cart_button, #wooscp-area .tr-add_to_cart .added_to_cart, .wooscp_list .tr-add_to_cart .added_to_cart, #wooscp-area .tr-add_to_cart .product_type_variable, .wooscp_list .tr-add_to_cart .product_type_variable{line-height:40px;padding:0 18px;font-size:14px;width:auto;min-width:auto;display:inline-block;}
#wooscp-area .tr-add_to_cart .add_to_cart_button.added, .wooscp_list .tr-add_to_cart .add_to_cart_button.added, #wooscp-area .tr-add_to_cart .added_to_cart.added, .wooscp_list .tr-add_to_cart .added_to_cart.added, #wooscp-area .tr-add_to_cart .product_type_variable.added, .wooscp_list .tr-add_to_cart .product_type_variable.added{display:none;}
#wooscp-area .ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y, .wooscp_list .ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y{background-color:var(--primary-color);width:3px !important;-webkit-border-radius:3px !important;-khtml-border-radius:3px !important;-moz-border-radius:3px !important;-ms-border-radius:3px !important;-o-border-radius:3px !important;border-radius:3px !important;}
#wooscp-area .wooscp_table th a, .wooscp_list .wooscp_table th a{color:#191919;}
#wooscp-area .wooscp_table .td-label, .wooscp_list .wooscp_table .td-label{font-weight:600;}
#wooscp-area #wooscp_table th a, .wooscp_list #wooscp_table th a{color:#191919;}
#wooscp-area #wooscp_table .td-label, .wooscp_list #wooscp_table .td-label{font-weight:600;}
#wooscp-area #wooscp_table .woocommerce-product-attributes, .wooscp_list #wooscp_table .woocommerce-product-attributes{border:none;background-color:transparent !important;}
#wooscp-area #wooscp_table .woocommerce-product-attributes th, .wooscp_list #wooscp_table .woocommerce-product-attributes th, #wooscp-area #wooscp_table .woocommerce-product-attributes td, .wooscp_list #wooscp_table .woocommerce-product-attributes td{padding:0px;border:none;background-color:transparent !important;}
#wooscp-area #wooscp_table .woocommerce-product-attributes th p, .wooscp_list #wooscp_table .woocommerce-product-attributes th p, #wooscp-area #wooscp_table .woocommerce-product-attributes td p, .wooscp_list #wooscp_table .woocommerce-product-attributes td p{margin-bottom:0;}
.wooscp-popup.wooscp-search{background-color:rgba(192, 192, 192, 0.6);}
.wooscp-popup.wooscp-search .wooscp-popup-close{background-color:rgba(0, 0, 0, 0.1);}
.wooscp-popup.wooscp-search .wooscp-popup-content{-webkit-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-khtml-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-moz-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-ms-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-o-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);}
.wooscp-area .wooscp-inner .wooscp-table .wooscp-table-inner .wooscp-table-items table tbody tr.tr-image:hover td{background-color:#fff;}
body .mfp-bg.mfp-woosq.mfp-ready{opacity:1;background-color:rgba(27, 35, 54, 0.8);}
body .mfp-wrap #woosq-popup{-webkit-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-khtml-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-moz-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-ms-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);-o-box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);box-shadow:0px 40px 60px 0px rgba(0, 0, 0, .2);}
.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider-horizontal{height:4px;background-color:#e6e6e6;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-range{background-color:var(--primary-color);}
.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-handle{height:10px;width:10px;background-color:var(--primary-color);-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;top:-3px;}
.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount{display:flex;flex-wrap:wrap;}
.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button{border-radius:0;order:2;line-height:36px;font-size:14px;letter-spacing:0.05em;}
.woocommerce #pxl-sidebar-area .widget_price_filter .price_label{order:1;font-size:18px;color:var(--secondary-color);font-weight:700;padding-right:20px;}
.widget.woocommerce{border:1px solid #e9ebf0;}
.widget_price_filter .widget-title{margin-bottom:26px !important;}
.widget_price_filter .button{background-color:var(--secondary-color) !important;color:#fff !important;padding:0 15px !important;border-radius:5px;}
.widget_price_filter .button:hover{background-color:var(--primary-color) !important;color:#fff !important;}
.widget_product_tag_cloud .tagcloud{margin-top:14px !important;margin-left:0;}
.widget_product_tag_cloud .tagcloud a{font-weight:700;text-transform:capitalize;font-size:15px !important;color:var(--secondary-color);margin:0 6px 10px 0;}
.widget_product_tag_cloud .tagcloud a:hover{background-color:var(--primary-color) !important;}
.woocommerce select{cursor:pointer !important;}
.woocommerce .comment-form .comment-form-comment{padding-top:0px !important;}
.woosw-btn.woosw-adding:after{animation:pxl_spin_reverse 0.6s linear infinite;-webkit-animation:pxl_spin_reverse 0.6s infinite linear;}
.single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price{font-size:32px;line-height:1;color:var(--secondary-color);font-weight:400;}
.woocommerce-pagination{margin-top:-14px;text-align:center;}
.woocommerce-pagination .page-numbers{width:45px;height:45px;background-color:transparent;line-height:44px;text-align:center;font-size:16px;font-weight:500;display:inline-block;margin-right:3px;margin-top:10px;color:var(--secondary-color);display:inline-flex;justify-content:center;align-items:center;-webkit-border-radius:100px;-khtml-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;border:2px solid #e8e9ec;padding:0;transition:0.3s linear 0ms;}
.woocommerce-pagination .page-numbers.next, .woocommerce-pagination .page-numbers.prev{font-size:0px;}
.woocommerce-pagination .page-numbers.next:before, .woocommerce-pagination .page-numbers.prev:before{font-size:11px;font-family:Bravisicon;font-weight:700;transition:0.3s linear 0ms !important;}
.woocommerce-pagination .page-numbers.next:before{content:"\f14d";font-family:'Caseicon';transition:0.3s linear 0ms !important;}
.woocommerce-pagination .page-numbers.prev:before{font-family:'Caseicon';content:"\f136";}
.woocommerce-pagination .page-numbers.current{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);pointer-events:none;}
.woocommerce-pagination .page-numbers:hover{color:var(--primary-color);border-color:var(--primary-color);}
.shop-view-list .woocommerce-product-details__short-description{color:#70747f;}
.shop-view-list li.product{width:100% !important;}
.shop-view-list .woocommerce-product--excerpt{display:block !important;}
.shop-view-list .woocommerce-product-inner{border-bottom:1px solid #eaeaea;display:flex;}
@media(max-width:767px){
.shop-view-list .woocommerce-product-inner{display:block;}
}
.shop-view-list .woocommerce-product-inner:hover .woocommerce-product-header img{transform:scale(1);}
.shop-view-list .woocommerce-product-header{min-width:300px;padding:0 !important;display:flex;justify-content:center;align-items:center;}
@media(max-width:767px){
.shop-view-list .woocommerce-product-header{padding-top:50px !important;text-align:center;}
}
.shop-view-list .woocommerce-product-content{text-align:left !important;padding:51px 20px 40px 0 !important;}
@media(max-width:767px){
.shop-view-list .woocommerce-product-content{padding:20px 20px 40px 20px !important;text-align:center !important;}
}
.shop-view-list .woocommerce-product-meta{left:296px !important;transform:translateX(0) !important;}
@media(max-width:767px){
.shop-view-list .woocommerce-product-meta{bottom:35px !important;left:50% !important;transform:translateX(-50%) !important;}
}
.flex-viewport{background-color:#f4f5f7 !important;}
.flex-viewport .zoomImg{background-color:#f4f5f7 !important;}
.woocommerce-product-gallery .flex-control-nav{margin-top:8px;margin-left:-10px;margin-right:-10px;display:flex;flex-wrap:wrap;}
.woocommerce-product-gallery .flex-control-nav li{padding:0;flex-grow:1;margin:20px;background-color:#f4f5f7 !important;}
.woocommerce-product-gallery .flex-control-nav img{opacity:1;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);}
.woocommerce-product-gallery .flex-control-nav img.flex-active{-webkit-box-shadow:0 0 0 2px var(--primary-color);-khtml-box-shadow:0 0 0 2px var(--primary-color);-moz-box-shadow:0 0 0 2px var(--primary-color);-ms-box-shadow:0 0 0 2px var(--primary-color);-o-box-shadow:0 0 0 2px var(--primary-color);box-shadow:0 0 0 2px var(--primary-color);}
.woocommerce-product-gallery .woocommerce-product-gallery__image a{position:relative;display:block;}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:before{content:'';background-color:rgba(0, 1, 0, );position:absolute;top:0;right:0;width:100%;height:100%;display:block;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;}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:after{content:"\f06e";font-family:"Font Awesome 5 Pro";font-size:16px;height:40px;width:40px;line-height:40px;-webkit-border-radius:40px;-khtml-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border-radius:40px;background-color:#fff;text-align:center;color:var(--primary-color);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%);left:0;right:0;margin:auto;-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;opacity:0;}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:before{opacity:0.8;}
.woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after{opacity:1;}
.product-remove{position:relative;min-width:50px;}
.product-remove a.remove{font-size:0px;width:26px;height:26px;background-color:var(--primary-color);border-radius:100%;position:relative;}
.product-remove a.remove:before, .product-remove a.remove:after{content:'';position:absolute;height:1px;width:55%;top:50%;left:0;right:0;margin:auto;background-color:#fff;transform-origin:50% 50%;opacity:1;-webkit-transition:transform ease 0.25s;-khtml-transition:transform ease 0.25s;-moz-transition:transform ease 0.25s;-ms-transition:transform ease 0.25s;-o-transition:transform ease 0.25s;transition:transform ease 0.25s;}
.product-remove a.remove:before{-webkit-transform:rotate(45deg);-khtml-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.product-remove a.remove:after{-webkit-transform:rotate(-45deg);-khtml-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.product-remove a.remove:hover:before, .product-remove a.remove: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);}
@media screen and (max-width:769px){
.product-remove{min-height:57px;}
}
.woocommerce .comment-form, .woocommerce-page .comment-form{max-width:100%;}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info{color:inherit;border-color:var(--primary-color);}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before{color:var(--primary-color);}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button{padding:0;text-transform:capitalize;line-height:20px;background-color:transparent;color:#191919;}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover, .woocommerce-page .woocommerce-notices-wrapper .woocommerce-message .button:hover{background-color:transparent;color:var(--primary-color);}
.woocommerce .quantity, .woocommerce-page .quantity{position:relative;display:inline-block;}
.woocommerce .quantity .qty, .woocommerce-page .quantity .qty{padding:0 19px 0 10px;width:80px !important;height:51px !important;background-color:transparent;font-family:;border:none;border:2px solid #eeeef4 !important;font-weight:700;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;font-size:16px;-moz-appearance:textfield;}
.woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce-page .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce-page .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.woocommerce .quantity-icon i, .woocommerce-page .quantity-icon i{font-weight:700;font-size:16px;font-style:normal;color:var(--secondary-color);line-height:0;text-align:center;position:absolute;cursor:pointer;font-family:"Font Awesome 5 Pro";-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%);-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;}
.woocommerce .quantity-icon i.quantity-up, .woocommerce-page .quantity-icon i.quantity-up{right:20px;top:21px;}
.woocommerce .quantity-icon i.quantity-down, .woocommerce-page .quantity-icon i.quantity-down{right:20px;top:29px;}
.woocommerce table.shop_table, .woocommerce-page table.shop_table{-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td{padding:20px 15px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce-page table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot th{font-weight:500;}
@media screen and (max-width:769px){
.woocommerce .coupon #coupon_code, .woocommerce-page .coupon #coupon_code{width:100% !important;margin-bottom:10px;-webkit-border-radius:50px;-khtml-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
.woocommerce .coupon .button, .woocommerce-page .coupon .button{width:100% !important;}
}
.woocommerce form .form-row, .woocommerce-page form .form-row{padding:0 0 10px;}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text{margin-right:15px;}
.woocommerce textarea, .woocommerce-page textarea{padding-top:24px;padding-bottom:24px;min-height:140px;}
.woocommerce .nice-select, .woocommerce-page .nice-select{max-width:213px;border:2px solid #ececec;text-align:left;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;height:45px;font-weight:500;}
.woocommerce .nice-select span.current, .woocommerce-page .nice-select span.current{line-height:30px;}
.woocommerce .nice-select:after, .woocommerce-page .nice-select:after{color:var(--primary-color);}
.woocommerce form .select2-container--default .select2-selection, .woocommerce-page form .select2-container--default .select2-selection{border:1px solid #eaeaea;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;height:55px;}
.woocommerce form .select2-container--default .select2-selection .select2-selection__rendered, .woocommerce-page form .select2-container--default .select2-selection .select2-selection__rendered{line-height:55px;color:var(--secondary-color);font-size:18px;padding-left:22px;}
.woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce a.button, .woocommerce-page a.button, .woocommerce a.wc-forward, .woocommerce-page a.wc-forward, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce .cart button.button, .woocommerce-page .cart button.button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce .form-row button.button.alt, .woocommerce-page .form-row button.button.alt{font-size:14px;font-weight:400;color:#fff;padding:0 30px;line-height:55px;-webkit-transition:all 240ms linear 0ms;-khtml-transition:all 240ms linear 0ms;-moz-transition:all 240ms linear 0ms;-ms-transition:all 240ms linear 0ms;-o-transition:all 240ms linear 0ms;transition:all 240ms linear 0ms;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;overflow:hidden !important;display:inline-block;text-align:center;text-transform:uppercase;cursor:pointer;border:none;background-color:var(--primary-color);z-index:1;-webkit-box-shadow:none !important;-khtml-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;-o-box-shadow:none !important;box-shadow:none !important;}
.woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce a.wc-forward:hover, .woocommerce-page a.wc-forward:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce .cart button.button:hover, .woocommerce-page .cart button.button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce .form-row button.button.alt:hover, .woocommerce-page .form-row button.button.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce-page #respond input#submit.alt:focus, .woocommerce #respond input#submit:focus, .woocommerce-page #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce-page a.button:focus, .woocommerce a.wc-forward:focus, .woocommerce-page a.wc-forward:focus, .woocommerce button.button:focus, .woocommerce-page button.button:focus, .woocommerce input.button:focus, .woocommerce-page input.button:focus, .woocommerce .cart button.button:focus, .woocommerce-page .cart button.button:focus, .woocommerce a.button.alt:focus, .woocommerce-page a.button.alt:focus, .woocommerce .form-row button.button.alt:focus, .woocommerce-page .form-row button.button.alt:focus, .woocommerce #respond input#submit.alt:active, .woocommerce-page #respond input#submit.alt:active, .woocommerce #respond input#submit:active, .woocommerce-page #respond input#submit:active, .woocommerce a.button:active, .woocommerce-page a.button:active, .woocommerce a.wc-forward:active, .woocommerce-page a.wc-forward:active, .woocommerce button.button:active, .woocommerce-page button.button:active, .woocommerce input.button:active, .woocommerce-page input.button:active, .woocommerce .cart button.button:active, .woocommerce-page .cart button.button:active, .woocommerce a.button.alt:active, .woocommerce-page a.button.alt:active, .woocommerce .form-row button.button.alt:active, .woocommerce-page .form-row button.button.alt:active, .woocommerce #respond input#submit.alt:not([disabled]):not(.disabled).active, .woocommerce-page #respond input#submit.alt:not([disabled]):not(.disabled).active, .woocommerce #respond input#submit:not([disabled]):not(.disabled).active, .woocommerce-page #respond input#submit:not([disabled]):not(.disabled).active, .woocommerce a.button:not([disabled]):not(.disabled).active, .woocommerce-page a.button:not([disabled]):not(.disabled).active, .woocommerce a.wc-forward:not([disabled]):not(.disabled).active, .woocommerce-page a.wc-forward:not([disabled]):not(.disabled).active, .woocommerce button.button:not([disabled]):not(.disabled).active, .woocommerce-page button.button:not([disabled]):not(.disabled).active, .woocommerce input.button:not([disabled]):not(.disabled).active, .woocommerce-page input.button:not([disabled]):not(.disabled).active, .woocommerce .cart button.button:not([disabled]):not(.disabled).active, .woocommerce-page .cart button.button:not([disabled]):not(.disabled).active, .woocommerce a.button.alt:not([disabled]):not(.disabled).active, .woocommerce-page a.button.alt:not([disabled]):not(.disabled).active, .woocommerce .form-row button.button.alt:not([disabled]):not(.disabled).active, .woocommerce-page .form-row button.button.alt:not([disabled]):not(.disabled).active, .woocommerce #respond input#submit.alt:not([disabled]):not(.disabled):active, .woocommerce-page #respond input#submit.alt:not([disabled]):not(.disabled):active, .woocommerce #respond input#submit:not([disabled]):not(.disabled):active, .woocommerce-page #respond input#submit:not([disabled]):not(.disabled):active, .woocommerce a.button:not([disabled]):not(.disabled):active, .woocommerce-page a.button:not([disabled]):not(.disabled):active, .woocommerce a.wc-forward:not([disabled]):not(.disabled):active, .woocommerce-page a.wc-forward:not([disabled]):not(.disabled):active, .woocommerce button.button:not([disabled]):not(.disabled):active, .woocommerce-page button.button:not([disabled]):not(.disabled):active, .woocommerce input.button:not([disabled]):not(.disabled):active, .woocommerce-page input.button:not([disabled]):not(.disabled):active, .woocommerce .cart button.button:not([disabled]):not(.disabled):active, .woocommerce-page .cart button.button:not([disabled]):not(.disabled):active, .woocommerce a.button.alt:not([disabled]):not(.disabled):active, .woocommerce-page a.button.alt:not([disabled]):not(.disabled):active, .woocommerce .form-row button.button.alt:not([disabled]):not(.disabled):active, .woocommerce-page .form-row button.button.alt:not([disabled]):not(.disabled):active{outline:medium none;text-decoration:none;color:#fff;background-color:var(--secondary-color);}
@media screen and (min-width:992px){
.woocommerce .content-row{margin:0 -15px;}
.woocommerce .pxl-content-area.content-has-sidebar{padding-left:15px;padding-right:15px;flex:0 0 75%;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;-o-flex:0 0 75%;max-width:75%;}
.woocommerce #secondary.widget-has-sidebar{padding-left:15px;padding-right:15px;flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;-o-flex:0 0 25%;max-width:25%;}
}
.woocommerce .actions > .button{float:right;}
form .select2-container--default .select2-selection .select2-selection__arrow{right:10px;top:50%;transform:translateY(-50%);color:#8f8f8f;}
.woocommerce-checkout th{border-top:1px solid #ededed !important;padding:10px;border-right:1px solid #ededed !important;}
.woocommerce-checkout td{border-top:1px solid #ededed;padding:10px;border-right:1px solid #ededed;}
table{border-bottom:1px solid #ededed;border-left:1px solid #ededed;border-collapse:collapse;border-spacing:0;line-height:2;margin:0 0 32px;width:100%;-webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
@media screen and (max-width:575px){
.woocommerce ul.products li.product{width:100% !important;}
}
@media screen and (max-width: 991px) and (min-width: 767px) {
.single-product .woocommerce ul.products li.product{width:50% !important;}
}
@media screen and (max-width: 991px) and (min-width: 767px) {
.single-product section.related ul.products li.product{margin-bottom:0 !important;margin:40px auto 0 auto;padding:0 15px;width:50% !important;}
}
.pxl-widget-cart-sidebar{-webkit-transition:transform 0.8s ease 0s;-khtml-transition:transform 0.8s ease 0s;-moz-transition:transform 0.8s ease 0s;-ms-transition:transform 0.8s ease 0s;-o-transition:transform 0.8s ease 0s;transition:transform 0.8s ease 0s;-webkit-transform:translateX(100%);-khtml-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);padding-bottom:137px;background-color:#fff;position:fixed;top:0;right:0;height:100%;z-index:9999;width:320px;overflow:hidden;}
.pxl-widget-cart-sidebar .woocommerce-mini-cart{padding-left:0 !important;}
.pxl-widget-cart-sidebar .widget_shopping_title{font-size:16px;font-weight:700;color:#222;flex-grow:1;}
.pxl-widget-cart-sidebar .widget_shopping_head{display:flex;background-color:#f9f9f9;padding:16px 30px;margin-top:-30px;margin-left:-30px;margin-right:-30px;margin-bottom:20px;align-items:center;}
.pxl-widget-cart-sidebar .widget_shopping_head .pxl-close{height:36px;width:36px;}
.pxl-widget-cart-sidebar .pxl-close{position:absolute;top:11px;right:30px;z-index:999;}
.pxl-widget-cart-sidebar .widget_shopping_cart{padding:30px 60px 0 30px;height:100%;overflow-y:scroll;width:350px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li{padding:20px 15px 15px 0;display:flex;flex-wrap:nowrap;border-bottom:1px solid rgba(0, 0, 0, 0.1);position:relative;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child{border:none;padding-bottom:0;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty{font-size:16px;margin-top:40px;padding:0 !important;text-align:center;display:block;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty span{text-align:center;margin-bottom:20px;display:block;margin-top:20px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i{font-size:32px;color:#555;width:80px;height:80px;background-color:#f8f8f8;border-radius:80px;line-height:80px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn{width:100%;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn:hover{color:#fff;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image{width:45px;min-width:45px;margin-right:15px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a{display:inline-block;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image img{margin:0;width:inherit;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 3px 5px rgba(0, 0, 0, 0.08);-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.08);-ms-box-shadow:0 3px 5px rgba(0, 0, 0, 0.08);-o-box-shadow:0 3px 5px rgba(0, 0, 0, 0.08);box-shadow:0 3px 5px rgba(0, 0, 0, 0.08);}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta{padding-right:12px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3{font-size:14px;font-weight:700;line-height:normal;margin-bottom:3px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a{color:inherit;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover{color:#555;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity{font-size:14px;font-weight:600;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button{opacity:0;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;width:18px;height:18px;text-align:center;-webkit-border-radius:18px;-khtml-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px;line-height:17px;color:var(--primary-color);font-size:11px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button i{vertical-align:middle;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button{opacity:1;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer{position:absolute;bottom:0;left:0;right:0;padding:30px 30px 55px;background-color:#fff;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total{border:none;border-top:1px solid rgba(0, 0, 0, 0.1);padding-top:15px;padding-bottom:0;font-weight:600;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong{font-weight:inherit;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons{margin:0;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn{width:100%;margin-right:0;line-height:48px;font-size:14px;-webkit-border-radius:48px;-khtml-border-radius:48px;-moz-border-radius:48px;-ms-border-radius:48px;-o-border-radius:48px;border-radius:48px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline{border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color) !important;line-height:44px;}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:before{background-color:var(--primary-color);}
.pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:hover, .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-outline:focus{color:#fff !important;background-color:var(--primary-color);}
.pxl-widget-cart-wrap .pxl-item--overlay{background-color:rgba(27, 35, 54, .9);height:100%;width:100%;right:0;top:0;position:fixed;z-index:1026;-webkit-transform:scaleX(0);-khtml-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transform-origin:100% 50%;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;-webkit-transition:transform 0.8s ease 0s;-khtml-transition:transform 0.8s ease 0s;-moz-transition:transform 0.8s ease 0s;-ms-transition:transform 0.8s ease 0s;-o-transition:transform 0.8s ease 0s;transition:transform 0.8s ease 0s;transition-delay:0.2s;-webkit-transition-delay:0.2s;cursor:url(//eibusson.fr/wp-content/themes/roofex/assets/img/pointer.png), auto;}
.pxl-widget-cart-wrap.open .pxl-item--overlay{-webkit-transform:scaleX(1);-khtml-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);transition-delay:0s;-webkit-transition-delay:0s;}
.pxl-widget-cart-wrap.open .pxl-widget-cart-sidebar{-webkit-transform:translateX(20px);-khtml-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px);transition-delay:0.3s;-webkit-transition-delay:0.3s;-webkit-box-shadow:0 2px 27px rgba(54, 54, 54, 0.13);-khtml-box-shadow:0 2px 27px rgba(54, 54, 54, 0.13);-moz-box-shadow:0 2px 27px rgba(54, 54, 54, 0.13);-ms-box-shadow:0 2px 27px rgba(54, 54, 54, 0.13);-o-box-shadow:0 2px 27px rgba(54, 54, 54, 0.13);box-shadow:0 2px 27px rgba(54, 54, 54, 0.13);}
.cart-empty, .return-to-shop{justify-content:center;text-align:center;}
@media(max-width:767px){
.pxl-shop-topbar-wrap{display:inline-grid !important;margin-bottom:40px;}
.pxl-shop-topbar-wrap .woocommerce-ordering{cursor:pointer;float:left;position:relative;margin:20px 0 27px !important;}
.pxl-shop-topbar-wrap .woocommerce-ordering select{cursor:pointer;}
.pxl-shop-topbar-wrap .woocommerce-ordering:before{right:20px;}
.pxl-shop-topbar-wrap .pxl-view-layout-wrap .pxl-view-layout li:first-child{margin-left:0px;}
}
.woosw-page, .woosw-continue{font-weight:700;text-decoration:none !important;color:var(--secondary-color) !important;}
.woosw-page:hover, .woosw-continue:hover{color:var(--primary-color) !important;}
.select2-dropdown{border:1px solid #eaeaea !important;}
.woocommerce-summary-wrap .woocommerce-Tabs-panel{display:block !important;}
.pxl-grid .pxl-grid-masonry{position:relative;}
.pxl-grid .grid-sizer{z-index:-1;}
.pxl-grid .pxl-load-more{text-align:center;padding:0 15px;margin-top:10px;}
.pxl-grid .pxl-load-more .btn{padding-left:50px;padding-right:40px;line-height:62px;font-size:15px;background:var(--primary-color);-webkit-border-radius:100px;-khtml-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;}
.pxl-grid .pxl-load-more .btn .pxl-load-icon{width:24px;height:24px;right:13px;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%);background-color:#fff;-webkit-border-radius:24px;-khtml-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;border-radius:24px;line-height:24px;text-align:center;color:#000;}
.pxl-grid .pxl-load-more .btn i{margin-left:25px;font-size:18px;top:0;right:0;left:0;bottom:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;}
.pxl-grid .pxl-load-more.loading i{animation:pxl_spin 0.6s infinite linear;-webkit-animation:pxl_spin 0.6s infinite linear;}
.pxl-grid .pxl-load-more.loading i:before{content:'\f110' !important;font-family:'Font AweSome 5 Pro' !important;}
@media screen and (min-width:1200px){
.pxl-grid .col-xl-pxl5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
}
.pxl-grid-filter1{margin-bottom:90px;}
@media screen and (max-width:767px){
.pxl-grid-filter1{margin-bottom:60px;}
}
.pxl-grid-filter1 .filter-item{color:#383647;font-weight:500;display:inline-flex;padding:0 24px;line-height:62px;cursor:pointer;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);min-width:120px;justify-content:center;-webkit-border-radius:62px;-khtml-border-radius:62px;-moz-border-radius:62px;-ms-border-radius:62px;-o-border-radius:62px;border-radius:62px;}
@media screen and (max-width:1199px){
.pxl-grid-filter1 .filter-item{line-height:54px;padding:0 18px;}
}
@media screen and (max-width:767px){
.pxl-grid-filter1 .filter-item{margin:10px 2px 0 2px;background-color:#f8f8f8;line-height:50px;min-width:90px;font-size:15px;}
}
.pxl-grid-filter1 .filter-item:last-child{margin-right:24px;}
@media screen and (max-width:1199px){
.pxl-grid-filter1 .filter-item:last-child{margin-right:9px;}
}
@media screen and (max-width:767px){
.pxl-grid-filter1 .filter-item:last-child{margin-right:0;}
}
.pxl-grid-filter1 .filter-item.active{color:#fff;background-color:var(--primary-color);margin-right:24px;}
@media screen and (max-width:1199px){
.pxl-grid-filter1 .filter-item.active{margin-right:9px;}
}
@media screen and (max-width:767px){
.pxl-grid-filter1 .filter-item.active{margin-right:0;}
}
.pxl-grid-filter1 .filter-item.active:last-child{margin-right:0;}
.pxl-grid-filter1 .pxl--filter-inner{background-color:#fff;display:inline-block;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.05);-khtml-box-shadow:0 0 8px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.05);-ms-box-shadow:0 0 8px rgba(0, 0, 0, 0.05);-o-box-shadow:0 0 8px rgba(0, 0, 0, 0.05);box-shadow:0 0 8px rgba(0, 0, 0, 0.05);-webkit-border-radius:62px;-khtml-border-radius:62px;-moz-border-radius:62px;-ms-border-radius:62px;-o-border-radius:62px;border-radius:62px;}
@media screen and (max-width:767px){
.pxl-grid-filter1 .pxl--filter-inner{background-color:transparent;}
}
@media screen and (max-width:767px){
.pxl-grid-filter1 .pxl--filter-inner{-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
}
.elementor-editor-active .grid-sizer{display:none;}
.pxl-col-align-start > .elementor-widget-wrap{justify-content:flex-start;}
.pxl-col-align-start .elementor-inner-section > .elementor-container{margin-left:0;}
.pxl-col-align-center > .elementor-widget-wrap{justify-content:center;}
.pxl-col-align-end > .elementor-widget-wrap{justify-content:flex-end;}
.pxl-col-align-end .elementor-inner-section > .elementor-container{margin-right:0;}
.pxl-swiper-container{margin:0 -15px;position:relative;overflow:hidden;}
.pxl-swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-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;padding:0 15px;}
.pxl-swiper-arrow{font-size:13px;color:#000;width:56px;height:56px;line-height:56px;display:block;z-index:2;text-align:center;cursor:pointer;position:absolute;top:50%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;-webkit-border-radius:56px;-khtml-border-radius:56px;-moz-border-radius:56px;-ms-border-radius:56px;-o-border-radius:56px;border-radius:56px;-webkit-box-shadow:0 10px 20px rgba(49, 0, 122, 0.09);-khtml-box-shadow:0 10px 20px rgba(49, 0, 122, 0.09);-moz-box-shadow:0 10px 20px rgba(49, 0, 122, 0.09);-ms-box-shadow:0 10px 20px rgba(49, 0, 122, 0.09);-o-box-shadow:0 10px 20px rgba(49, 0, 122, 0.09);box-shadow:0 10px 20px rgba(49, 0, 122, 0.09);-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
@media screen and (max-width:1199px){
.pxl-swiper-arrow{opacity:0;visibility:hidden;}
}
.pxl-swiper-arrow:hover{color:#fff;background-color:var(--primary-color);-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.pxl-swiper-arrow.swiper-button-disabled{cursor:not-allowed;}
.pxl-swiper-arrow.pxl-swiper-arrow-prev{left:0;}
@media screen and (max-width:1199px){
.pxl-swiper-arrow.pxl-swiper-arrow-prev{left:0;}
}
.pxl-swiper-arrow.pxl-swiper-arrow-next{right:0;}
@media screen and (max-width:1199px){
.pxl-swiper-arrow.pxl-swiper-arrow-next{right:0;}
}
.pxl-swiper-arrow.style2{background-color:#f1f1f3;color:#fff;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.pxl-swiper-arrow.style2:before{z-index:-1;-webkit-border-radius:100%;-khtml-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background-color:var(--gradient-color-from);background-image:-webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));background-image:-webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');opacity:0;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
.pxl-swiper-arrow.style2:hover{background-color:#f1f1f3;}
.pxl-swiper-arrow.style2:hover:before{opacity:1;}
.pxl-swiper-dots{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;}
.pxl-swiper-dots .pxl-swiper-pagination-bullet{margin:0 12px;width:8px;height:8px;text-align:center;background:#cacaca;cursor:pointer;position:relative;-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
.pxl-swiper-dots .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{background:#122a00;}
.pxl-swiper-boxshadow .pxl-carousel-inner{margin:0 -30px;}
.pxl-swiper-boxshadow .pxl-carousel-inner .pxl-swiper-container{padding:0 30px;}
.pxl-swiper-boxshadow .pxl-swiper-slide{-webkit-transition:opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
.pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible){opacity:0;}
.pxl-swiper-sliders{position:relative;}
@media screen and (max-width:1199px){
.pxl-swiper-sliders:hover .pxl-swiper-arrow{opacity:0;visibility:visible;}
}
.pxl-swiper-sliders.pxl-swiper-arrow-show .pxl-swiper-arrow{opacity:1;visibility:visible;}
.pxl-swiper-nogap .pxl-swiper-container{margin:0;}
.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide{padding:0;}
.pxl-swiper-thumbs{overflow:hidden;}
.pxl-swiper-thumbs .swiper-slide{cursor:pointer;}
body.rtl .pxl-swiper-arrow.pxl-swiper-arrow-next{right:auto;left:0px;}
body.rtl .pxl-swiper-arrow.pxl-swiper-arrow-prev{left:auto;right:0;}
@font-face{font-family:'Playfair Display';font-weight:300;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/font-theme/Playfair Display-Regular.ttf) format('ttf'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/font-theme/Playfair Display-Regular.ttf) format('ttf');}
@font-face{font-family:'Lato';font-weight:400;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/font-theme/Lato-Italic-VariableFont_wght.ttf) format('ttf'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/font-theme/Lato-VariableFont_wght.ttf) format('ttf');}
@font-face{font-family:'GT Walshei Pro';font-weight:400;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/font-theme/GT-Walsheim-Pro-Regular-Regular.ttf) format('ttf'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/font-theme/GT-Walsheim-Pro-Regular-Regular.ttf) format('ttf');}
@font-face{font-family:'GT Walsheim Pro';font-weight:300;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Light.woff2) format('woff2'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Light.woff) format('woff');}
@font-face{font-family:'GT Walsheim Pro';font-weight:400;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Regular.woff2) format('woff2'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Regular.woff) format('woff');}
@font-face{font-family:'GT Walsheim Pro';font-weight:500;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Medium.woff2) format('woff2'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Medium.woff) format('woff');}
@font-face{font-family:'GT Walsheim Pro';font-weight:700;font-style:normal;src:url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Bold.woff2) format('woff2'), url(//eibusson.fr/wp-content/themes/roofex/assets/fonts/walsheim/GTWalsheimPro-Bold.woff) format('woff');}
.ft-playfair-display, .button-slide-1, .pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--title, .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--title{font-family:'Playfair Display' !important;}
.ft-lato, .woocommerce .pxl-sidebar-area .widget_product_categories li a, .woocommerce .pxl-sidebar-area .widget_product_search .search-field, .single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price, .single-product .pxl-content-area div.product .product_meta > span, .single-product > div.product .product_meta > span, .single-product .pxl-content-area div.product .product_meta a, .single-product > div.product .product_meta a, .woocommerce-pagination .page-numbers, .pxl-header-mobile-search .search-field, .post .pxl-showcase.layout1 .item-title, .page .pxl-showcase.layout1 .item-title, .pxl-showcase.layout1 .item-title, .post .pxl-showcase.layout1 .pxl-item-links a, .page .pxl-showcase.layout1 .pxl-item-links a, .pxl-showcase.layout1 .pxl-item-links a, .pxl-single-post-meta > div .title-meta, .pxl-single-post-meta > div .content-meta, .pxl-single-post-meta > div .content-meta a, .pxl-single-post-meta > div a, .pxl-item--post .pxl-item--meta, .pxl-item--post .pxl-item--meta .pxl-item--date, .pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child:before, .pxl-item--post .pxl-item--meta .categorie a, .entry-author-info .entry-author-meta .position-author, .pxl--post-footer .pxl--tags a, .pxl-pagination-wrap .page-numbers, .pxl-post--navigation .pxl--readmore-nav, .widget_search .search-form .search-field, .widget_product_categories .count, .wp-block-group .count, .widget_categories .count, .widget_nav_menu .count, .widget_pages .count, .widget_archive .count, .widget_meta .count, .widget_recent_entries .count, .widget_product_categories .count:before, .wp-block-group .count:before, .widget_categories .count:before, .widget_nav_menu .count:before, .widget_pages .count:before, .widget_archive .count:before, .widget_meta .count:before, .widget_recent_entries .count:before, .widget_product_categories .count:after, .wp-block-group .count:after, .widget_categories .count:after, .widget_nav_menu .count:after, .widget_pages .count:after, .widget_archive .count:after, .widget_meta .count:after, .widget_recent_entries .count:after, .widget_product_categories ul li a, .wp-block-group ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_product_categories ul li a .pxl-count, .wp-block-group ul li a .pxl-count, .widget_categories ul li a .pxl-count, .widget_nav_menu ul li a .pxl-count, .widget_pages ul li a .pxl-count, .widget_archive ul li a .pxl-count, .widget_meta ul li a .pxl-count, .widget_recent_entries ul li a .pxl-count, .widget_product_categories ul li a .pxl-count:before, .wp-block-group ul li a .pxl-count:before, .widget_categories ul li a .pxl-count:before, .widget_nav_menu ul li a .pxl-count:before, .widget_pages ul li a .pxl-count:before, .widget_archive ul li a .pxl-count:before, .widget_meta ul li a .pxl-count:before, .widget_recent_entries ul li a .pxl-count:before, .tagcloud a, .widget_pxl_recent_posts .pxl-item--date, .comment-reply a, .comment-form .row > div input[type="text"], .comment-form textarea, .comment-form .form-submit .submit, .pxl-select .pxl-select-options li, .wrap-ctf1 .input-filled input, .wrap-ctf10 .ctf10 .input-filled input, .wrap-ctf10 .ctf10 .input-filled button, .form-h1 input, .form-h1 .pxl-select-higthlight, .wrap-ctf-service .wrap-input input, .wrap-ctf-service .wrap-input .pxl-select-higthlight, .wrap-ctf-team .wrap-input input, .wrap-ctf-team .wrap-input .pxl-select-higthlight, .wrap-ctf-team .wrap-input textarea, .wrap-ctf-service-home3 .wrap-input input, .wrap-ctf-service-home3 .wrap-input .pxl-select-higthlight, .wrap-ctf-footer-home2 .form-contact input, .wrap-ctf-footer-home9 .form-contact input, .wrap-ctf-v2 .input-filled input, .wrap-ctf-v2 .input-filled .pxl-select-higthlight, .wrap-ctf-v2 .input-filled textarea, .wrap-ctf-v1 .input-filled input, .wrap-ctf-v1 .input-filled textarea, .wrap-ctf-home-main .input-filled input, .wrap-ctf-home-main .input-filled .pxl-select-higthlight, .wrap-ctf-home-main .input-filled button, .wrap-ctf-v3 .input-filled input, .wrap-ctf-v3 .input-filled textarea, .wrap-ctf-calculate .wrap-input select, .wrap-ctf-calculate .wrap-input .your-value, .wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap input, .wrap-ctf-home2 .input-filled input, .wrap-ctf-home2 .input-filled textarea, .wrap-ctf-home2 .input-filled button, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-header-search-form input, .site-header-lang .wpml-ls-statics-shortcode_actions a span, .button-slider-8, .pxl-nav-menu.style2 ul li a, .pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item, .pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count, .pxl-portfolio-grid-layout1 .wrap-entry-body .item--title a, .pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title a, .pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-icon-box1 .wrap-icon .step, .pxl-icon-box6 .pxl-item--meta .pxl-item--description, .pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step, .pxl-counter1 .pxl--item-title, .pxl-counter2 .pxl--item-title, .pxl-counter3 .pxl--counter-number .pxl--counter-value, .pxl-counter3 .pxl--counter-number .pxl--counter-suffix, .pxl-counter3 .pxl--item-title, .pxl-counter3 .pxl--item-desc, .pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--position, .pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc, .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--desc, .pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--position, .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-post-carousel1 .pxl-item--title, .pxl-blog-grid-layout2 .pxl-item--title, .pxl-post-carousel1 .pxl-item--category a, .pxl-blog-grid-layout2 .pxl-item--category a, .pxl-post-carousel1 .wrap-feature .pxl-item--date .year, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .year, .pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a, .pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-image-box1 .wrap-content .pxl-item--title, .pxl-accordion1.style1 .pxl-item-accordion, .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab, .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab, .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc{font-family:'Lato' !important;}
.ft-inter, .pxl-counter5 .pxl--counter-number .pxl--counter-suffix{font-family:'Inter' !important;}
.ft-rubik, blockquote cite, blockquote cite a, blockquote p:nth-child(2), .post .pxl-showcase.layout2 .item-title, .page .pxl-showcase.layout2 .item-title, .pxl-showcase.layout2 .item-title, .post .pxl-showcase.layout2 .pxl-item-links a, .page .pxl-showcase.layout2 .pxl-item-links a, .pxl-showcase.layout2 .pxl-item-links a, .pxl-piechart-layout1 .pxl-piechart .number, .pxl-piechart-layout1 .pxl-piechart .item--title, .pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a{font-family:'Rubik' !important;}
.ft-poppins{font-family:'Poppins' !important;}
.ft-walsheim{font-family:'GT Walsheim Pro' !important;}
html{box-sizing:border-box;}
body{background-color:#fff;font-size:16px;line-height:1.625;color:#383838;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-weight:normal;letter-spacing:0;font-family:'Lato', sans-serif;margin:0;padding:0;}
body.body-overflow {
overflow: hidden;
} a{-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);color:var(--link-color);}
a:before, a:after{-webkit-transition:inherit;-khtml-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit;}
a:hover, a:focus{color:var(--primary-color);}
a:active{color:var(--primary-color);}
a, a:hover, a:focus, a:before, a:after{outline:none;text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-family:'Playfair Display', sans-serif;color:var(--secondary-color);font-weight:700;margin:0 0 15px;clear:both;line-height:1.2;}
h1, .h1{font-size:48px;}
h2, .h2{font-size:42px;}
h3, .h3{font-size:32px;}
h4, .h4{font-size:28px;}
h5, .h5{font-size:22px;}
h6, .h6{font-size:18px;}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
} p{margin:0 0 15px;font-size:16px;}
.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:0.8075em 0;font-size:0.875em;font-style:italic;}
.gallery-caption{opacity:1;}
.wp-caption-text{text-align:center;}
.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;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.sticky{display:block;}
.screen-reader-text{display:none;}
.bypostauthor{display:block;}
blockquote{padding:25px 65px 20px 35px;color:#000;position:relative;margin-top:8px;margin-bottom:29px;margin-left:0;font-weight:500;position:relative;background-color:#f4f5fa;}
blockquote:before{position:absolute;content:'';width:5px;height:100%;background-color:var(--primary-color);top:0;left:0;}
@media screen and (max-width:767px){
blockquote{padding-left:20px;padding-right:20px;margin-right:0;font-size:18px;}
}
blockquote p{transform:skewx(-5deg);font-size:20px;line-height:30px;z-index:1;position:relative;}
blockquote cite, blockquote cite a, blockquote p:nth-child(2){display:inline-block;font-size:15px;margin-top:10px;font-style:normal;font-weight:700;position:relative;color:var(--primary-color) !important;}
blockquote p:last-child{margin-bottom:0;}
blockquote.is-style-large.wp-block-quote{padding:32px 57px 32px 37px;}
blockquote.wp-block-quote p{margin-bottom:16px !important;}
blockquote.wp-block-quote cite br{display:none;}
blockquote.wp-block-quote.has-text-align-right:before{left:auto;right:0;}
#tslOverlay{background-color:transparent !important;z-index:999999 !important;}
@media screen and (min-width:1200px){
#pxl-wapper .container{max-width:1200px;width:100%;}
}
@media screen and (max-width:1199px){
#pxl-wapper .container{max-width:100%;}
}
#pxl-wapper .elementor-widget:not(:last-child){margin-bottom:0;}
@media screen and (max-width:991px){
#pxl-wapper #pxl-sidebar-area{margin-top:60px;}
}
@media screen and (min-width:992px){
#pxl-wapper .pxl-has-sidebar.pxl-sidebar-left{flex-direction:row-reverse;}
}
#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section > .elementor-container{margin:0 -15px;max-width:inherit !important;}
@media screen and (max-width:1199px){
#pxl-wapper .elementor-top-section > .elementor-column-gap-extended .elementor-inner-section > .elementor-column-gap-extended{margin-left:-15px;margin-right:-15px;}
}
#pxl-main{padding:130px 0;}
@media screen and (max-width:1199px){
#pxl-main > .elementor-container{padding:0 15px;}
}
@media(max-width:575px){
#pxl-main{padding:60px 0;}
}
@media(max-width:767px){
#pxl-main{padding:70px 0;}
}
@media(max-width:991px){
#pxl-main{padding:90px 0;}
}
.elementor-section .elementor-container{flex-wrap:wrap;}
.error404 #pxl-main{padding:80px 0 50px 0 !important;}
@media screen and (max-width:1199px){
.error404 #pxl-main > .elementor-container{padding:0 15px;}
}
@media(max-width:575px){
.error404 #pxl-main{padding:60px 0 !important;}
}
@media(max-width:767px){
.error404 #pxl-main{padding:70px 0 !important;}
}
@media(max-width:991px){
.error404 #pxl-main{padding:90px 0 !important;}
}
.woocommerce #pxl-main, .woocommerce-js #pxl-main{padding:130px 0 130px 0;}
@media screen and (max-width:1199px){
.woocommerce #pxl-main > .elementor-container, .woocommerce-js #pxl-main > .elementor-container{padding:0 15px;}
}
@media(max-width:575px){
.woocommerce #pxl-main, .woocommerce-js #pxl-main{padding:60px 0;}
}
@media(max-width:767px){
.woocommerce #pxl-main, .woocommerce-js #pxl-main{padding:70px 0;}
}
@media(max-width:991px){
.woocommerce #pxl-main, .woocommerce-js #pxl-main{padding:90px 0;}
}
@media screen and (min-width:1200px){
.pxl-row-scroll-fixed > .elementor-container{align-items:flex-start;justify-content:space-between;}
.pxl-row-scroll-fixed .pxl-column-sticky{position:sticky;top:30px;}
}
@media(min-width:1500px){
.pxl_section_offset-left.pxl-container-width-container-1200{padding-left:calc((100% - 1230px)/2) !important;}
}
@media(min-width:1500px){
.pxl_section_offset-right.pxl-container-width-container-1200{padding-right:calc((100% - 1230px)/2) !important;}
}
.elementor-page #pxl-content-area.col-12, .elementor-page #pxl-footer-elementor .row > .col-12{padding:0;}
.single-post .pxl-item--excerpt > .elementor{margin:0 -15px;}
.pxl-bg-color-left{z-index:1;}
.pxl-bg-color-left:before{z-index:-1;content:'';background-color:#070f01;position:absolute;top:0;left:80px;right:0;bottom:0;}
@media screen and (max-width:1400px){
.pxl-bg-color-left:before{left:0;}
}
#pxl-page-title-elementor{background-color:#fff;}
#pxl-page-title-default{padding:152px 0 152px;background-color:#f6eeed;text-align:center;position:relative;}
@media screen and (max-width:1199px){
#pxl-page-title-default{padding:140px 0;background-position:center center !important;}
}
#pxl-page-title-default:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(250, 241, 240, 0.85);}
#pxl-page-title-default .container{z-index:99;}
#pxl-page-title-default .pxl-page-title{font-size:48px;margin-bottom:9px;}
@media screen and (max-width:1199px){
#pxl-page-title-default .pxl-page-title{font-size:42px;}
}
@media screen and (max-width:767px){
#pxl-page-title-default .pxl-page-title{font-size:36px;}
}
.pxl-breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;justify-content:center;color:#1b1b1b;}
.pxl-breadcrumb a{color:inherit;}
.pxl-breadcrumb a:hover{color:var(--primary-color);}
.pxl-breadcrumb li:after{content:"//";font-weight:700;margin:0 14px;font-weight:700;color:inherit;font-size:16px;}
.pxl-breadcrumb li:last-child{color:var(--primary-color);}
.pxl-breadcrumb li:last-child:before, .pxl-breadcrumb li:last-child:after{display:none;}
#pxl-footer-default{padding:40px 0;text-align:center;background-color:#222237;color:#b8b8d3;font-weight:500;}
#pxl-footer-default a{color:inherit;}
#pxl-footer-default a:hover{color:inherit;text-decoration:underline;}
.pxl-scroll-top{width:40px;height:40px;position:fixed;bottom:20px;right:0px;background-color:#fff;z-index:9999;-webkit-box-shadow:0 0 25px rgba(23, 23, 23, .25);-khtml-box-shadow:0 0 25px rgba(23, 23, 23, .25);-moz-box-shadow:0 0 25px rgba(23, 23, 23, .25);-ms-box-shadow:0 0 25px rgba(23, 23, 23, .25);-o-box-shadow:0 0 25px rgba(23, 23, 23, .25);box-shadow:0 0 25px rgba(23, 23, 23, .25);color:#383838;line-height:40px;text-align:center;-webkit-transform:rotate(-90deg) rotateX(90deg);-khtml-transform:rotate(-90deg) rotateX(90deg);-moz-transform:rotate(-90deg) rotateX(90deg);-ms-transform:rotate(-90deg) rotateX(90deg);-o-transform:rotate(-90deg) rotateX(90deg);transform:rotate(-90deg) rotateX(90deg);font-size:15px;opacity:0;visibility:hidden;}
.pxl-scroll-top.pxl-on{-webkit-transform:rotate(-90deg) rotateX(0deg);-khtml-transform:rotate(-90deg) rotateX(0deg);-moz-transform:rotate(-90deg) rotateX(0deg);-ms-transform:rotate(-90deg) rotateX(0deg);-o-transform:rotate(-90deg) rotateX(0deg);transform:rotate(-90deg) rotateX(0deg);bottom:60px;opacity:1;visibility:visible;}
@media screen and (max-width:1199px){
.pxl-scroll-top.pxl-on{bottom:15px;}
}
.pxl-scroll-top:hover, .pxl-scroll-top:focus{margin-bottom:4px;color:#fff;background-color:var(--primary-color);}
@media screen and (max-width:1400px){
.pxl-scroll-top{right:20px;}
}
@media screen and (max-width:1199px){
.pxl-scroll-top{width:30px;height:30px;line-height:30px;font-size:12px;right:15px;}
}
.pxl-footer-fixed #pxl-footer-elementor{width:100%;position:fixed;bottom:0;left:0;z-index:-1;}
@media screen and (max-width:1199px){
.pxl-footer-fixed #pxl-footer-elementor{position:static;}
}
.pxl-footer-fixed #pxl-header-elementor{background-color:#fff;}
.pxl-footer-fixed #pxl-main{background-color:#fff;}
@media screen and (max-width:1199px){
.pxl-footer-fixed #pxl-main{margin-bottom:0 !important;}
}
.elementor-editor-active #pxl-header-default, .elementor-editor-active #pxl-header-elementor, .elementor-editor-active #pxl-page-title-default, .elementor-editor-active #pxl-footer-elementor, .elementor-editor-active .pxl-menu-primary .sub-menu, .elementor-editor-active .pxl-menu-primary .children, .elementor-editor-active #pxl-page-title-elementor{display:none;}
.elementor-editor-active.single-footer #pxl-main, .elementor-editor-active.single-header #pxl-main{max-width:1200px;padding:0 15px;margin:auto;}
body img.mfp-img{padding:0 !important;}
body .mfp-fade.mfp-bg.mfp-ready{opacity:0.85;background-color:#000;}
body .mfp-bottom-bar{margin-top:0;}
body .mfp-wrap .mfp-container .mfp-content{max-width:1170px;position:static;}
body .mfp-wrap .mfp-container .mfp-content .mfp-close{padding:0;right:0;text-align:center;top:-36px;width:36px;height:36px;-webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;background:#fff;cursor:pointer;opacity:1;font-size:0px;border:9px solid transparent;position:absolute;}
body .mfp-wrap .mfp-container .mfp-content .mfp-close:before, body .mfp-wrap .mfp-container .mfp-content .mfp-close:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;transform-origin:50% 50%;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#222;}
body .mfp-wrap .mfp-container .mfp-content .mfp-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);}
body .mfp-wrap .mfp-container .mfp-content .mfp-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);}
body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:before, body .mfp-wrap .mfp-container .mfp-content .mfp-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);}
body .mfp-wrap .mfp-container .mfp-iframe-scaler{position:relative;overflow:visible;}
body .mfp-wrap .mfp-container .mfp-arrow{position:absolute;background-color:var(--primary-color);width:60px;height:120px;opacity:1;}
body .mfp-wrap .mfp-container .mfp-arrow:before, body .mfp-wrap .mfp-container .mfp-arrow:after{border:none;}
body .mfp-wrap .mfp-container .mfp-arrow:before{font-family:"Caseicon";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;}
body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before{content:"\f136";}
body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before{content:"\f14d";}
@media screen and (min-width:1200px){
body .mfp-wrap .mfp-container{padding:0 120px;}
}
@media screen and (min-width:992px){
body.blog .pxl-content-wrap.no-sidebar .pxl-content-area, body.archive .pxl-content-wrap.no-sidebar .pxl-content-area, body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area{max-width:900px;margin-left:auto;margin-right:auto;}
}
.pxl-row-divider-angle-top, .pxl-row-divider-angle-bottom, .pxl-row-divider-angle-top-bottom{z-index:1;}
.pxl-row-divider-angle-top > .elementor-container, .pxl-row-divider-angle-bottom > .elementor-container, .pxl-row-divider-angle-top-bottom > .elementor-container{z-index:2;}
.pxl-row-divider-angle-top .pxl-row-angle, .pxl-row-divider-angle-bottom .pxl-row-angle, .pxl-row-divider-angle-top-bottom .pxl-row-angle{position:absolute;left:0;right:0;}
.pxl-row-divider-angle-top .pxl-row-angle{top:0;-webkit-transform:scaleX(-1) scaleY(-1);-khtml-transform:scaleX(-1) scaleY(-1);-moz-transform:scaleX(-1) scaleY(-1);-ms-transform:scaleX(-1) scaleY(-1);-o-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1);}
.pxl-row-divider-angle-bottom .pxl-row-angle{bottom:0;}
.pxl-row-divider-angle-top-bottom .pxl-row-angle-top{top:0;-webkit-transform:scaleX(-1) scaleY(-1);-khtml-transform:scaleX(-1) scaleY(-1);-moz-transform:scaleX(-1) scaleY(-1);-ms-transform:scaleX(-1) scaleY(-1);-o-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1);}
.pxl-row-divider-angle-top-bottom .pxl-row-angle-bottom{bottom:0;}
@keyframes pxl_loader_digital1 {
0%{left:20%;}
50%{left:50%;}
100%{left:20%;}
}
@keyframes pxl_loader_digital2 {
0%{left:80%;}
50%{left:50%;}
100%{left:80%;}
}
.pxl-loader{background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}
.pxl-loader .pxl-loader-effect{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%);}
@media(min-width:1024px){
.pxl-loader .pxl-loader-effect{max-width:30%;}
}
@media(min-width:1500px){
.pxl-loader .pxl-loader-effect{max-width:25%;}
}
.pxl-loader.default .pxl-loader-effect{filter:url(#pxl-svg-digital);position:absolute;width:160px;height:160px;opacity:0.8;}
.pxl-loader.default .pxl-circle-1, .pxl-loader.default .pxl-circle-2{position:absolute;left:50%;top: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%);width:40px;height:40px;border-radius:100%;animation:pxl_loader_digital1 cubic-bezier(0.77, 0, 0.175, 1) 2.5s infinite;background:var(--primary-color);}
.pxl-loader.default .pxl-circle-2{animation-name:pxl_loader_digital2;background:var(--primary-color);}
.pxl-loader.style-software{background-image:-webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);background-image:-moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);background-image:-ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);background-image:-o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);background-image:linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');}
.pxl-loader.style-software .pxl-loader-effect{width:45px;height:45px;}
.pxl-loader.style-software .pxl-bounce-1, .pxl-loader.style-software .pxl-bounce-2{width:100%;height:100%;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-radius:50%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:pxl_loader_bounce 2s infinite ease-in-out;animation:pxl_loader_bounce 2s infinite ease-in-out;}
.pxl-loader.style-software .pxl-bounce-2{-webkit-animation-delay:-1s;animation-delay:-1s;}
.pxl-cursor{visibility:hidden;position:fixed;pointer-events:none;z-index:999999;display:flex;justify-content:center;align-items:center;-webkit-transition:transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);pointer-events:none;top:0;left:0;}
.pxl-cursor .pxl-cursor-wrapper{display:flex;justify-content:center;align-items:center;-webkit-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.pxl-cursor .pxl-cursor--follower{position:absolute;background-color:var(--primary-color);opacity:0.25;border-radius:100%;width:1.5rem;height:1.5rem;-webkit-transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.pxl-cursor .pxl-cursor--label{position:absolute;display:flex;justify-content:center;align-items:center;color:white;font-size:15px;text-transform:uppercase;letter-spacing:3px;transform:scale(0);will-change:transform, opacity;-webkit-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.pxl-cursor .pxl-cursor--icon{position:absolute;display:flex;justify-content:center;align-items:center;color:white;transform:scale(0);will-change:transform, opacity;-webkit-transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.pxl-cursor.is-enabled{visibility:visible;}
.pxl-cursor.is-hidden .pxl-cursor-wrapper{transform:scale(0) !important;}
.pxl-cursor.is-mouse-down .pxl-cursor-wrapper{transform:scale(0.8);}
.pxl-cursor.is-active .pxl-cursor--follower{-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12);-khtml-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12);-ms-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12);-o-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.12);-webkit-transform:scale(4);-khtml-transform:scale(4);-moz-transform:scale(4);-ms-transform:scale(4);-o-transform:scale(4);transform:scale(4);opacity:0;}
.pxl-cursor.is-active.has-label .pxl-cursor--follower{background-color:var(--primary-color);opacity:1;}
.pxl-cursor.is-active.has-label .pxl-cursor--label{transform:scale(1);}
.pxl-cursor.is-active.has-icon .pxl-cursor--follower, .pxl-cursor.is-active.has-icon-right .pxl-cursor--follower{background-color:black;opacity:0.8;}
.pxl-cursor.is-active.has-icon .pxl-cursor--icon{transform:scale(1);}
.pxl-cursor.is-active.has-icon .pxl-cursor--icon:before{content:"\f110";font-family:Flaticon;font-size:24px;color:#fff;}
.pxl-cursor.is-active.has-icon-right .pxl-cursor--icon{transform:scale(1);}
.pxl-cursor.is-active.has-icon-right .pxl-cursor--icon:before{content:"\f111";font-family:Flaticon;font-size:24px;color:#fff;}
.pxl-cursor.is-active.has-remove{opacity:0;}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower, .pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower{background-color:var(--primary-color);opacity:1;}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--follower, .pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--follower{-webkit-transform:scale(7.6);-khtml-transform:scale(7.6);-moz-transform:scale(7.6);-ms-transform:scale(7.6);-o-transform:scale(7.6);transform:scale(7.6);-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.pxl-cursor.style-morden.is-active.has-icon .pxl-cursor--icon:before, .pxl-cursor.style-morden.is-active.has-icon-right .pxl-cursor--icon:before{font-size:42px;}
.pxl-col-divider-right{position:relative;}
.pxl-col-divider-right:before{position:absolute;content:'';background-color:var(--primary-color);width:500000px;height:100%;top:0;right:0;transform:skew(-23deg);}
@media(max-width:1024px){
.pxl-col-divider-right:before{transform:skew(0deg);}
}
.pxl-col-divider-left{position:relative;}
.pxl-col-divider-left:before{position:absolute;content:'';background-color:var(--primary-color);width:500000px;height:100%;top:0;left:0;transform:skew(23deg);}
@media(max-width:1024px){
.pxl-col-divider-left:before{transform:skew(0deg);}
}
.list-slide{position:relative;}
.list-slide:before{position:absolute;content:'';width:8px;height:8px;background-color:var(--primary-color);top:8px;left:-30px;transform:rotate(45deg);}
@media(max-width:479px){
.list-slide:before{left:-15px;}
}
.button-slide-1{background-color:var(--primary-color);padding:10px 47px 11px 47px !important;font-weight:700 !important;font-size:16px !important;position:relative;}
.button-slide-1:before{position:absolute;content:'';top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid var(--primary-color);}
.box-price-slide{position:relative;}
.box-price-slide:before{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;animation:pulse 3s 1.5s infinite;box-shadow:0 0 0 3em rgba(255, 0, 0, 0);border-radius:500px;}
.box-price-slide:after{position:absolute;content:'';top:0px;left:0px;right:0px;bottom:0px;animation:pulse 3s infinite;box-shadow:0 0 0 3em rgba(255, 0, 0, 0);transition-delay:2000ms;border-radius:500px;}
.text-slider-2 span{color:var(--primary-color) !important;}
.button-slider-2{height:55px !important;clip-path:polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0);width:165px !important;background-color:var(--primary-color) !important;color:#fff;font-size:16px !important;text-align:center;padding-left:23px !important;transition:300ms !important;}
.button-slider-2:after{background-color:#fff !important;}
.button-slider-2:hover{color:#000 !important;}
.button-slider-6{height:57px !important;line-height:55px !important;width:200px !important;background-color:var(--primary-color) !important;color:#fff;font-size:16px !important;text-align:center;padding-left:23px !important;transition:300ms !important;}
.button-slider-6 i{margin-right:15px;transform:translateY(2px);font-size:18px !important;}
.button-slider-6:after{background-color:#fff !important;}
.button-slider-6:hover{color:#000 !important;}
.button-slider-6-2{height:57px !important;line-height:55px !important;width:160px !important;background-color:#fff !important;color:#000 !important;font-size:16px !important;text-align:center;padding-left:13px !important;transition:300ms !important;}
.button-slider-6-2 i{margin-right:11px;margin-left:16px;font-size:18px !important;}
.button-slider-6-2:after{background-color:var(--primary-color) !important;}
.button-slider-6-2:hover{color:#fff !important;}
.button-slider-4{height:50px !important;width:157px !important;background-color:var(--primary-color) !important;color:#fff;font-size:15px !important;line-height:48px !important;border-radius:200px;transition:300ms all linear 0ms !important;}
.button-slider-4:hover{background-color:#000 !important;}
.button-slider-5{height:56px !important;width:186px !important;background-color:transparent !important;border:2px solid #f1f4fd !important;color:#fff;font-size:15px !important;line-height:48px !important;text-align:center;transition:300ms all linear 0ms !important;}
.button-slider-5:before{position:absolute;content:'';background-color:#fff;top:0;left:0;transform:scaleY(0);transform-origin:center;width:100%;height:100%;z-index:-1;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.button-slider-5:hover{color:#000 !important;}
.button-slider-5:hover:before{transform:scaleY(1);}
@media(max-width:950px){
.hide-950{display:none !important;}
}
@media(max-width:1150px) and (min-width:1024px){
.hide-950{display:none !important;}
}
#parallax-1{background-attachment:fixed !important;background-position-y:-0.2;background-repeat:no-repeat !important;-webkit-background-size:cover !important;-moz-background-size:cover !important;background-size:cover !important;-o-background-size:cover !important;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.tp-bullets.custom .tp-bullet{width:53px !important;height:53px !important;border-radius:200px !important;border:2px solid transparent;background-color:transparent !important;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.tp-bullets.custom .tp-bullet:before{position:absolute;width:100%;height:100%;text-align:center;line-height:53px;font-size:18px;font-weight:700;color:#fff;}
.tp-bullets.custom .tp-bullet:nth-child(1):before{content:'01';}
.tp-bullets.custom .tp-bullet:nth-child(2):before{content:'02';}
.tp-bullets.custom .tp-bullet:nth-child(3):before{content:'03';}
.tp-bullets.custom .tp-bullet:nth-child(4):before{content:'04';}
.tp-bullets.custom .tp-bullet.selected{border-color:#fff;}
.shadow-1, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner, .pxl-icon-box9 .pxl-item--icon{box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.fill-img img{filter:grayscale(50%);-webkit-transition:250ms all linear 0ms;-khtml-transition:250ms all linear 0ms;-moz-transition:250ms all linear 0ms;-ms-transition:250ms all linear 0ms;-o-transition:250ms all linear 0ms;transition:250ms all linear 0ms;}
.fill-img:hover img{filter:grayscale(0%) !important;}
.fs-17{font-size:17px;}
.lt-4{letter-spacing:-0.03em !important;}
.pxl-text-center{text-align:center;}
.pxl-text-left{text-align:left;}
.pxl-text-right{text-align:right;}
.pxl-img--mask{width:100px;height:100px;position:relative;}
.pxl-img--mask .pxl--mask{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;-webkit-mask-position:center center;-ms-mask-position:center center;-o-mask-position:center center;mask-position:center center;mask-size:cover;-webkit-mask-size:cover;}
.pxl-flex-grow{flex-grow:1;}
.pxl-icon--plus{height:10px;width:10px;position:relative;}
.pxl-icon--plus:before, .pxl-icon--plus:after{content:'';background-color:#fff;position:absolute;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
.pxl-icon--plus:before{width:10px;height:2px;top:4px;left:0;}
.pxl-icon--plus:after{width:2px;height:10px;left:4px;top:0;}
.pxl-inline-flex{display:inline-flex;align-items:center;}
.pxl-flex{display:flex;flex-wrap:wrap;align-items:center;}
.pxl-widget-flex > .elementor-widget-container > div{display:flex;}
.el-empty:empty{display:none !important;}
.pxl-spill, .pxl-swiper-arrow.style2:before, .pxl-gallery .pxl--item-inner.video-active:before, .pxl-button-video1.style2, .pxl-icon1.hv-style-gradient a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.pxl-middle, .revslider-initialised .roofex-arrows-1.tparrows:before, .pxl-icon1.style-round-box a i, .pxl-icon1.style-round-box-1 a i, .pxl-video-player .pxl-box--icon i, .pxl-video-player1 .btn-video i, .pxl-swiper-arrow-style4 .pxl-swiper-arrow i{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%);}
.pxl-icon--middle{position:relative;}
.pxl-icon--middle *{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%);}
.pxl-item--flex{display:flex;flex-wrap:wrap;align-items:center;}
.pxl-item--flexnw{display:flex;flex-wrap:nowrap;align-items:center;}
.color-inherit{color:inherit;}
.color-inherit:hover{color:inherit;}
.color-primary{color:var(--primary-color);}
.text-gradient, body.rtl #pxl-page-title-default .pxl-breadcrumb li:before, .pxl-heading .highlight-text-gradient .pxl-title--highlight, .pxl-heading .pxl-item--subtitle.sub-text-gradient span, .pxl-button-video1.style1 i, .pxl-pagination1 a:hover span, .pxl-pagination1 a:hover i, .pxl-title-effect.pxl-type-gradient .pxl-item--title, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li:hover > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_item > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-item > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_ancestor > a, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-ancestor > a, .swiper-filter-wrap .filter-item.active span, .pxl-grid-filter3 .filter-item.active span, .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover i{background-color:var(--gradient-color-from);background-image:-webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));background-image:-webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');background-color:transparent;background-clip:text;-o-background-clip:text;-ms-background-clip:text;-moz-background-clip:text;-webkit-background-clip:text;text-fill-color:transparent;-o-text-fill-color:transparent;-ms-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-text-fill-color:transparent;}
.rm-text-gradient{text-fill-color:inherit;-webkit-text-fill-color:inherit;background-image:none;}
.bg-gradient, .pxl-heading .pxl-item--subtitle.sub-style-gradient span, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li > a:before{background-color:var(--gradient-color-from);background-image:-webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));background-image:-webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:-o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));background-image:linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');}
.bg-gradient-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));background-image:-webkit-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));background-image:-moz-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));background-image:-ms-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));background-image:-o-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));background-image:linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');}
.ft-theme-default, .woocommerce .woocommerce-tabs ul.wc-tabs li a, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .single-product .pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description strong, .single-product .pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .single-product > div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author, .widget_products ul li .product-title a, body.woocommerce-cart .woocommerce-cart-form .shop_table thead th, body.woocommerce-cart .woocommerce-cart-form tbody .product-name a, .woocommerce-checkout .form-row > label, .woocommerce-checkout form.woocommerce-checkout #order_review_heading, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th, .woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td, .woosw-list .woosw-item--name, .woocommerce-result-count, .woocommerce-notices-wrapper .woocommerce-message, #respond input#submit.alt, #respond input#submit, a.button, a.wc-forward, button.button, input.button, .cart button.button, a.button.alt, .form-row button.button.alt, .woocommerce #pxl-sidebar-area .widget_price_filter .price_label, .widget_price_filter .button, .single-product .pxl-content-area div.product .entry-summary .price, .single-product > div.product .entry-summary .price, .woocommerce form .select2-container--default .select2-selection .select2-selection__rendered, .woocommerce-page form .select2-container--default .select2-selection .select2-selection__rendered, .pxl-grid-filter1 .filter-item, blockquote, blockquote, .pxl-breadcrumb, .button-slider-2, .button-slider-6, .button-slider-6-2, .button-slider-4, .button-slider-5, .tp-bullets.custom .tp-bullet:before, .pxl-single-post-meta, .pxl-item--post .pxl-item--meta, .pxl--post-footer label, .pxl--post-footer .pxl--social .title-social, .pxl-post--navigation .pxl--meta .title-post-nav a, .pxl-post--navigation .pxl--meta .item-title, .pxl-related-post .pxl--meta .title-post-nav a, .pxl-related-post .pxl--meta .item-title, .pxl-related-post .pxl--readmore-nav, .pxl-related-post .pxl--readmore-related, 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, .pxl-select-higthlight, .wrap-ctf1 .wpcf7-submit, .wrap-ctf10 .ctf10 .input-filled .title p, .wrap-ctf10 .ctf10 .input-filled .title, .form-h1 button, .wrap-ctf-service .wrap-input button, .wrap-ctf-team .wrap-input button, .wrap-ctf-service-home3 .wrap-input button, .wrap-ctf-v2 .input-filled button, .wrap-ctf-v1 .input-filled button, .wrap-ctf-v3 .input-filled button, .error404 .wrap-content-404 .pxl-error-button, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title, .widget_block h2, .widget_block label, .pxl-heading .pxl-item--subtitle.sub-text-gradient, .pxl-link.hv-style4 li, .pxl-link.hv-style5 li, .pxl-link.hv-style6 li, .gallery-image .wrap-title, .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-desc, .pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-title, .tt_timetable th, .pxl-history .tetx-start, .pxl-history .pxl-history-l1 li .title, .pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) .pxl-item--title, .pxl-text-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--title, .pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title, .pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title, .pxl-piechart-layout1 .pxl-piechart .item--value span, .pxl-piechart-layout1 .pxl-piechart .item--value span i, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--title, .pxl-mailchimp.style-box-round [type="email"], .pxl-mailchimp.style-box-round [type="submit"], .pxl-mailchimp.style-box-white [type="email"], .pxl-mailchimp.style-box-white2 [type="email"], .pxl-grid-filter2, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a, .pxl-portfolio-grid-layout1 .btn, .pxl-icon-box6 .pxl-item--meta .pxl-item--title, .pxl-bn-box2 .ct-banner-title, .pxl-counter5 .pxl--counter-number .pxl--counter-value, .pxl-video-player1 .pxl-video-text, .pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--title, .pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .swiper-filter-wrap .filter-item, .pxl-grid-filter3 .filter-item, .pxl-post-carousel1 .wrap-feature .pxl-item--date .month-day, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .month-day, .pxl-post-carousel1 .pxl-item--readmore .btn-readmore, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore, .pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab, .pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab, .pxl-tabs1.style-round-box .pxl-item--title, .pxl-tabs1 .pxl-item--title, .tt_navigation_cell .tt_tabs_navigation li a, .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .title-tab, .pxl-progressbar-1 .pxl--percentage, .pxl-progressbar-2 .pxl--percentage, .pxl-pricing1 .pxl-item--price, .pxl-pricing1 .pxl-item--readmore .btn-readmore, .pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title{font-family:"Playfair Display", sans-serif;}
.bg-image, #pxl-page-title-default{background-position:center;background-repeat:no-repeat;background-size:cover;}
.pxl-close{-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background:rgba(255, 255, 255, 0.7);border:9px solid transparent;color:#777;width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;position:absolute;top:20px;right:40px;z-index:1;cursor:pointer;opacity:0;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl-close:before, .pxl-close:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;transform-origin:50% 50%;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#1b1b1b;}
.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-left{float:left;}
.pxl-right{float:right;}
.pxl-hide{display:none;}
@media screen and (min-width:1200px){
.pxl-hide-xl{display:none !important;}
.pxl-col-line1{position:relative !important;}
.pxl-col-line1:before{content:'';position:absolute;width:1px;height:calc(100% - 50px);background-color:rgba(0, 0, 0, 0.08);top:50%;right:25px;-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%);}
.pxl-col-line2{position:relative !important;}
.pxl-col-line2:before{content:'';position:absolute;width:1px;height:80px;background-color:#ededed;top:50%;right:0;-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%);}
}
@media screen and (max-width:1199px){
.pxl-hide-lg{display:none !important;}
}
#pxl-header-default{position:relative;z-index:999;background-color:#fff;}
#pxl-header-default .row{align-items:center;}
@media screen and (min-width:1200px){
#pxl-header-default .row > div{padding:0 15px;}
}
#pxl-header-default .pxl-header-branding{display:flex;align-items:center;flex-grow:1;}
#pxl-header-default .pxl-header-branding a{display:inline-flex;}
#pxl-header-default .pxl-header-branding img{height:45px;max-width:inherit;}
#pxl-header-default #pxl-nav-mobile{display:none;}
#pxl-header-elementor #pxl-header-mobile{display:none;}
#pxl-header-elementor .pxl-header-elementor-main{position:relative;z-index:999;}
#pxl-header-elementor .pxl-header-elementor-sticky{position:fixed;top:0;left:0;right:0;z-index:999;top:0;-webkit-transform:translateY(-100%);-khtml-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:0.6s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.6s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.6s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.6s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.6s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.6s cubic-bezier(0.24, 0.74, 0.58, 1);visibility:hidden;}
#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-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;-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-elementor .px-header--transparent{position:absolute;top:0;left:0;right:0;width:100%;z-index:999;}
.p-0{}
@media(max-width:1199px){
.p-0{padding:0 !important;}
}
@media(max-width:1199px){
.sub-menu .elementor-section{width:100% !important;}
.sub-menu .shadow-1, .sub-menu .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner, .pxl-blog-grid-layout1 .pxl-grid-item .sub-menu .pxl-item--inner, .sub-menu .pxl-icon-box9 .pxl-item--icon, .pxl-icon-box9 .sub-menu .pxl-item--icon{box-shadow:none !important;}
}
.sub-menu.pxl-mega-menu{background-color:transparent !important;padding:0 !important;}
@media(min-width:1200px){
.sub-menu.pxl-mega-menu{box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 12px;}
}
.sub-menu.pxl-mega-menu .pxl-link li:before{position:absolute;content:'';background-color:var(--primary-color);width:0;bottom:0;left:0;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.sub-menu.pxl-mega-menu .pxl-link li:hover{background-color:transparent !important;}
.sub-menu.pxl-mega-menu .pxl-link li:hover:before{width:100%;}
.sub-menu.pxl-mega-menu .pxl-link li:hover a{color:var(--primary-color);}
@media(max-width:1200px){
.sub-menu .pxl-link a{width:100%;}
}
@media(max-width:1199px){
.sub-menu .elementor-element{width:100% !important;}
}
@media screen and (min-width:1200px){ .pxl-menu-primary{list-style:none;margin:0;padding:0;}
.pxl-menu-primary > ul > li > > a:before{opacity:0;}
.pxl-menu-primary ul{list-style:none;margin:0;padding:7px 0 25px 0;}
.pxl-menu-primary > li > ul{padding:15px 0 30px 0;}
.pxl-menu-primary li{position:relative;color:var(--secondary-color);}
.pxl-menu-primary li a{font-size:15px;color:var(--secondary-color);position:relative;font-weight:500;}
.pxl-menu-primary li a:before{position:absolute;content:'';background-color:var(--primary-color);height:1px;width:0;left:0;bottom:-1px;transition:300ms;}
.pxl-menu-primary li a:hover:before{width:100%;}
.pxl-menu-primary > li{display:inline-block;vertical-align:middle;margin:0 16px;}
.pxl-menu-primary > li > a{line-height:100px;font-size:17px;font-weight:700;display:inline-block;}
.pxl-menu-primary .sub-menu{border-top:1px solid var(--primary-color);}
.pxl-menu-primary .sub-menu, .pxl-menu-primary .children{position:absolute;top:100%;left:0;background-color:#fff;margin-bottom:0;min-width:250px;z-index:99;transform:scaleY(0);opacity:0;transform-origin:top;-webkit-box-shadow:0 15px 30px -10px rgba(0, 0, 0, .09);-khtml-box-shadow:0 15px 30px -10px rgba(0, 0, 0, .09);-moz-box-shadow:0 15px 30px -10px rgba(0, 0, 0, .09);-ms-box-shadow:0 15px 30px -10px rgba(0, 0, 0, .09);-o-box-shadow:0 15px 30px -10px rgba(0, 0, 0, .09);box-shadow:0 15px 30px -10px rgba(0, 0, 0, .09);-webkit-transition:all 200ms linear 0ms;-khtml-transition:all 200ms linear 0ms;-moz-transition:all 200ms linear 0ms;-ms-transition:all 200ms linear 0ms;-o-transition:all 200ms linear 0ms;transition:all 200ms linear 0ms;transform-origin:0 0 0;-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;text-align:left;}
.pxl-menu-primary .sub-menu li, .pxl-menu-primary .children li{padding:0px 35px;white-space:nowrap;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;background-color:transparent !important;}
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a{line-height:50px;display:block;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-weight:700;border-bottom:1px solid #eaeaea;font-family:'Lato', sans-serif;}
.pxl-menu-primary .sub-menu li a span, .pxl-menu-primary .children li a span{position:relative;display:inline-block;}
.pxl-menu-primary .sub-menu li > a:hover, .pxl-menu-primary .children li > a:hover, .pxl-menu-primary .sub-menu li.current_page_item > a, .pxl-menu-primary .children li.current_page_item > a, .pxl-menu-primary .sub-menu li.current-menu-item > a, .pxl-menu-primary .children li.current-menu-item > a, .pxl-menu-primary .sub-menu li.current_page_ancestor > a, .pxl-menu-primary .children li.current_page_ancestor > a, .pxl-menu-primary .sub-menu li.current-menu-ancestor > a, .pxl-menu-primary .children li.current-menu-ancestor > a{color:var(--primary-color);}
> .pxl-menu-primary .sub-menu li:hover > a, > .pxl-menu-primary .children li:hover > a{color:var(--primary-color);}
.pxl-menu-primary .sub-menu .sub-menu, .pxl-menu-primary .children .sub-menu, .pxl-menu-primary .sub-menu .children, .pxl-menu-primary .children .children{top:-1px;left:100%;}
.pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse, .pxl-menu-primary .children .sub-menu.pxl-sub-reverse, .pxl-menu-primary .sub-menu .children.pxl-sub-reverse, .pxl-menu-primary .children .children.pxl-sub-reverse{left:auto;right:100%;}
.pxl-menu-primary .sub-menu .pxl-heading .pxl-item--title, .pxl-menu-primary .children .pxl-heading .pxl-item--title{color:inherit !important;}
.pxl-menu-primary li:hover > .sub-menu, .pxl-menu-primary li.focus > .sub-menu, .pxl-menu-primary li:hover > .children, .pxl-menu-primary li.focus > .children{transform:scaleY(1);opacity:1;}
.pxl-menu-primary .pxl-megamenu{position:static;}
.pxl-menu-primary .pxl-megamenu > .sub-menu{padding:20px 0;max-width:100%;margin-left:auto;margin-right:auto;left:0;right:0;-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.pxl-menu-primary .pxl-megamenu .pxl-link li{padding:0;margin-bottom:0;}
.pxl-menu-toggle{display:none;}
#pxl-header-default .pxl-header-main{position:absolute;top:0;left:0;width:100%;right:0;z-index:999;}
#pxl-header-default .pxl-header-main .container{max-width:1660px;}
#pxl-header-default .pxl-menu-primary > li:hover > a:before, #pxl-header-default .pxl-menu-primary > li.current_page_item > a:before, #pxl-header-default .pxl-menu-primary > li.current-menu-item > a:before, #pxl-header-default .pxl-menu-primary > li.current_page_ancestor > a:before, #pxl-header-default .pxl-menu-primary > li.current-menu-ancestor > a:before{width:100%;}
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
.pxl-menu-primary > li{margin:0 13px;}
}
@media screen and (min-width: 1200px) and (max-width: 1200px) {
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a{padding-left:10px !important;}
}
@media screen and (max-width:1199px){ #pxl-header-elementor .pxl-header-elementor-main, #pxl-header-elementor .pxl-header-elementor-sticky{display:none;}
#pxl-header-elementor #pxl-header-mobile{display:block;-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);position:relative;z-index:999;}
#pxl-header-default, #pxl-header-elementor{position:relative;-webkit-box-shadow:0 0px 15px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0px 15px rgba(0, 0, 0, 0.08);-moz-box-shadow:0 0px 15px rgba(0, 0, 0, 0.08);-ms-box-shadow:0 0px 15px rgba(0, 0, 0, 0.08);-o-box-shadow:0 0px 15px rgba(0, 0, 0, 0.08);box-shadow:0 0px 15px rgba(0, 0, 0, 0.08);background-color:#fff;}
#pxl-header-default .pxl-header-main, #pxl-header-elementor .pxl-header-main{position:relative;}
#pxl-header-default .pxl-header-branding, #pxl-header-elementor .pxl-header-branding{margin:15px;min-height:50px;align-items:center;display:flex;}
#pxl-header-default .pxl-header-branding img, #pxl-header-elementor .pxl-header-branding img{height:45px;}
#pxl-header-default #pxl-nav-mobile, #pxl-header-elementor #pxl-nav-mobile{display:block;position:absolute;top:50%;right:15px;-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%);display:flex;flex-wrap:wrap;align-items:center;}
#pxl-header-default #pxl-nav-mobile .pxl-mobile-meta-item, #pxl-header-elementor #pxl-nav-mobile .pxl-mobile-meta-item{margin-left:10px;}
.pxl-nav-mobile-button{width:34px;height:20px;position:relative;cursor:pointer;}
.pxl-nav-mobile-button:before, .pxl-nav-mobile-button:after, .pxl-nav-mobile-button span{content:'';background-color:var(--secondary-color);height:2px;position:absolute;left:0;right:0;margin:auto;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
.pxl-nav-mobile-button:before{top:0;width:24px;}
.pxl-nav-mobile-button:after{bottom:0;width:24px;}
.pxl-nav-mobile-button span{top:9px;width:100%;}
.pxl-nav-mobile-button:hover:before, .pxl-nav-mobile-button:hover:after{width:100%;}
.pxl-header-menu-backdrop{z-index:998;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(34, 34, 55, 0.6);-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);opacity:0;visibility:hidden;}
.pxl-header-menu{position:fixed;height:100vh;width:300px;top:0;left:0;bottom:0;margin:0;overflow:hidden;z-index:999;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform:translateX(-100%);-khtml-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden;-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.08);-khtml-box-shadow:0 0 15px rgba(0, 0, 0, 0.08);-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.08);-ms-box-shadow:0 0 15px rgba(0, 0, 0, 0.08);-o-box-shadow:0 0 15px rgba(0, 0, 0, 0.08);box-shadow:0 0 15px rgba(0, 0, 0, 0.08);background-color:#fff;overflow-y:scroll;}
.pxl-header-menu.active{visibility:visible;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%);}
.pxl-header-menu.active + .pxl-header-menu-backdrop{opacity:1;visibility:visible;}
.pxl-header-menu-scroll{padding:40px 35px;}
.pxl-menu-toggle{position:absolute;top:10px;height:28px;line-height:28px;text-align:center;right:0px;width:28px;cursor:pointer;font-size:10px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);color:var(--secondary-color);-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:rgba(0, 0, 0, 0.03);}
.pxl-menu-toggle:before{content:"\f150";font-family:"Caseicon";}
.pxl-menu-toggle.active:before{content:"\f13d";}
.pxl-menu-primary{list-style:none;margin:0;padding:0;}
.pxl-menu-primary li{position:relative;}
.pxl-menu-primary li a{display:block;line-height:46px;color:var(--secondary-color);font-size:14px;font-weight:500;border-bottom:1px solid rgba(0, 0, 0, 0.06);}
.pxl-menu-primary li > a:hover, .pxl-menu-primary li.current_page_item > a, .pxl-menu-primary li.current-menu-item > a, .pxl-menu-primary li.current_page_ancestor > a, .pxl-menu-primary li.current-menu-ancestor > a{color:var(--primary-color);}
.pxl-menu-primary .sub-menu, .pxl-menu-primary .children{position:relative;display:none;list-style:none;margin:0;padding:0;}
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a{font-weight:500;padding-left:14px;}
.pxl-menu-primary > li > .sub-menu > li > .sub-menu > li a{padding-left:28px;}
.pxl-menu-primary .pxl-megamenu .elementor-container > .elementor-column{width:100%;}
.pxl-menu-primary .pxl-megamenu .elementor-container .elementor-widget-wrap{padding:0 !important;}
.pxl-menu-primary .pxl-megamenu .pxl-link li{margin:0;}
.pxl-menu-primary .pxl-megamenu .pxl-link li:hover{background-color:transparent !important;}
.pxl-menu-primary .pxl-megamenu .pxl-heading{padding-left:14px;border-bottom:1px solid rgba(0, 0, 0, 0.06);padding-top:12px;padding-bottom:12px;}
.pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title{margin-bottom:0 !important;font-size:15px !important;border-bottom:none !important;}
.pxl-menu-primary .pxl-megamenu .elementor-widget-heading > .elementor-widget-container{margin-bottom:0 !important;border-bottom:none !important;}
.pxl-menu-primary .pxl-megamenu .elementor-section .elementor-container{flex-wrap:wrap;}
.pxl-logo-mobile{margin-bottom:20px;}
.pxl-logo-mobile img{height:35px;}
.pxl-header-mobile-search{margin-bottom:20px;}
.pxl-header-mobile-search form{position:relative;}
.pxl-header-mobile-search .search-field{height:40px;border:none;padding:0;padding-left:0px;border-bottom:2px solid #ececec;border-radius:0;}
.pxl-header-mobile-search .search-field:hover, .pxl-header-mobile-search .search-field:focus{border-top:none !important;border-left:none !important;border-right:none !important;border-bottom:2px solid var(--primary-color) !important;}
.pxl-header-mobile-search .search-submit{position:absolute;top:0;right:0;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;line-height:36px;padding:0;width:30px;height:40px;line-height:40px;background:none;color:var(--primary-color);}
.pxl-header-mobile-search .search-submit:hover, .pxl-header-mobile-search .search-submit:focus{color:var(--primary-color);border-color:var(--primary-color);}
.pxl-menu-close{background-color:rgba(0, 0, 0, 0.03);position:absolute;top:0;right:0;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
}
@media screen and (max-width: 1199px) and (max-width: 1200px) {
.pxl-menu-primary li a{font-weight:700 !important;}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a{padding-left:10px;}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.pxl-menu-primary .pxl-megamenu .pxl-heading{padding-left:0;}
}
#pxl-search-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;visibility:hidden;}
#pxl-search-popup .pxl-item--close{width:45px;height:45px;position:absolute;background-color:rgba(0, 0, 0, 0.04);top:40px;left:50%;transform:translate(-50%, 0);z-index:99;border-radius:45px;border-width:11px;opacity:1;}
#pxl-search-popup .pxl-item--conent{background-size:cover;background-position:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-wrap:wrap;align-items:flex-end;padding:0 15px 80px 15px;-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transform:scaley(0);-khtml-transform:scaley(0);-moz-transform:scaley(0);-ms-transform:scaley(0);-o-transform:scaley(0);transform:scaley(0);transform-origin:center;}
#pxl-search-popup .pxl-item--conent form{max-width:760px;margin:auto;width:100%;position:relative;}
#pxl-search-popup .pxl-item--conent form .search-field{height:80px;padding:16px 0;color:rgba(0, 0, 0, 0.48);font-size:30px;border:none !important;background-color:transparent;}
#pxl-search-popup .pxl-item--conent form .search-submit{position:absolute;top:50%;right:0;-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%);width:80px;height:80px;line-height:80px;text-align:right;border:none;background:none;font-size:28px;padding:0;z-index:99;cursor:pointer;}
#pxl-search-popup .pxl--search-divider{height:2px;position:absolute;width:100%;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.6);}
#pxl-search-popup .pxl-item--overlay{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(34, 34, 55, 0.6);opacity:0;visibility:hidden;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
#pxl-search-popup.active{visibility:visible;}
#pxl-search-popup.active .pxl-item--overlay{opacity:1;visibility:visible;}
#pxl-search-popup.active .pxl-item--conent{-webkit-transform:scaley(1);-khtml-transform:scaley(1);-moz-transform:scaley(1);-ms-transform:scaley(1);-o-transform:scaley(1);transform:scaley(1);}
.admin-bar{}
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup{top:32px;}
@media screen and (max-width:782px){
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup{top:46px;}
}
@media screen and (max-width:600px){
.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed, .admin-bar .pxl-header-menu, .admin-bar #pxl-header-elementor .px-header--transparent, .admin-bar #pxl-search-popup{top:0;}
}
.elementor-editor-active .pxl-type-header-clip > .elementor-container .pxl-header-shape{display:none;}
.elementor-editor-active .pxl-type-header-clip > .elementor-container .pxl-header-shape:last-child{display:block;}
.pxl-type-header-clip > .elementor-container{position:relative !important;z-index:1;}
.pxl-type-header-clip > .elementor-container .pxl-header-shape{position:absolute;top:50%;left:15px;right:15px;height:100px;-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%);z-index:-1;filter:drop-shadow(0px 10px 35px rgba(0, 0, 0, 0.08));margin-left:52px;margin-right:190px;}
.pxl-type-header-clip > .elementor-container .pxl-header-shape span{clip-path:polygon(0% 0%, 100% 22%, 100% 78%, 0% 100%);-webkit-clip-path:polygon(0% 0%, 100% 22%, 100% 78%, 0% 100%);background-color:#fff;position:absolute;top:0;left:0;width:100%;height:100px;}
.pxl-type-header-clip > .elementor-container .pxl-header-shape svg{fill:var(--primary-color);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%);width:100%;}
.pxl-type-header-clip > .elementor-container .pxl-header-shape:before, .pxl-type-header-clip > .elementor-container .pxl-header-shape:after{content:'';position:absolute;width:100px;height:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;top:0;}
.pxl-type-header-clip > .elementor-container .pxl-header-shape:before{left:-45px;background-color:#fff;z-index:99;}
.pxl-type-header-clip > .elementor-container .pxl-header-shape:after{left:-52px;background-color:var(--primary-color);z-index:88;}
@media(max-width:1300px){
.none-hd{display:none;}
}
.post .pxl-showcase .notification, .page .pxl-showcase .notification, .pxl-showcase .notification{box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;line-height:33px;height:33px;font-size:13px;font-weight:700;color:#14287b;background-color:#ffd532;position:absolute;width:180px;padding:0 10px;-webkit-transform:rotate(-45deg);-khtml-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:25px;left:-48px;font-family:poppins, sans-serif;text-align:center;text-transform:uppercase;z-index:3;}
.post .pxl-showcase.layout1 a, .page .pxl-showcase.layout1 a, .pxl-showcase.layout1 a{text-align:center !important;}
.post .pxl-showcase.layout1 .item-feature, .page .pxl-showcase.layout1 .item-feature, .pxl-showcase.layout1 .item-feature{box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;margin-bottom:20px;position:relative;overflow:hidden;}
.post .pxl-showcase.layout1 .item-feature img, .page .pxl-showcase.layout1 .item-feature img, .pxl-showcase.layout1 .item-feature img{width:100%;}
.post .pxl-showcase.layout1 .item-feature:after, .page .pxl-showcase.layout1 .item-feature:after, .pxl-showcase.layout1 .item-feature:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .49);z-index:1;-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;opacity:0;}
.post .pxl-showcase.layout1 .item-title, .page .pxl-showcase.layout1 .item-title, .pxl-showcase.layout1 .item-title{font-size:16px;color:var(--secondary-color);text-transform:capitalize;font-weight:700;}
.post .pxl-showcase.layout1 .item-title a, .page .pxl-showcase.layout1 .item-title a, .pxl-showcase.layout1 .item-title a{font-size:16px;color:var(--secondary-color);text-transform:capitalize;font-weight:700;}
.post .pxl-showcase.layout1 .item-title a:hover, .page .pxl-showcase.layout1 .item-title a:hover, .pxl-showcase.layout1 .item-title a:hover{padding-left:0;color:var(--primary-color);}
.post .pxl-showcase.layout1 .item-title a:before, .page .pxl-showcase.layout1 .item-title a:before, .pxl-showcase.layout1 .item-title a:before{display:none;}
.post .pxl-showcase.layout1 .pxl-item-links, .page .pxl-showcase.layout1 .pxl-item-links, .pxl-showcase.layout1 .pxl-item-links{opacity:0;position:absolute;z-index:2;top:100%;left:0;position:0;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;-webkit-transition:all 200ms linear 0ms;-khtml-transition:all 200ms linear 0ms;-moz-transition:all 200ms linear 0ms;-ms-transition:all 200ms linear 0ms;-o-transition:all 200ms linear 0ms;transition:all 200ms linear 0ms;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center;}
.post .pxl-showcase.layout1 .pxl-item-links a, .page .pxl-showcase.layout1 .pxl-item-links a, .pxl-showcase.layout1 .pxl-item-links a{display:inline-block;min-width:100px;background-color:var(--secondary-color);line-height:40px;padding:0 10px;margin:5px;color:#fff;font-size:13px;overflow:hidden;position:relative;padding-left:10px !important;text-align:center !important;font-weight:700;}
.post .pxl-showcase.layout1 .pxl-item-links a:before, .page .pxl-showcase.layout1 .pxl-item-links a:before, .pxl-showcase.layout1 .pxl-item-links a:before{display:none;}
.post .pxl-showcase.layout1 .pxl-item-links a:after, .page .pxl-showcase.layout1 .pxl-item-links a:after, .pxl-showcase.layout1 .pxl-item-links a:after{content:"";background:#fff;-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;position:absolute;height:120%;width:15px;opacity:0.2;left:-35%;top:-10%;-webkit-transform:rotate(0deg);-khtml-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.post .pxl-showcase.layout1 .pxl-item-links a:hover, .page .pxl-showcase.layout1 .pxl-item-links a:hover, .pxl-showcase.layout1 .pxl-item-links a:hover{background-color:var(--primary-color);}
.post .pxl-showcase.layout1 .pxl-item-links a:hover span, .page .pxl-showcase.layout1 .pxl-item-links a:hover span, .pxl-showcase.layout1 .pxl-item-links a:hover span{color:#fff;}
.post .pxl-showcase.layout1 .pxl-item-links a:hover:after, .page .pxl-showcase.layout1 .pxl-item-links a:hover:after, .pxl-showcase.layout1 .pxl-item-links a:hover:after{left:130%;}
.post .pxl-showcase.layout1 .pxl-item-links a span, .page .pxl-showcase.layout1 .pxl-item-links a span, .pxl-showcase.layout1 .pxl-item-links a span{margin-top:0;}
.post .pxl-showcase.layout1 .inner-box, .page .pxl-showcase.layout1 .inner-box, .pxl-showcase.layout1 .inner-box{text-align:center;}
.post .pxl-showcase.layout1:hover .item-feature:after, .page .pxl-showcase.layout1:hover .item-feature:after, .pxl-showcase.layout1:hover .item-feature:after{opacity:1;}
.post .pxl-showcase.layout1:hover .item-feature img, .page .pxl-showcase.layout1:hover .item-feature img, .pxl-showcase.layout1:hover .item-feature img{-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.post .pxl-showcase.layout1:hover .pxl-item-links, .page .pxl-showcase.layout1:hover .pxl-item-links, .pxl-showcase.layout1:hover .pxl-item-links{top:50%;opacity:1;}
.post .pxl-showcase.layout2, .page .pxl-showcase.layout2, .pxl-showcase.layout2{-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;overflow:hidden;}
.post .pxl-showcase.layout2 a, .page .pxl-showcase.layout2 a, .pxl-showcase.layout2 a{text-align:center !important;}
.post .pxl-showcase.layout2 .item-feature, .page .pxl-showcase.layout2 .item-feature, .pxl-showcase.layout2 .item-feature{position:relative;overflow:hidden;}
.post .pxl-showcase.layout2 .item-feature img, .page .pxl-showcase.layout2 .item-feature img, .pxl-showcase.layout2 .item-feature img{width:100%;}
.post .pxl-showcase.layout2 .item-feature:after, .page .pxl-showcase.layout2 .item-feature:after, .pxl-showcase.layout2 .item-feature:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1;-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;opacity:0;}
.post .pxl-showcase.layout2 .item-title, .page .pxl-showcase.layout2 .item-title, .pxl-showcase.layout2 .item-title{padding:40px 0 45px 0;background-color:#fcf7f5;font-size:24px;color:var(--secondary-color);text-transform:capitalize;font-weight:700;}
.post .pxl-showcase.layout2 .item-title a, .page .pxl-showcase.layout2 .item-title a, .pxl-showcase.layout2 .item-title a{font-size:24px;color:var(--secondary-color);text-transform:capitalize;font-weight:700;}
.post .pxl-showcase.layout2 .item-title a:hover, .page .pxl-showcase.layout2 .item-title a:hover, .pxl-showcase.layout2 .item-title a:hover{padding-left:0;color:var(--primary-color);}
.post .pxl-showcase.layout2 .item-title a:before, .page .pxl-showcase.layout2 .item-title a:before, .pxl-showcase.layout2 .item-title a:before{display:none;}
.post .pxl-showcase.layout2 .pxl-item-links, .page .pxl-showcase.layout2 .pxl-item-links, .pxl-showcase.layout2 .pxl-item-links{opacity:0;position:absolute;z-index:2;top:100%;left:0;position:0;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:100%;-webkit-transition:all 200ms linear 0ms;-khtml-transition:all 200ms linear 0ms;-moz-transition:all 200ms linear 0ms;-ms-transition:all 200ms linear 0ms;-o-transition:all 200ms linear 0ms;transition:all 200ms linear 0ms;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center;}
.post .pxl-showcase.layout2 .pxl-item-links a, .page .pxl-showcase.layout2 .pxl-item-links a, .pxl-showcase.layout2 .pxl-item-links a{display:inline-block;text-align:center;min-width:100px;border-radius:200px;background-color:#fff;line-height:64px;padding:0 30px;margin:5px;color:var(--secondary-color);font-size:18px;overflow:hidden;position:relative;text-align:center !important;font-weight:700;}
.post .pxl-showcase.layout2 .pxl-item-links a:before, .page .pxl-showcase.layout2 .pxl-item-links a:before, .pxl-showcase.layout2 .pxl-item-links a:before{display:none;}
.post .pxl-showcase.layout2 .pxl-item-links a:after, .page .pxl-showcase.layout2 .pxl-item-links a:after, .pxl-showcase.layout2 .pxl-item-links a:after{content:"";background:#fff;-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;position:absolute;height:120%;width:15px;opacity:0.2;left:-35%;top:-10%;-webkit-transform:rotate(0deg);-khtml-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.post .pxl-showcase.layout2 .pxl-item-links a:hover, .page .pxl-showcase.layout2 .pxl-item-links a:hover, .pxl-showcase.layout2 .pxl-item-links a:hover{background-color:var(--primary-color);}
.post .pxl-showcase.layout2 .pxl-item-links a:hover span, .page .pxl-showcase.layout2 .pxl-item-links a:hover span, .pxl-showcase.layout2 .pxl-item-links a:hover span{color:#fff;}
.post .pxl-showcase.layout2 .pxl-item-links a:hover:after, .page .pxl-showcase.layout2 .pxl-item-links a:hover:after, .pxl-showcase.layout2 .pxl-item-links a:hover:after{left:130%;}
.post .pxl-showcase.layout2 .pxl-item-links a span, .page .pxl-showcase.layout2 .pxl-item-links a span, .pxl-showcase.layout2 .pxl-item-links a span{margin-top:0;}
.post .pxl-showcase.layout2 .inner-box, .page .pxl-showcase.layout2 .inner-box, .pxl-showcase.layout2 .inner-box{text-align:center;}
.post .pxl-showcase.layout2:hover .item-feature:after, .page .pxl-showcase.layout2:hover .item-feature:after, .pxl-showcase.layout2:hover .item-feature:after{opacity:0.8;}
.post .pxl-showcase.layout2:hover .pxl-item-links, .page .pxl-showcase.layout2:hover .pxl-item-links, .pxl-showcase.layout2:hover .pxl-item-links{top:50%;opacity:1;}
.cooming .pxl-showcase .item-feature:after{opacity:1 !important;}
.tp-title-wrap{display:none !important;}
.hebe.tparrows{transition:300ms !important;border-radius:400px !important;border:2px solid #fff !important;}
.hebe.tparrows:hover{background-color:#fff !important;}
.hebe.tparrows:hover:before{color:#000 !important;}
.hebe.tparrows.tp-leftarrow:before{line-height:65px !important;min-width:64px !important;}
.no-line .pxl-menu-primary a:before{display:none;}
.menu-container .elementor-column, .menu-container .elementor-widget-wrap, .menu-container .elementor-widget{position:static !important;}
.menu-container .pxl-mega-menu{margin-right:15px !important;}
@media(max-width:1300px){
.h-1300{display:none !important;}
}
@media(max-width:1400px){
.h-1400{display:none !important;}
}
.pxl-row-divider-shape-bottom .pxl-shape-divider .pxl-row-angle-bottom{position:absolute;bottom:0;left:0;width:100%;height:60px;}
.pxl-row-divider-shape-top .pxl-shape-divider .pxl-row-angle-top{position:absolute;top:0;left:0;width:100%;height:60px;transform:rotate(180deg);}
.pxl-row-divider-shape-top-bottom .pxl-shape-divider .pxl-row-angle-top{position:absolute;top:0;left:0;width:100%;height:60px;transform:rotate(180deg);}
.pxl-row-divider-shape-top-bottom .pxl-shape-divider .pxl-row-angle-bottom{position:absolute;bottom:0;left:0;width:100%;height:60px;}
@media(max-width:767px){
.pxl-shape-divider svg{height:20px !important;}
}
@keyframes wave {
0%{left:-100%;}
100%{left:0%;}
}
.single-post .pxl-item--post .pxl-item--image img{width:100%;border-radius:7px;}
.pxl-item--post iframe{width:100%;}
.pxl-item--post .pxl-item--image a{display:inline-block;width:100%;}
.pxl-item--post .pxl-item--image img{border-radius:3px;}
.pxl-item--post .pxl-item--title{margin-top:13px;font-size:30px;margin-bottom:15px;line-height:40px;font-weight:400;overflow-wrap:break-word;}
@media screen and (max-width:767px){
.pxl-item--post .pxl-item--title{font-size:24px;line-height:30px;}
}
.pxl-item--post .pxl-item--title a{color:var(--secondary-color);}
.pxl-item--post .pxl-item--title a:hover{color:var(--primary-color);}
.pxl-item--post .pxl-item--excerpt{font-size:16px;line-height:32px;font-weight:400;color:#70747f;margin-bottom:29px;}
.pxl-sidebar-post{padding-top:37px;}
.pxl-item--image-single{margin-bottom:13px;}
.pxl-single-post-meta{list-style:none;margin:0px;padding:0 0 25px;display:flex;flex-wrap:wrap;position:relative;}
.pxl-single-post-meta > div{border-right:1px solid #e9e9e9;padding-right:17px !important;margin-right:17px !important;align-items:center;margin-bottom:20px;}
@media(max-width:575px){
.pxl-single-post-meta > div{border-color:transparent;}
}
.pxl-single-post-meta > div .title-meta{color:#666;font-size:16px;text-transform:capitalize;color:#7a7a7a;}
.pxl-single-post-meta > div .content-meta, .pxl-single-post-meta > div .content-meta a, .pxl-single-post-meta > div a{font-weight:700;font-size:16px;text-transform:capitalize;color:#444;}
.pxl-single-post-meta > div:first-child{padding-left:0 !important;}
.pxl-single-post-meta > div:last-child{border:none;}
.pxl-item--post .pxl-item--meta{display:flex;font-size:16px;color:#7a7a7a;padding-right:5px;}
.pxl-item--post .pxl-item--meta .pxl-item--date{font-size:16px;color:#7a7a7a;}
.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child{position:relative;padding-right:12px;}
.pxl-item--post .pxl-item--meta .categorie .pxl-item--date:first-child:before{position:absolute;content:'-';right:2px;top:50%;transform:translateY(-50%);font-size:16px;color:#7a7a7a;}
.pxl-item--post .pxl-item--meta .categorie a{font-size:16px;color:#7a7a7a;}
.pxl-item--post .pxl-item--meta .categorie a:hover{color:var(--primary-color);}
.pxl-item--archive{margin-bottom:27px;}
.pxl-item--archive .pxl-item--holder{padding:18px 0px 20px 0px;}
@media(max-width:767px){
.pxl-item--archive .pxl-item--holder{padding:18px 30px 20px 30px;}
}
@media(max-width:480px){
.pxl-item--archive .pxl-item--holder{padding:18px 20px 20px 20px;}
}
.pxl-item--archive .pxl-item--holder .pxl-item--category{margin-bottom:5px;}
.pxl-item--archive .pxl-item--holder .pxl-item--category a{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--primary-color);}
.pxl-item--archive .pxl-item--holder .pxl-item--title{margin-bottom:4px;}
.pxl-item--archive .pxl-item--holder .pxl-item--title a{font-size:36px;font-weight:700;line-height:42px;}
@media(max-width:575px){
.pxl-item--archive .pxl-item--holder .pxl-item--title a{font-size:30px;line-height:40px;}
}
.pxl-item--archive .pxl-item--holder .pxl-item--title a:hover{text-decoration:underline;}
.pxl-item--archive .pxl-item--holder .pxl-item--excerpt{padding-top:16px;font-size:17px;line-height:30px;color:#646464;margin-top:15px;}
.pxl-item--archive .pxl-item--holder .pxl-item--readmore{font-size:17px;font-weight:700;text-transform:uppercase;display:flex;}
.pxl-item--archive .pxl-item--holder .pxl-item--readmore i{transform:translateY(0%) translatex(10px);transition:300ms;font-size:12px;display:inline-block;}
.pxl-item--archive .pxl-item--holder .pxl-item--readmore:hover i{transform:translateY(0%) translatex(10px) rotate(45deg);}
.pxl-item--archive .pxl-item--image + .pxl-item--holder{padding:18px 0 20px 0;}
@media(max-width:767px){
.pxl-item--archive .pxl-item--image + .pxl-item--holder{padding:18px 0 20px 0;}
}
@media(max-width:480px){
.pxl-item--archive .pxl-item--image + .pxl-item--holder{padding:18px 0px 20px 0px;}
}
.pxl-item--archive .pxl-item--image + .pxl-item--holder .pxl-item--excerpt{margin-top:0px;}
.single-post .single-heading{font-size:26px;}
.single-post .pxl-item--excerpt p:last-child{margin-bottom:0;}
.entry-author-info{display:flex;align-items:center;background-color:#f5f5f5;padding:40px 52px;position:relative;margin:45px 0 45px 0;}
@media(max-width:575px){
.entry-author-info{display:block;}
}
.entry-author-info .entry-author-avatar{min-width:190px;}
@media(max-width:575px){
.entry-author-info .entry-author-avatar{text-align:center;}
}
.entry-author-info .entry-author-avatar img{width:100%;border-radius:500px;}
@media(max-width:575px){
.entry-author-info .entry-author-avatar img{width:auto;}
}
.entry-author-info .entry-author-meta{padding-left:50px;}
@media(max-width:575px){
.entry-author-info .entry-author-meta{margin-top:30px;text-align:center;padding-left:0px;}
}
.entry-author-info .entry-author-meta .author-name{font-size:24px;font-weight:700;text-transform:capitalize;}
.entry-author-info .entry-author-meta .position-author{font-size:14px;text-transform:capitalize;color:var(--primary-color);font-weight:500;margin-bottom:8px;}
.entry-author-info .entry-author-meta .author-description{font-size:16px;font-weight:400;line-height:28px;color:#696969;font-family:'Lato';}
.entry-author-info .entry-author-meta .social-author{margin-top:15px;}
.entry-author-info .entry-author-meta .social-author a{color:#a3a3a3;transition:200ms;padding-right:16px;}
.entry-author-info .entry-author-meta .social-author a:hover{color:var(--primary-color);}
.pxl--post-footer{display:flex;flex-wrap:wrap;padding:16px 0px 15px 0px;width:100%;border-top:1px solid #e2e2e2;}
@media(min-width:992px){
.pxl--post-footer{padding:16px 0px 15px 0px;}
}
.pxl--post-footer > div{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px;}
.pxl--post-footer label{font-size:20px;color:var(--secondary-color);line-height:35px;font-weight:600;margin-right:18px;}
.pxl--post-footer .pxl--tags{margin-right:30px;flex-grow:1;}
.pxl--post-footer .pxl--tags a{line-height:35px;display:inline-block;padding:0 13px;border:1px solid #f0f0f0;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#444;font-size:16px;margin:5px 5px 5px 0;position:relative;z-index:1;}
@media screen and (max-width:991px){
.pxl--post-footer .pxl--tags a{padding:0 18px;line-height:36px;}
}
.pxl--post-footer .pxl--tags a:hover{color:#fff;border-color:var(--primary-color);background-color:var(--primary-color);}
.pxl--post-footer .pxl--social .title-social{margin-right:-16px;color:#000;font-size:20px;font-weight:600;}
.pxl--post-footer .pxl--social a{padding-left:26px;line-height:32px;align-items:center;display:inline-flex;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl--post-footer .pxl--social a i{color:#b5b5b5;font-size:16px;line-height:32px;margin-top:1px;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl--post-footer .pxl--social a span{padding-left:10px;font-size:14px;color:#fff;min-width:100px;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl--post-footer .pxl--social a:hover.fb-social i{color:#3b5998;}
.pxl--post-footer .pxl--social a:hover.tw-social i{color:#1da1f2;}
.pxl--post-footer .pxl--social a:hover.pin-social i{color:#e60023;}
.pxl--post-footer .pxl--social a:hover.lin-social i{color:#0077b5;}
.pxl-pagination-wrap .page-numbers{border-radius:3px;border:1px solid #ebebeb;width:40px;height:40px;line-height:36px;text-align:center;font-size:16px;font-weight:700;display:inline-block;margin-right:11px;color:#646464;position:relative;z-index:1;padding:0;}
.pxl-pagination-wrap .page-numbers.current, .pxl-pagination-wrap .page-numbers:hover{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);}
.pxl-pagination-wrap .page-numbers.current:before, .pxl-pagination-wrap .page-numbers:hover:before{opacity:1;}
.pxl-pagination-wrap .page-numbers.next, .pxl-pagination-wrap .page-numbers.prev{font-size:17px;font-weight:700;line-height:40px;}
.pxl-pagination-wrap .pxl-pagination-links{display:flex;}
.comment-reply-title{display:inline-block;position:relative;padding-bottom:9px !important;}
.pxl-post--navigation{border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;padding:31px 0 40px;display:flex;flex-wrap:wrap;}
.pxl-post--navigation .pxl--holder{display:flex;align-items:center;}
.pxl-post--navigation .pxl--holder .pxl--img{max-width:60px;max-height:52px;border-radius:5px;overflow:hidden;}
.pxl-post--navigation .pxl--readmore-nav{font-size:24px;color:var(--secondary-color);font-weight:400;display:inline-block;position:relative;padding:0;}
.pxl-post--navigation .pxl--items{display:flex;flex-wrap:wrap;align-items:center;width:100%;}
.pxl-post--navigation .pxl--items .pxl--item{width:45%;}
.pxl-post--navigation .pxl--items .pxl--item.pxl--item-next{text-align:right;}
@media screen and (max-width:575px){
.pxl-post--navigation .pxl--items .pxl--item{width:100%;}
.pxl-post--navigation .pxl--items .pxl--item + .pxl--item{margin-top:30px;}
}
.pxl-post--navigation .pxl--items .pxl-grid-post{filter:grayscale(1);opacity:0.38;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;width:10%;text-align:center;margin:13px 0;}
.pxl-post--navigation .pxl--items .pxl-grid-post:hover{filter:grayscale(0);opacity:1;}
.pxl-post--navigation .pxl--img, .pxl-post--navigation .item-featured{position:relative;max-height:200px;overflow:hidden;}
.pxl-post--navigation .pxl--img a, .pxl-post--navigation .item-featured a{display:block;}
.pxl-post--navigation .pxl--img a:before, .pxl-post--navigation .item-featured a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);opacity:0;}
.pxl-post--navigation .pxl--img a:after, .pxl-post--navigation .item-featured a:after{content:'+';font-size:24px;color:#fff;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%);-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);opacity:0;}
.pxl-post--navigation .pxl--img:hover a:before, .pxl-post--navigation .item-featured:hover a:before{opacity:0.76;}
.pxl-post--navigation .pxl--img:hover a:after, .pxl-post--navigation .item-featured:hover a:after{opacity:1;}
.pxl-post--navigation .pxl--meta .title-post-nav a, .pxl-post--navigation .pxl--meta .item-title{margin-bottom:0;color:var(--secondary-color);font-size:16px;line-height:24px;font-weight:700;}
.pxl-post--navigation .pxl--meta .title-post-nav a:hover, .pxl-post--navigation .pxl--meta .item-title:hover{color:var(--primary-color);}
.pxl-post--navigation .pxl--holder img{width:100%;}
.pxl-post--navigation .pxl--item-prev .pxl--meta{margin-right:15px;}
.pxl-post--navigation .pxl--item-prev .pxl--img{margin-right:15px;}
.pxl-post--navigation .pxl--item-next .pxl--meta{margin-left:15px;}
@media(max-width:575px){
.pxl-post--navigation .pxl--item-next .pxl--meta{margin-left:0px;}
}
.pxl-post--navigation .pxl--item-next .pxl--img{margin-left:15px;}
@media(max-width:575px){
.pxl-post--navigation .pxl--item-next .pxl--img{margin-left:0px;}
}
.pxl-post--navigation .pxl--item-next .pxl--holder{justify-content:flex-end;}
.pxl-post--navigation .pxl--readmore-nav{position:relative;font-size:14px;font-weight:700;color:#000;text-transform:uppercase;display:inline-flex;align-items:center;margin-bottom:15px;}
.pxl-post--navigation .pxl--readmore-nav:before{position:absolute;content:'';background-color:var(--primary-color);bottom:3px;width:100%;transform:scalex(0);transform-origin:center;left:0;height:1px;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl-post--navigation .pxl--readmore-nav:hover{color:var(--primary-color);}
.pxl-post--navigation .pxl--readmore-nav:hover i{color:var(--primary-color);}
.pxl-post--navigation .pxl--readmore-nav:hover:before{transform:scalex(1);}
.pxl-post--navigation .pxl--readmore-nav i{padding-left:10px;font-size:13px;transition:0.3s;}
.pxl-post--navigation .pxl--item-prev i{padding-left:0px;padding-right:10px;}
.pxl-related-post{padding:75px 0 40px;}
.pxl-related-post .pxl--readmore-nav{font-size:24px;color:var(--secondary-color);font-weight:400;display:inline-block;position:relative;margin-bottom:34px;padding:0;}
.pxl-related-post .pxl--readmore-nav:before{content:'';width:40px;height:4px;background-color:var(--primary-color);position:absolute;bottom:5px;right:-60px;}
.pxl-related-post .pxl--readmore-nav:after{content:'';width:15px;height:4px;background-color:var(--primary-color);position:absolute;bottom:5px;right:-82px;}
.pxl-related-post .pxl--items{display:flex;flex-wrap:wrap;width:100%;}
.pxl-related-post .pxl--items .pxl--item{width:50%;}
@media screen and (max-width:575px){
.pxl-related-post .pxl--items .pxl--item{width:100%;}
.pxl-related-post .pxl--items .pxl--item + .pxl--item{margin-top:30px;}
}
.pxl-related-post .pxl--img, .pxl-related-post .item-featured{position:relative;max-height:200px;overflow:hidden;}
.pxl-related-post .pxl--img a, .pxl-related-post .item-featured a{display:block;}
.pxl-related-post .pxl--img a:before, .pxl-related-post .item-featured a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-color);-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);opacity:0;}
.pxl-related-post .pxl--img a:after, .pxl-related-post .item-featured a:after{content:'+';font-size:24px;color:#fff;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%);-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);opacity:0;}
.pxl-related-post .pxl--img:hover a:before, .pxl-related-post .item-featured:hover a:before{opacity:0.76;}
.pxl-related-post .pxl--img:hover a:after, .pxl-related-post .item-featured:hover a:after{opacity:1;}
.pxl-related-post .pxl--meta{padding-top:25px;}
.pxl-related-post .pxl--meta .pxl-item--meta{padding-bottom:10px !important;}
.pxl-related-post .pxl--meta .title-post-nav a, .pxl-related-post .pxl--meta .item-title{margin-bottom:0;color:var(--secondary-color);font-size:24px;line-height:33px;font-weight:400;}
.pxl-related-post .pxl--meta .title-post-nav a:hover, .pxl-related-post .pxl--meta .item-title:hover{color:var(--primary-color);}
.pxl-related-post .pxl--holder img{width:100%;}
.pxl-related-post .pxl--item-prev .pxl--meta{margin-right:15px;}
.pxl-related-post .pxl--item-prev .pxl--img{margin-right:15px;}
.pxl-related-post .pxl--item-next .pxl--meta{margin-left:15px;}
@media(max-width:575px){
.pxl-related-post .pxl--item-next .pxl--meta{margin-left:0px;}
}
.pxl-related-post .pxl--item-next .pxl--img{margin-left:15px;}
@media(max-width:575px){
.pxl-related-post .pxl--item-next .pxl--img{margin-left:0px;}
}
.pxl-related-post .pxl--item-next .pxl--holder{justify-content:flex-end;}
.pxl-related-post .pxl--readmore-nav, .pxl-related-post .pxl--readmore-related{margin-top:15px;position:relative;font-size:16px;font-weight:400;color:#70747f;text-transform:uppercase;display:inline-flex;align-items:center;}
.pxl-related-post .pxl--readmore-nav:hover, .pxl-related-post .pxl--readmore-related:hover{color:var(--primary-color);}
.pxl-related-post .pxl--readmore-nav:hover i, .pxl-related-post .pxl--readmore-related:hover i{color:var(--primary-color);animation:pxl_left_right 300ms ease-out;}
.pxl-related-post .pxl--readmore-nav i, .pxl-related-post .pxl--readmore-related i{padding-top:4px;padding-left:10px;font-size:20px;transition:0.3s;}
.pxl-project--navigation .pxl--items{display:flex;justify-content:space-between;padding:30px 0;}
@media(min-width:1100px){
.pxl-project--navigation .pxl--items{padding:0 75px;}
}
.pxl-project--navigation .pxl--items .pxl--item a{font-size:15px;color:#666;font-weight:700;}
.pxl-project--navigation .pxl--items .pxl--item.pxl--item-prev i{margin-right:18px;font-size:17px;color:#0f0f0f;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl-project--navigation .pxl--items .pxl--item.pxl--item-next i{margin-left:18px;font-size:17px;color:#0f0f0f;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.pxl-project--navigation .pxl--items .pxl--item:hover a{color:var(--primary-color);}
.pxl-project--navigation .pxl--items .pxl--item:hover i{color:var(--primary-color);}
@media screen and (min-width:1200px){
.pxl-sidebar-sticky{position:-webkit-sticky;position:sticky;top:40px;}
.admin-bar .pxl-sidebar-sticky{top:72px;}
}
.pxl-sidebar-area:not(.pxl-sidebar-shop) .widget:last-child{margin-bottom:0;}
.comments-title{position:relative;padding-bottom:15px;}
.widget:not(.woocommerce){margin-bottom:50px;}
.widget:not(.woocommerce) .widget-title, .widget:not(.woocommerce) .comment-reply-title, .widget:not(.woocommerce) .comments-title{color:#000;font-weight:700;font-size:22px;margin-bottom:21px;position:relative;}
.widget_search .search-form{position:relative;}
.widget_search .search-form ::placeholder{color:#c2c2c2;}
.widget_search .search-form :-ms-input-placeholder{color:#c2c2c2;}
.widget_search .search-form ::-ms-input-placeholder{color:#c2c2c2;}
.widget_search .search-form .search-submit{line-height:49px;font-size:15px;padding:0 17px;position:absolute;top:0px;border-radius:0;right:0px;background-color:transparent;}
.widget_search .search-form .search-submit:active{background-color:transparent;color:var(--secondary-color);}
.widget_search .search-form .search-submit i{font-size:15px;color:#666;line-height:49px;}
.widget_search .search-form .search-submit:before, .widget_search .search-form .search-submit:after{display:none;}
.widget_search .search-form .search-field{font-size:15px;border-color:#ececf0 !important;color:#666;width:100%;height:51px;border-radius:3px;}
.widget_archive li{position:relative;}
.widget_archive li:hover .count{color:var(--primary-color);}
.widget_archive li:hover .count:before, .widget_archive li:hover .count:after{color:var(--primary-color);}
.widget_product_categories .count, .wp-block-group .count, .widget_categories .count, .widget_nav_menu .count, .widget_pages .count, .widget_archive .count, .widget_meta .count, .widget_recent_entries .count{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#444;font-size:17px;line-height:24px;padding:0px 10px;z-index:1;letter-spacing:0.8px;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.widget_product_categories .count:before, .wp-block-group .count:before, .widget_categories .count:before, .widget_nav_menu .count:before, .widget_pages .count:before, .widget_archive .count:before, .widget_meta .count:before, .widget_recent_entries .count:before{position:absolute;content:'[';color:#444;top:0;left:0;display:block;font-size:17px;line-height:24px;z-index:1;letter-spacing:0.8px;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.widget_product_categories .count:after, .wp-block-group .count:after, .widget_categories .count:after, .widget_nav_menu .count:after, .widget_pages .count:after, .widget_archive .count:after, .widget_meta .count:after, .widget_recent_entries .count:after{position:absolute;content:']';color:#444;top:0;right:0;display:block;font-size:17px;line-height:24px;z-index:1;letter-spacing:0.8px;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.widget_product_categories ul, .wp-block-group ul, .widget_categories ul, .widget_nav_menu ul, .widget_pages ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul{list-style:none;margin-top:-3px;margin-bottom:0;padding:0;}
.widget_product_categories ul li a, .wp-block-group ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a{color:#444;display:block;font-size:17px;line-height:24px;padding:12px 0px 13px 0px;position:relative;position:relative;z-index:1;letter-spacing:0.8px;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.widget_product_categories ul li a .title, .wp-block-group ul li a .title, .widget_categories ul li a .title, .widget_nav_menu ul li a .title, .widget_pages ul li a .title, .widget_archive ul li a .title, .widget_meta ul li a .title, .widget_recent_entries ul li a .title{padding-right:50px;}
.widget_product_categories ul li a .pxl-count, .wp-block-group ul li a .pxl-count, .widget_categories ul li a .pxl-count, .widget_nav_menu ul li a .pxl-count, .widget_pages ul li a .pxl-count, .widget_archive ul li a .pxl-count, .widget_meta ul li a .pxl-count, .widget_recent_entries ul li a .pxl-count{color:#444;display:block;font-size:17px;line-height:24px;padding:12px 0px 13px 0px;z-index:1;letter-spacing:0.8px;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.widget_product_categories ul li a .pxl-count:before, .wp-block-group ul li a .pxl-count:before, .widget_categories ul li a .pxl-count:before, .widget_nav_menu ul li a .pxl-count:before, .widget_pages ul li a .pxl-count:before, .widget_archive ul li a .pxl-count:before, .widget_meta ul li a .pxl-count:before, .widget_recent_entries ul li a .pxl-count:before{position:absolute;content:'[';color:#444;display:block;font-size:17px;line-height:24px;z-index:1;letter-spacing:0.8px;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.widget_product_categories ul li.current-menu-item > a, .wp-block-group ul li.current-menu-item > a, .widget_categories ul li.current-menu-item > a, .widget_nav_menu ul li.current-menu-item > a, .widget_pages ul li.current-menu-item > a, .widget_archive ul li.current-menu-item > a, .widget_meta ul li.current-menu-item > a, .widget_recent_entries ul li.current-menu-item > a, .widget_product_categories ul li.current-cat > a, .wp-block-group ul li.current-cat > a, .widget_categories ul li.current-cat > a, .widget_nav_menu ul li.current-cat > a, .widget_pages ul li.current-cat > a, .widget_archive ul li.current-cat > a, .widget_meta ul li.current-cat > a, .widget_recent_entries ul li.current-cat > a, .widget_product_categories ul li.current-cat-parent > a, .wp-block-group ul li.current-cat-parent > a, .widget_categories ul li.current-cat-parent > a, .widget_nav_menu ul li.current-cat-parent > a, .widget_pages ul li.current-cat-parent > a, .widget_archive ul li.current-cat-parent > a, .widget_meta ul li.current-cat-parent > a, .widget_recent_entries ul li.current-cat-parent > a, .widget_product_categories ul li > a:hover, .wp-block-group ul li > a:hover, .widget_categories ul li > a:hover, .widget_nav_menu ul li > a:hover, .widget_pages ul li > a:hover, .widget_archive ul li > a:hover, .widget_meta ul li > a:hover, .widget_recent_entries ul li > a:hover{color:var(--primary-color);}
.widget_product_categories ul li.current-menu-item > a .count, .wp-block-group ul li.current-menu-item > a .count, .widget_categories ul li.current-menu-item > a .count, .widget_nav_menu ul li.current-menu-item > a .count, .widget_pages ul li.current-menu-item > a .count, .widget_archive ul li.current-menu-item > a .count, .widget_meta ul li.current-menu-item > a .count, .widget_recent_entries ul li.current-menu-item > a .count, .widget_product_categories ul li.current-cat > a .count, .wp-block-group ul li.current-cat > a .count, .widget_categories ul li.current-cat > a .count, .widget_nav_menu ul li.current-cat > a .count, .widget_pages ul li.current-cat > a .count, .widget_archive ul li.current-cat > a .count, .widget_meta ul li.current-cat > a .count, .widget_recent_entries ul li.current-cat > a .count, .widget_product_categories ul li.current-cat-parent > a .count, .wp-block-group ul li.current-cat-parent > a .count, .widget_categories ul li.current-cat-parent > a .count, .widget_nav_menu ul li.current-cat-parent > a .count, .widget_pages ul li.current-cat-parent > a .count, .widget_archive ul li.current-cat-parent > a .count, .widget_meta ul li.current-cat-parent > a .count, .widget_recent_entries ul li.current-cat-parent > a .count, .widget_product_categories ul li > a:hover .count, .wp-block-group ul li > a:hover .count, .widget_categories ul li > a:hover .count, .widget_nav_menu ul li > a:hover .count, .widget_pages ul li > a:hover .count, .widget_archive ul li > a:hover .count, .widget_meta ul li > a:hover .count, .widget_recent_entries ul li > a:hover .count{color:var(--primary-color);}
.widget_product_categories ul li.current-menu-item > a .count:before, .wp-block-group ul li.current-menu-item > a .count:before, .widget_categories ul li.current-menu-item > a .count:before, .widget_nav_menu ul li.current-menu-item > a .count:before, .widget_pages ul li.current-menu-item > a .count:before, .widget_archive ul li.current-menu-item > a .count:before, .widget_meta ul li.current-menu-item > a .count:before, .widget_recent_entries ul li.current-menu-item > a .count:before, .widget_product_categories ul li.current-cat > a .count:before, .wp-block-group ul li.current-cat > a .count:before, .widget_categories ul li.current-cat > a .count:before, .widget_nav_menu ul li.current-cat > a .count:before, .widget_pages ul li.current-cat > a .count:before, .widget_archive ul li.current-cat > a .count:before, .widget_meta ul li.current-cat > a .count:before, .widget_recent_entries ul li.current-cat > a .count:before, .widget_product_categories ul li.current-cat-parent > a .count:before, .wp-block-group ul li.current-cat-parent > a .count:before, .widget_categories ul li.current-cat-parent > a .count:before, .widget_nav_menu ul li.current-cat-parent > a .count:before, .widget_pages ul li.current-cat-parent > a .count:before, .widget_archive ul li.current-cat-parent > a .count:before, .widget_meta ul li.current-cat-parent > a .count:before, .widget_recent_entries ul li.current-cat-parent > a .count:before, .widget_product_categories ul li > a:hover .count:before, .wp-block-group ul li > a:hover .count:before, .widget_categories ul li > a:hover .count:before, .widget_nav_menu ul li > a:hover .count:before, .widget_pages ul li > a:hover .count:before, .widget_archive ul li > a:hover .count:before, .widget_meta ul li > a:hover .count:before, .widget_recent_entries ul li > a:hover .count:before, .widget_product_categories ul li.current-menu-item > a .count:after, .wp-block-group ul li.current-menu-item > a .count:after, .widget_categories ul li.current-menu-item > a .count:after, .widget_nav_menu ul li.current-menu-item > a .count:after, .widget_pages ul li.current-menu-item > a .count:after, .widget_archive ul li.current-menu-item > a .count:after, .widget_meta ul li.current-menu-item > a .count:after, .widget_recent_entries ul li.current-menu-item > a .count:after, .widget_product_categories ul li.current-cat > a .count:after, .wp-block-group ul li.current-cat > a .count:after, .widget_categories ul li.current-cat > a .count:after, .widget_nav_menu ul li.current-cat > a .count:after, .widget_pages ul li.current-cat > a .count:after, .widget_archive ul li.current-cat > a .count:after, .widget_meta ul li.current-cat > a .count:after, .widget_recent_entries ul li.current-cat > a .count:after, .widget_product_categories ul li.current-cat-parent > a .count:after, .wp-block-group ul li.current-cat-parent > a .count:after, .widget_categories ul li.current-cat-parent > a .count:after, .widget_nav_menu ul li.current-cat-parent > a .count:after, .widget_pages ul li.current-cat-parent > a .count:after, .widget_archive ul li.current-cat-parent > a .count:after, .widget_meta ul li.current-cat-parent > a .count:after, .widget_recent_entries ul li.current-cat-parent > a .count:after, .widget_product_categories ul li > a:hover .count:after, .wp-block-group ul li > a:hover .count:after, .widget_categories ul li > a:hover .count:after, .widget_nav_menu ul li > a:hover .count:after, .widget_pages ul li > a:hover .count:after, .widget_archive ul li > a:hover .count:after, .widget_meta ul li > a:hover .count:after, .widget_recent_entries ul li > a:hover .count:after{color:var(--primary-color);}
.widget_tag_cloud .widget-title{margin-bottom:37px !important;}
.tagcloud{margin-left:-7px;margin-top:19px;}
.tagcloud a{border-radius:3px;text-align:center;font-weight:400;color:var(--secondary-color);padding:0px 18px;display:inline-block;border:1px solid #eff1f4;color:#222;font-size:14px !important;line-height:30px;flex-grow:1;margin-left:7px;margin-bottom:10px;position:relative;z-index:1;text-transform:capitalize;}
.tagcloud a:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;}
.widget_pxl_recent_posts .pxl-item--img{width:80px;border-radius:3px;min-width:80px;margin-right:10px;max-height:68px;overflow:hidden;}
.widget_pxl_recent_posts .pxl-item--title{color:var(--secondary-color);height:46px;overflow:hidden;margin-bottom:7px;font-size:17px;font-weight:700;line-height:24px;}
.widget_pxl_recent_posts .pxl-item--title a{color:var(--secondary-color);}
.widget_pxl_recent_posts .pxl-item--title a:hover{color:var(--primary-color);}
.widget_pxl_recent_posts .pxl-item--date{font-size:15px;color:#7a7a7a;display:inline-flex;align-items:center;text-transform:capitalize;}
.widget_pxl_recent_posts .pxl-item--date i{margin-right:6px;color:var(--primary-color);}
.widget_pxl_recent_posts .pxl--item{display:flex;align-items:center;flex-wrap:nowrap;padding-bottom:19px;margin-top:17px;}
.widget_pxl_recent_posts .pxl--item img{-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;}
.widget_pxl_recent_posts .pxl--item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.widget_pxl_recent_posts .pxl--item:first-child{margin-top:25px;}
.widget_pxl_recent_posts .pxl--item:hover img{transform:scale(1.1);}
.widget_pxl_recent_posts .pxl--item:not(:last-child){border-bottom:1px solid #e2e2e7;}
.gallery{margin:-16px -12px 43px -12px;display:flex;flex-wrap:wrap;}
.gallery .gallery-item{padding:0 12px;margin-top:24px;margin-bottom:0;}
.gallery.gallery-columns-2 .gallery-item{width:50%;}
.gallery.gallery-columns-3 .gallery-item{width:33.33%;}
.gallery.gallery-columns-4 .gallery-item{width:25%;}
.gallery.gallery-columns-5 .gallery-item{width:20%;}
.widget_media_gallery .widget-title, .elementor-widget-wp-widget-media_gallery .widget-title, .elementor-widget-image-gallery .widget-title{margin-bottom:19px !important;}
.widget_media_gallery .gallery, .elementor-widget-wp-widget-media_gallery .gallery, .elementor-widget-image-gallery .gallery{margin:-10px -5px 0 -5px !important;}
.widget_media_gallery .gallery .gallery-item, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item, .elementor-widget-image-gallery .gallery .gallery-item{padding:0 5px;margin-top:10px !important;margin-bottom:0;}
.widget_media_gallery .gallery .gallery-item img, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item img, .elementor-widget-image-gallery .gallery .gallery-item img{-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;width:100%;border:none !important;}
.widget_media_gallery .gallery .gallery-item a, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a, .elementor-widget-image-gallery .gallery .gallery-item a{display:flex;position:relative;flex-wrap:wrap;}
.widget_media_gallery .gallery .gallery-item a:before, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before, .elementor-widget-image-gallery .gallery .gallery-item a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.67);-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;opacity:0;z-index:1;}
.widget_media_gallery .gallery .gallery-item a:after, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:after, .elementor-widget-image-gallery .gallery .gallery-item a:after{content:"\f12c";font-size:14px;font-family:"Caseicon";color:#fff;z-index:2;position:absolute;left:50%;top: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%);-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;opacity:0;}
.widget_media_gallery .gallery .gallery-item a:hover:before, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:before, .elementor-widget-image-gallery .gallery .gallery-item a:hover:before, .widget_media_gallery .gallery .gallery-item a:hover:after, .elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:after, .elementor-widget-image-gallery .gallery .gallery-item a:hover:after{opacity:1;}
.elementor-lightbox .swiper-container .elementor-lightbox-image{width:auto;height:auto;}
.elementor-lightbox .swiper-container .swiper-slide{background-color:transparent;}
.pxl-gallery{margin:-8px -15px 50px -15px;display:flex;flex-wrap:wrap;}
.pxl-gallery img{width:100%;}
.pxl-gallery .pxl--item{padding:30px 15px 0 15px;}
.pxl-gallery .pxl--item-inner{-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;overflow:hidden;position:relative;}
.pxl-gallery .pxl--item-inner.video-active:before{background-color:rgba(27, 27, 27, 0.8);}
.pxl-gallery .pxl--item-inner .btn-video{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%);z-index:99;}
.pxl-gallery.gallery-2-columns .pxl--item{width:50%;}
@media screen and (max-width:575px){
.pxl-gallery.gallery-2-columns .pxl--item{width:100%;}
}
.pxl-gallery.gallery-3-columns .pxl--item{width:33.33%;}
@media screen and (max-width:575px){
.pxl-gallery.gallery-3-columns .pxl--item{width:100%;}
}
.pxl-gallery.gallery-4-columns .pxl--item{width:25%;}
@media screen and (max-width:767px){
.pxl-gallery.gallery-4-columns .pxl--item{width:50%;}
}
@media screen and (max-width:575px){
.pxl-gallery.gallery-4-columns .pxl--item{width:100%;}
}
.pxl-gallery.gallery-5-columns .pxl--item{width:20%;}
@media screen and (max-width:767px){
.pxl-gallery.gallery-5-columns .pxl--item{width:50%;}
}
@media screen and (max-width:575px){
.pxl-gallery.gallery-5-columns .pxl--item{width:100%;}
}
.pxl-wg-bannerbox1{border:none !important;background-color:#fcf9f4;text-align:center;padding:45px 40px 20px 40px !important;}
.pxl-wg-bannerbox1 .wrap-image{display:inline-block;position:relative;}
.pxl-wg-bannerbox1 .wrap-image img{max-width:190px;}
.pxl-wg-bannerbox1 .wrap-image:before{position:absolute;width:50px;height:50px;background-color:var(--regular-color);top:0;right:0;border-radius:50px;background-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/quote-blog-sidebar.png);background-position:center;background-repeat:no-repeat;content:'';}
.pxl-wg-bannerbox1 .wg-title{font-size:22px;font-weight:400;color:var(--secondary-color);padding-top:27px;}
.pxl-wg-bannerbox1 .wg-description{font-size:16px;font-weight:400;color:#70747f;line-height:30px;}
li cite{color:var(--secondary-color);}
.widget_recent_entries a, .widget_recent_comments a{color:var(--secondary-color);}
.widget_recent_entries a:hover, .widget_recent_comments a:hover{color:var(--primary-color);}
.widget_recent_entries ul, .widget_recent_comments ul{list-style:none;}
.widget_recent_comments ul{list-style:none;padding-left:0;}
.widget_recent_comments ul li{border-bottom:1px solid #ececf0;padding-bottom:10px;margin-bottom:10px;}
.widget_recent_comments .recentcomments > a{font-size:15px;font-weight:600;line-height:normal;color:var(--secondary-color);display:block;}
.widget_recent_comments .recentcomments > a:hover{color:var(--primary-color);}
.widget_recent_comments .recentcomments > a:before{content:'\A';white-space:pre;}
.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:700;display:inline-block;}
.widget_rss .rss-date{font-size:0.875em;font-style:italic;display:block;}
.widget_rss cite{font-weight:700;font-size:0.875em;}
.single-post .pxl-sidebar-sticky, .blog .pxl-sidebar-sticky{border:0px solid #efefef;padding:0px !important;top:150px !important;}
.single-post .widget, .blog .widget{padding:10px 0px !important;}
.single-post .widget.widget_search, .blog .widget.widget_search{padding-top:0 !important;}
.single-post .pxl-content-post, .blog .pxl-content-post{padding-left:15px !important;padding-right:15px !important;}
@media(min-width:992px){
.single-post .pxl-content-post, .blog .pxl-content-post{padding-right:0px !important;}
}
@media(min-width:992px){
.single-post .pxl-sidebar-post, .blog .pxl-sidebar-post{padding-left:80px !important;}
}
@media(min-width:1200px){
.single-post .pxl-sidebar-area, .blog .pxl-sidebar-area{padding-left:55px !important;}
}
.widget_block:nth-child(1), .widget_block:nth-child(2), .widget_block:nth-child(3){margin-bottom:30px;padding:1px 0 !important;}
input::-moz-placeholder, textarea::-moz-placeholder{color:inherit;opacity:1;text-overflow:ellipsis;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:inherit;opacity:1;text-overflow:ellipsis;}
input::-o-placeholder, textarea::-o-placeholder{color:inherit;opacity:1;text-overflow:ellipsis;}
input::-ms-placeholder, textarea::-ms-placeholder{color:inherit;opacity:1;text-overflow:ellipsis;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;}
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, .pxl-select-higthlight{background-color:#fff;border:1px solid #e9ebf0;color:var(--secondary-color);padding:6px 22px;line-height:normal;font-size:18px;font-weight:400;height:55px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;width:100%;outline:none;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .pxl-select-higthlight:focus{border:1px solid var(--secondary-color) !important;outline:0;border-color:var(--primary-color);}
input[type="range"]{padding:0;background-color:transparent;height:auto;border:none;}
select{height:50px;}
textarea{padding-top:18px;padding-bottom:18px;height:150px;margin:0;}
.comment-form-cookies-consent{display:none;}
.comments-area .avatar{margin-bottom:10px;}
.comments-area .comment-list-wrap{margin-top:44px !important;}
.comments-area .comment-list-wrap .comments-title{font-size:30px;line-height:40px;text-transform:capitalize;color:var(--secondary-color);font-weight:700;}
.comments-area .comment-reply-title{font-size:30px;text-transform:capitalize;color:var(--secondary-color);font-weight:700;margin-bottom:30px;}
.comments-area .comment-respond{margin-top:30px;}
.comments-area .comment-respond .logged-in-as{margin-top:25px;margin-bottom:0px;font-size:14px;font-family:'Lato';}
.comments-area .comment-respond .logged-in-as a{color:inherit;}
.comments-area .comment-respond .logged-in-as a:hover{color:var(--primary-color);}
.comments-area .comment-respond .logged-in-as a:nth-child(2){font-weight:700;text-decoration:underline;}
.comments-area .no-comments{display:none;}
.comment-title{font-size:22px;text-transform:capitalize;color:var(--secondary-color);font-weight:700;margin-bottom:2px;}
.comment-title a{color:inherit;}
.comment-title a:hover{color:inherit;}
.comment-list{padding:0;list-style:none;max-width:800px;margin-top:50px;}
.comment-list li .children{padding-left:95px;}
@media screen and (max-width:767px){
.comment-list li .children{padding-left:78px;}
}
@media screen and (max-width:575px){
.comment-list li .children{padding-left:0;}
}
.comment-list li .children li{list-style:none;margin-top:11px;}
.comment-list li .comment-respond{margin-top:15px;margin-bottom:50px;margin-left:130px;}
@media screen and (max-width:767px){
.comment-list li .comment-respond{margin-left:78px;margin-top:0;}
}
@media screen and (max-width:575px){
.comment-list li .comment-respond{margin-left:0;margin-top:20px;}
}
.comment-list > li{margin-bottom:11px;}
.comment-list > li:last-child{margin-bottom:0;}
.comment-list > li > .children > li > .children > li > .children > li > .children{padding-left:0;}
.comment-list > li > .children > li > .children > li > .children > li > .children .children{padding-left:0;}
.comment-date{font-family:'Lato';font-weight:400;font-size:15px;color:#646464;margin:2px 0 17px 0;line-height:normal;display:inline-block;-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;}
.comment-content{position:relative;flex-grow:1;padding:0px 22px 34px 120px;-webkit-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-khtml-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-moz-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-ms-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);-o-transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);transition:0.3s cubic-bezier(0.24, 0.74, 0.58, 1);}
@media screen and (max-width:767px){
.comment-content{padding-left:0;padding-right:0;}
}
@media screen and (max-width:575px){
.comment-content{padding-top:70px;}
}
.comment-content a{word-wrap:break-word;}
.comment-content .comment-text{color:inherit;font-size:17px;color:#444;line-height:30px;}
.comment-content .comment-text p:last-child{margin-bottom:0;}
.comment-content .comment-text ol, .comment-content .comment-text ul{margin-bottom:32px;}
.comment-content .comment-text ol ul, .comment-content .comment-text ul ul, .comment-content .comment-text ol ol, .comment-content .comment-text ul ol{margin-bottom:0;}
.comment-content .comment-text ul li{list-style:outside;}
.comment-content .comment-text img{margin:6px 0;}
.comment-reply{margin-top:17px;}
.comment-reply a{font-size:17px;color:var(--primary-color);font-weight:700;display:flex;z-index:1;}
.comment-reply-title small{display:inline-block;vertical-align:top;margin-top:-5px;margin-left:10px;}
.comment-reply-title small a{line-height:36px;display:inline-block;padding:0 16px;font-size:14px;font-weight:500;color:#fff;-webkit-border-radius:36px;-khtml-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;border-radius:36px;background-size:300%, 1px;background-position:0%;}
.comment-reply-title small a i{margin-left:4px;}
.comment-reply-title small a:hover{color:#fff;background-position:100%;}
.comment-holder{display:flex;flex-wrap:nowrap;margin-top:5px;}
.comment-holder .comment-meta{flex-grow:1;margin-right:30px;}
@media screen and (max-width:575px){
.comment-holder{display:block;margin-top:0;margin-bottom:14px;}
.comment-holder .comment-meta{margin-right:0;}
}
.comment-form .row > div input[type="text"]{height:50px;border-radius:0;color:#888;border:none;background-color:#f4f5fa;}
.comment-form textarea{border:none;border-radius:0;color:#888;background-color:#f4f5fa;}
.comment-form .form-submit{margin-top:30px;margin-bottom:0;}
.comment-form .form-submit .submit{font-size:14px !important;line-height:45px !important;text-transform:uppercase;font-weight:700;padding:0px 28px !important;border-radius:2px !important;margin-left:15px;}
.comment-form .form-submit .submit:hover{-webkit-transform:translateY(-2px);-khtml-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);}
.comment-form .comment-form-comment{padding-top:30px;display:flex;flex-wrap:wrap;width:100%;}
.comment-form .title-form{font-size:14px;line-height:26px;color:#1b1b1b;}
.comment-form .comment-form-check{font-size:14px;line-height:26px;color:#1b1b1b;display:flex;align-items:center;position:relative;}
.comment-form .comment-form-check label:before{position:absolute;width:14px;height:14px;content:'';background-color:#e9e9e9;top:6px;left:-27px;}
.comment-form .comment-form-check label{position:relative;}
.comment-form .comment-form-check label:after{position:absolute;width:6px;height:6px;content:'';background-color:var(--primary-color);top:10px;left:-23px;opacity:0;z-index:1;}
.comment-form .comment-form-check input{z-index:2;margin-right:14px;opacity:0;cursor:pointer;}
.comment-form .comment-form-check input:checked + label:after{opacity:1;}
.comment-inner{position:relative;}
.comment-inner img.avatar{position:absolute;top:0;left:0;width:90px;height:90px;min-width:90px;margin-right:28px;float:left;-webkit-border-radius:100px;-khtml-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;}
@media screen and (max-width:767px){
.comment-inner img.avatar{width:60px;height:60px;min-width:60px;margin-right:18px;}
}
@media screen and (max-width:575px){
.comment-inner img.avatar{float:none;margin:0 auto 0 auto;width:92px;height:92px;min-width:92px;margin-bottom:-45px;position:relative;z-index:99;opacity:1;}
}
.comment-form-cookies-consent{font-size:14px;line-height:26px;padding-left:24px;position:relative;margin-top:15px;margin-bottom:28px;color:#1b1b1b;}
.comment-form-cookies-consent input, .comment-form-cookies-consent label:before, .comment-form-cookies-consent label:after{position:absolute;width:14px;height:14px;left:0;top:6px;cursor:pointer;}
.comment-form-cookies-consent label{cursor:pointer;}
.comment-form-cookies-consent label:before{content:'';z-index:1;background-color:#e9e9e9;}
.comment-form-cookies-consent label:after{content:'\f10c';font-family:"Caseicon";font-weight:400;z-index:2;font-size:10px;color:#000;opacity:0;line-height:12px;text-align:center;top:6px;}
.comment-form-cookies-consent input{z-index:99;opacity:0;}
.comment-form-cookies-consent input:checked + label:after{opacity:1;}
#commentform{}
.pxl-select{width:100%;position:relative;}
.pxl-select .pxl-select-hidden{display:none;}
.pxl-select .pxl-select-options{position:absolute;top:100%;left:0;width:100%;right:0;list-style:none;margin:10px 0 0;padding:12px 18px;background-color:#fff;z-index:99;font-size:14px;color:var(--secondary-color);font-family:'Lato', sans-serif;border:1px solid #eaeaea;font-weight:600;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);opacity:0;margin-top:30px;display:inline-table;visibility:hidden;}
.pxl-select .pxl-select-options li{white-space:nowrap;padding:9px 8px;cursor:pointer;text-align:left;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);line-height:normal !important;}
.pxl-select .pxl-select-options li:hover{color:var(--primary-color);}
.pxl-select .pxl-select-higthlight{display:flex;align-items:center;cursor:pointer;position:relative;}
.pxl-select .pxl-select-higthlight:before{content:"\f150";font-family:Caseicon;width:28px;height:28px;border-radius:28px;font-weight:700;color:#737879;line-height:28px;text-align:center;font-size:10px;font-family:Caseicon;position:absolute;top:50%;right:20px;-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%);-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
.pxl-select .pxl-select-higthlight.active + .pxl-select-options{opacity:1;margin-top:10px;visibility:visible;}
.pxl-select .pxl-select-higthlight.active:before{transform:translate(0, -50%) scaleY(-1);}
.wrap-ctf1 .wpcf7-not-valid-tip{top:100% !important;}
.wrap-ctf1 .wpcf7-form-control-wrap{margin-bottom:0 !important;}
.wrap-ctf1 .input-filled input{height:60px !important;font-size:15px !important;box-shadow:rgba(0, 0, 0, 0.1) 10px 0px 62px !important;border-radius:0;}
.wrap-ctf1 .wpcf7-submit{position:absolute;padding:2px 30px 3px 30px !important;right:5px;top:5px;background-color:var(--primary-color);font-size:16px;font-weight:700;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;border-radius:0;}
@media(max-width:450px){
.wrap-ctf1 .wpcf7-submit{font-size:15px;padding:2px 20px 3px 20px !important;}
}
.wrap-ctf1 .wpcf7-submit:hover{background-color:var(--secondary-color);}
.wrap-ctf10{filter:drop-shadow(3px 5px 25px rgba(0, 0, 0, 0.05));}
.wrap-ctf10 .ctf10{min-height:647px;max-width:569px;padding:50px 100px 60px 60px;mask-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-form.png);-webkit-mask-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-form.png);-ms-mask-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-form.png);-o-mask-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-form.png);-webkit-mask-repeat:no-repeat;-ms-mask-repeat:no-repeat;-o-mask-repeat:no-repeat;-webkit-mask-position:center top;-ms-mask-position:center top;background-color:#fff;-o-mask-position:center top;position:relative;}
@media(max-width:575px){
.wrap-ctf10 .ctf10{padding:50px 10px 60px 10px;}
}
.wrap-ctf10 .ctf10:before{position:absolute;width:352px;height:131px;content:'';background-image:url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-form.jpg);bottom:-5px;background-size:cover;background-repeat:no-repeat;background-position:center;right:-108px;}
.wrap-ctf10 .ctf10 .input-filled{margin-bottom:13px;position:relative;}
.wrap-ctf10 .ctf10 .input-filled .title p, .wrap-ctf10 .ctf10 .input-filled .title{font-size:40px;line-height:45px;font-weight:700;color:#1e1e2a;max-width:410px;padding-bottom:10px;}
.wrap-ctf10 .ctf10 .input-filled .title p span, .wrap-ctf10 .ctf10 .input-filled .title span{color:var(--primary-color);}
.wrap-ctf10 .ctf10 .input-filled input{padding-left:33px;background-color:#f9f7f7;border-radius:1000px;border:none !important;font-size:16px;color:#888;height:65px;box-shadow:none !important;}
.wrap-ctf10 .ctf10 .input-filled i{position:absolute;line-height:0;color:var(--primary-color);right:30px;top:50%;z-index:1;transform:translateY(-50%);}
.wrap-ctf10 .ctf10 .input-filled.f-bt{margin-top:33px;}
.wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;z-index:2;}
@-moz-document url-prefix() {
.wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-calendar-picker-indicator{display:none !;}
}
.wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-inner-spin-button, .wrap-ctf10 .ctf10 .input-filled input[type="date"]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;}
.wrap-ctf10 .ctf10 .input-filled button{border-radius:1000px;display:flex;align-items:center;justify-content:center;height:65px;width:100%;font-size:15px;text-transform:uppercase;background-color:var(--primary-color);color:#fff;}
@media(max-width:575px){
.wrap-ctf10 .ctf10 .input-filled button{padding:0;}
}
.wrap-ctf10 .ctf10 .input-filled button i{position:relative;top:auto;right:auto;color:#fff;font-size:21px;transition:300ms;padding-left:17px;}
.wrap-ctf10 .ctf10 .input-filled button br{display:none;}
.box-shadow1{box-shadow:rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;}
.pxl-content-area .searchform-wrap{position:relative;}
.pxl-content-area .searchform-wrap .search-submit{position:absolute;bottom:4px;right:4px;background-color:var(--secondary-color);}
.pxl-content-area .searchform-wrap .search-submit:hover{background-color:var(--primary-color);}
.pxl-content-area .page-header .page-title{color:var(--secondary-color);}
.ovl-scroll{overflow-y:scroll;}
@media(max-width:767px){
.form-h1 .input-filled{padding-bottom:10px;}
.form-h1 .input-filled input, .form-h1 .input-filled .pxl-select-higthlight{height:57px;}
}
.form-h1 input, .form-h1 .pxl-select-higthlight{background-color:#373737;height:43px;border-radius:0;color:#c8c8c8 !important;width:100%;font-size:15px;}
.form-h1 input:hover, .form-h1 .pxl-select-higthlight:hover, .form-h1 input:active, .form-h1 .pxl-select-higthlight:active, .form-h1 input:focus, .form-h1 .pxl-select-higthlight:focus{border:none !important;}
.form-h1 .pxl-select-higthlight:before{color:#c8c8c8 !important;right:10px !important;}
.form-h1 button{background-color:var(--primary-color);border:none;border-radius:0 !important;text-transform:capitalize;font-size:15px;font-weight:700;font-size:15px;height:43px;width:100% !important;line-height:43px !important;-webkit-transition:200ms all linear 0ms;-khtml-transition:200ms all linear 0ms;-moz-transition:200ms all linear 0ms;-ms-transition:200ms all linear 0ms;-o-transition:200ms all linear 0ms;transition:200ms all linear 0ms;}
.form-h1 button:hover{color:#000 !important;background-color:#fff;}
.wrap-ctf-service{padding:0 26px;}
@media(max-width:450px){
.wrap-ctf-service{padding:0 10px;}
}
.wrap-ctf-service .title-form{position:absolute;top:23px;left:0;width:100%;padding:20px 28px;background-color:var(--primary-color);font-size:24px;font-weight:700;color:#fff;text-align:center;}
@media(max-width:450px){
.wrap-ctf-service .title-form{font-size:18px;}
}
.wrap-ctf-service .title-form:before{position:absolute;content:'';background-color:#b1151c;width:25px;height:25px;bottom:-13px;right:0;transform:skewy(-45deg);z-index:-1;}
@media(max-width:450px){
.wrap-ctf-service .title-form:before{width:10px;height:20px;bottom:-5px;}
}
.wrap-ctf-service .title-form:after{position:absolute;content:'';background-color:#b1151c;width:25px;height:25px;bottom:-13px;left:0;z-index:-1;transform:skewy(45deg);}
@media(max-width:450px){
.wrap-ctf-service .title-form:after{width:10px;height:20px;bottom:-5px;}
}
.wrap-ctf-service .wrap-input{box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding:135px 33px 20px 33px;}
@media(max-width:450px){
.wrap-ctf-service .wrap-input{padding:110px 15px 20px 15px;}
}
.wrap-ctf-service .wrap-input .input-filled{margin-bottom:16px;}
.wrap-ctf-service .wrap-input input, .wrap-ctf-service .wrap-input .pxl-select-higthlight{border-radius:0;box-shadow:none !important;height:55px;background-color:#f3f3f3;color:#666;font-size:16px;font-weight:400;}
.wrap-ctf-service .wrap-input button{height:55px;overflow:hidden;background-color:transparent;color:#fff;font-size:15px;font-weight:700;border-radius:0;width:100%;text-align:center;position:relative;}
.wrap-ctf-service .wrap-input button:after{content:"";background:#000;position:absolute;z-index:-1;padding:0.85em 0.75em;display:block;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(45deg) scale(0, 1);transition:500ms !important;}
.wrap-ctf-service .wrap-input button:before{content:"";background:var(--primary-color);position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;}
.wrap-ctf-service .wrap-input button:hover:after{transform:skewX(45deg) scale(1, 1);}
.wrap-ctf-team .wrap-input .input-filled{margin-bottom:18px;}
.wrap-ctf-team .wrap-input input, .wrap-ctf-team .wrap-input .pxl-select-higthlight{border-radius:0;box-shadow:none !important;height:47px;background-color:#f9f9f9;color:#666;font-size:14px;font-weight:400;}
.wrap-ctf-team .wrap-input textarea{height:112px;border-radius:0;box-shadow:none !important;background-color:#f9f9f9;color:#666;font-size:14px;font-weight:400;}
.wrap-ctf-team .wrap-input .btn{line-height:40px !important;padding:0 28px 0 7px;margin-top:7px;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.wrap-ctf-team .wrap-input .btn:hover{background-color:#000;}
.wrap-ctf-team .wrap-input .btn i{font-size:11px;}
.wrap-ctf-team .wrap-input button{padding:0 23px;height:40px;overflow:hidden;background-color:transparent;color:#fff;font-size:15px;line-height:40px;font-weight:700;border-radius:0;width:100%;text-align:center;position:relative;}
.wrap-ctf-service-home3 textarea{background-color:#f7f7f7;height:130px;}
.wrap-ctf-service-home3 .wrap-input .input-filled{margin-bottom:16px;}
.wrap-ctf-service-home3 .wrap-input input, .wrap-ctf-service-home3 .wrap-input .pxl-select-higthlight{border-radius:0;box-shadow:none !important;height:55px;background-color:#f7f7f7;color:#666;font-size:16px;font-weight:400;}
.wrap-ctf-service-home3 .wrap-input button{height:55px;overflow:hidden;background-color:transparent;color:#fff;font-size:15px;font-weight:700;border-radius:0;text-align:center;position:relative;}
.wrap-ctf-service-home3 .wrap-input button:after{content:"";background:#000;position:absolute;z-index:-1;padding:0.85em 0.75em;display:block;left:-20%;right:-20%;top:0;bottom:0;transform:skewX(45deg) scale(0, 1);transition:500ms !important;}
.wrap-ctf-service-home3 .wrap-input button:before{content:"";background:var(--primary-color);position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;}
.wrap-ctf-service-home3 .wrap-input button:hover:after{transform:skewX(45deg) scale(1, 1);}
.wrap-ctf-footer-home2{background:var(--primary-color);padding:13px 17px 15px 0;position:relative;}
@media(max-width:991px){
.wrap-ctf-footer-home2{padding:20px 17px 22px 0;}
}
.wrap-ctf-footer-home2:before{position:absolute;content:'';height:100%;width:66px;bottom:0;z-index:-1;left:-66px;clip-path:polygon(100% 0, 0 0, 100% 100%);background-color:#97070c;}
.wrap-ctf-footer-home2 .form-contact{position:relative;}
.wrap-ctf-footer-home2 .form-contact input{height:44px;font-size:15px;font-weight:400;background-color:#97070c;color:#fff !important;border-radius:0;border:none !important;}
.wrap-ctf-footer-home2 .form-contact button{position:absolute;overflow:hidden;top:0;right:0;padding:0;height:44px;width:63px;background-color:#fff;color:#000;border-radius:0;font-size:19px;text-align:center;}
.wrap-ctf-footer-home2 .form-contact button i{display:block;}
.wrap-ctf-footer-home2 .form-contact button:hover i{color:#000;animation:toBottomFromTop 300ms ease-out;}
.wrap-ctf-footer-home2 .input-filled{display:flex;justify-content:center;align-items:center;}
@media(max-width:991px){
.wrap-ctf-footer-home2 .input-filled{justify-content:start;}
}
.wrap-ctf-footer-home2 h2{text-align:center;font-size:24px;color:#fff;font-weight:700;margin-bottom:0;}
@media(max-width:991px){
.wrap-ctf-footer-home2 h2{margin-bottom:10px;text-align:left;}
}
.wrap-ctf-footer-home9 .form-contact{position:relative;}
.wrap-ctf-footer-home9 .form-contact input{height:44px;font-size:15px;font-weight:400;background-color:#0f0f35;color:#fff !important;border-radius:0;border:none !important;}
.wrap-ctf-footer-home9 .form-contact button{position:absolute;overflow:hidden;top:0;right:0;padding:0;height:44px;width:63px;background:linear-gradient(90deg, #05f 0%, #00e9f1 50%, #05f 100%);background-size:200%;color:#fff;border-radius:0;font-size:19px;text-align:center;}
.wrap-ctf-footer-home9 .form-contact button i{display:block;}
.wrap-ctf-footer-home9 .form-contact button:hover{background-position:right;}
.wrap-ctf-footer-home9 .input-filled{display:flex;justify-content:center;align-items:center;}
@media(max-width:991px){
.wrap-ctf-footer-home9 .input-filled{justify-content:start;}
}
.wrap-ctf-footer-home9 h2{text-align:center;font-size:24px;color:#fff;font-weight:700;margin-bottom:0;}
@media(max-width:991px){
.wrap-ctf-footer-home9 h2{margin-bottom:10px;text-align:left;}
}
.wrap-ctf-v2 .input-filled{margin-bottom:29px;}
.wrap-ctf-v2 .input-filled label{font-size:15px;font-weight:700;color:#000;display:block;}
.wrap-ctf-v2 .input-filled input, .wrap-ctf-v2 .input-filled .pxl-select-higthlight{height:49px;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:14px;color:#666;background-color:#f9f9f9;border-radius:0;box-shadow:none !important;}
.wrap-ctf-v2 .input-filled input:focus, .wrap-ctf-v2 .input-filled .pxl-select-higthlight:focus, .wrap-ctf-v2 .input-filled input:active, .wrap-ctf-v2 .input-filled .pxl-select-higthlight:active{background-color:#f9f9f9;}
.wrap-ctf-v2 .input-filled textarea{height:153px;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:14px;color:#666;background-color:#f9f9f9;border-radius:0;box-shadow:none !important;}
.wrap-ctf-v2 .input-filled textarea:focus, .wrap-ctf-v2 .input-filled textarea:active{background-color:#f9f9f9;}
.wrap-ctf-v2 .input-filled button{margin-top:3px;display:flex;align-items:center;height:51px;padding:0 55px 0 37px;font-size:16px;color:#fff;border-radius:0;background-color:var(--primary-color);}
.wrap-ctf-v2 .input-filled button i{padding-right:10px;}
.wrap-ctf-v1 .input-filled{margin-bottom:17px;}
.wrap-ctf-v1 .input-filled input{height:63px;border:1px solid #e4e4e4 !important;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:16px;color:#666;border-radius:0;box-shadow:none !important;}
.wrap-ctf-v1 .input-filled input:focus, .wrap-ctf-v1 .input-filled input:active{border-color:var(--primary-color) !important;}
.wrap-ctf-v1 .input-filled textarea{height:185px;border:1px solid #e4e4e4 !important;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:16px;color:#666;border-radius:0;box-shadow:none !important;}
.wrap-ctf-v1 .input-filled textarea:focus, .wrap-ctf-v1 .input-filled textarea:active{border-color:var(--primary-color) !important;}
.wrap-ctf-v1 .input-filled button{height:64px;padding:0 57px 0 48px;font-size:16px;color:#fff;border-radius:0;}
.wrap-ctf-home-main .input-filled{margin-bottom:22px;position:relative;}
.wrap-ctf-home-main .input-filled i{position:absolute;line-height:0;right:20px;top:50%;transform:translateY(-50%);}
.wrap-ctf-home-main .input-filled .pxl-select-higthlight:before{font-size:14px;}
.wrap-ctf-home-main .input-filled input, .wrap-ctf-home-main .input-filled .pxl-select-higthlight{height:60px;background-color:#f9fafc;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:16px;color:#666;border-radius:0;box-shadow:none !important;border-radius:5px;}
.wrap-ctf-home-main .input-filled input:before, .wrap-ctf-home-main .input-filled .pxl-select-higthlight:before{content:"\f150" !important;font-family:"caseicon" !important;top:50% !important;font-size:12px;right:14px !important;}
.wrap-ctf-home-main .input-filled button{display:flex;align-items:center;justify-content:center;height:60px;width:100%;font-size:16px;text-transform:uppercase;background-color:var(--primary-color);color:#fff;border-radius:5px;}
.wrap-ctf-home-main .input-filled button i{position:relative;top:auto;right:auto;line-height:60px;transform:translateY(0%) translatex(15px);font-size:13px;transition:300ms;}
.wrap-ctf-home-main .input-filled button:hover i{transform:translateY(0%) translatex(15px) rotate(45deg);}
.wrap-ctf-home-main .input-filled button br{display:none;}
.wrap-ctf-v3 .input-filled{margin-bottom:17px;}
.wrap-ctf-v3 .input-filled input{height:63px;border:2px solid #fdf6f2 !important;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:18px !important;color:#242425;border-radius:0;box-shadow:none !important;}
.wrap-ctf-v3 .input-filled input:focus, .wrap-ctf-v3 .input-filled input:active{border-color:var(--primary-color) !important;}
.wrap-ctf-v3 .input-filled textarea{height:185px;border:2px solid #fdf6f2 !important;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;font-size:18px !important;color:#242425;border-radius:0;box-shadow:none !important;}
.wrap-ctf-v3 .input-filled textarea:focus, .wrap-ctf-v3 .input-filled textarea:active{border-color:var(--primary-color) !important;}
.wrap-ctf-v3 .input-filled button{height:60px;padding:0 35px 0 35px;font-size:20px;font-weight:700;text-transform:uppercase;line-height:60px;background-color:var(--primary-color);color:#fff;border-radius:0;}
.wrap-ctf-calculate{border:1px solid #d8d3d3;padding:16px 20px 30px 20px;}
.wrap-ctf-calculate .title{font-size:24px;margin-bottom:3px;}
.wrap-ctf-calculate .description{font-size:14px;color:#666;margin-bottom:34px;}
.wrap-ctf-calculate .wrap-input select{height:36px;font-size:16px;color:#ababab;border:1px solid #d8d3d3 !important;box-shadow:none !important;border-radius:0;padding-left:10px !important;}
.wrap-ctf-calculate .wrap-input .input-filled{display:flex;align-items:center;margin-bottom:28px;}
.wrap-ctf-calculate .wrap-input .input-filled.f1{margin-bottom:33px;}
.wrap-ctf-calculate .wrap-input .input-filled.f3{margin-bottom:18px;}
.wrap-ctf-calculate .wrap-input .input-filled.f4{margin-bottom:42px;}
.wrap-ctf-calculate .wrap-input .input-filled.f5{margin-bottom:0px;}
.wrap-ctf-calculate .wrap-input .input-filled.f2 select, .wrap-ctf-calculate .wrap-input .input-filled.f3 select{-webkit-appearance:none;appearance:none;}
.wrap-ctf-calculate .wrap-input .input-filled.f2 .wpcf7-form-control-wrap:before, .wrap-ctf-calculate .wrap-input .input-filled.f3 .wpcf7-form-control-wrap:before{content:"\f078";font-family:'font awesome 5 pro';font-size:13px;color:#949494;font-weight:700;position:absolute;right:12px;top:53%;-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%);}
@media(max-width:480px){
.wrap-ctf-calculate .wrap-input .input-filled{display:block;margin-bottom:15px !important;}
.wrap-ctf-calculate .wrap-input .input-filled br{display:none;}
}
.wrap-ctf-calculate .wrap-input .input-filled .title-input{min-width:210px;color:#050505;font-size:14px;font-weight:700;}
@media(max-width:480px){
.wrap-ctf-calculate .wrap-input .input-filled .title-input{margin-bottom:10px;display:block;}
}
.wrap-ctf-calculate .wrap-input .input-filled .uacf7-slider-label{display:none;}
.wrap-ctf-calculate .wrap-input .input-filled .uacf7-value{font-size:14px;color:#000;font-weight:700;position:absolute;top:-25px;right:0;}
.wrap-ctf-calculate .wrap-input .input-filled .uacf7_range_slider-700{width:100%;}
.wrap-ctf-calculate .wrap-input input[type="range"]{background-color:var(--primary-color) !important;border:none !important;}
.wrap-ctf-calculate .wrap-input input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-moz-appearance:initial;margin-top:-12px;background-color:var(--primary-color) !important;height:37px;width:37px;}
.wrap-ctf-calculate .wrap-input input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;-moz-appearance:initial;margin-top:-12px;background-color:var(--primary-color) !important;height:37px;width:37px;border-radius:300px;border:none !important;}
.wrap-ctf-calculate .wrap-input input[type="range"]::-webkit-slider-runnable-track{background:#f8f8f8 !important;height:18px;border:1px solid #d8d3d3 !important;border-radius:100px;}
.wrap-ctf-calculate .wrap-input input[type="range"]::-moz-range-track{background:#f8f8f8 !important;height:18px;border:1px solid #d8d3d3 !important;border-radius:100px;}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom{padding:0 !important;box-shadow:none !important;cursor:pointer;}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item{margin:0 !important;}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom input{width:71px;height:38px;opacity:0;z-index:2;position:relative;cursor:pointer;}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label{z-index:1;position:absolute;left:0;top:3px;width:71px;height:39px;display:block;cursor:pointer;}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label:before{position:absolute;width:100%;height:100%;border:1px solid #d8d3d3;border-radius:100px;top:0;left:0;cursor:pointer;}
.wrap-ctf-calculate .wrap-input .wpcf7-checkbox_custom .wpcf7-list-item-label:after{position:absolute;width:29px;height:29px;background-color:#ccc;border-radius:100px;top:5px;left:7px;-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-khtml-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);cursor:pointer;}
.wrap-ctf-calculate .wrap-input input[type=checkbox]:checked + .wpcf7-list-item-label:after, .wrap-ctf-calculate .wrap-input .wpcf7 .wpcf7-form-control.wpcf7-checkbox_custom input[type=checkbox]:checked + .wpcf7-list-item-label:after{background-color:var(--primary-color);left:35px;}
.wrap-ctf-calculate .wrap-input .your-value{background-color:#f8f8f8;justify-content:flex-end;align-items:center;height:38px;overflow:hidden;font-size:16px;font-weight:700;color:#050505;}
.wrap-ctf-calculate .wrap-input .your-value br{display:none;}
.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap{max-width:215px;}
@media(max-width:480px){
.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap{max-width:130px;}
}
.wrap-ctf-calculate .wrap-input .your-value .wpcf7-form-control-wrap input{margin-left:20px;border:none !important;box-shadow:none !important;color:#fff;background-color:var(--primary-color);border-radius:0 !important;text-align:center !important;font-size:16px;font-weight:700;}
.wrap-ctf-home2{background-color:#fff;border-radius:3px;padding:28px 50px 45px 50px;}
@media(max-width:575px){
.wrap-ctf-home2{padding:40px 20px !important;}
}
.wrap-ctf-home2 .title-form{font-size:28px;text-align:center;font-weight:700;margin-bottom:23px;}
.wrap-ctf-home2 ::placeholder{color:#cccaca;}
.wrap-ctf-home2 .input-filled{margin-bottom:20px;}
.wrap-ctf-home2 .input-filled input{background-color:#f4f5fa;height:50px;box-shadow:none !important;font-size:16px;color:#000;}
.wrap-ctf-home2 .input-filled textarea{background-color:#f4f5fa;font-size:16px;color:#000;height:100px;box-shadow:none !important;}
.wrap-ctf-home2 .input-filled button{height:52px;width:100%;text-align:center;background-color:var(--primary-color);text-transform:uppercase;border-radius:3px;font-size:16px;font-weight:700;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.wrap-ctf-home2 .input-filled button i{font-size:12px;margin-left:10px;display:inline-block;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.wrap-ctf-home2 .input-filled button:hover{background-color:#000;}
.wrap-ctf-home2 .input-filled button:hover i{transform:rotate(45deg);}
.wrap-ctf-home2 .input-filled:last-child{margin-bottom:0;}
body.rtl{direction:rtl;unicode-bidi:embed;text-align:right;}
body.rtl .rtl-icon{-webkit-transform:scaleX(-1);-khtml-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);display:inline-block;}
body.rtl .pxl-text-left{text-align:right;}
body.rtl .pxl-text-right{text-align:left;}
@media screen and (min-width:1200px){
body.rtl .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down{margin-left:0;margin-right:8px;}
body.rtl .pxl-menu-primary .sub-menu, body.rtl .pxl-menu-primary .children{text-align:right;}
body.rtl .pxl-menu-primary li a span:before{left:auto;right:0;}
body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu), body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu){left:auto;right:0;text-align:right;}
body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .children, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .children{left:auto;right:100%;text-align:right;}
body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children > a::after{content:"\f136";right:auto;left:0;}
body.rtl .pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a::before{left:auto;right:0;}
}
@media screen and (max-width:1199px){
body.rtl #pxl-header-default #pxl-nav-mobile, body.rtl #pxl-header-elementor #pxl-nav-mobile{right:auto;left:15px;}
body.rtl .pxl-header-menu{left:auto;right:0;-webkit-transform:translateX(100%);-khtml-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
body.rtl .pxl-header-menu.active{-webkit-transform:translateX(0%);-khtml-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);}
body.rtl .pxl-menu-toggle, body.rtl .pxl-menu-close, body.rtl .pxl-header-mobile-search .search-submit{right:auto;left:0;}
body.rtl .pxl-menu-primary .sub-menu li a, body.rtl .pxl-menu-primary .children li a{padding-left:0;padding-right:14px;}
body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading{padding-left:0;padding-right:14px;}
}
body.rtl #pxl-search-popup .pxl-item--conent form .search-submit{right:auto;left:0;text-align:left;}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape{margin-left:190px;margin-right:52px;}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape span{transform:scaleX(-1);}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape::before{left:auto;right:-45px;}
body.rtl .pxl-type-header-clip > .elementor-container .pxl-header-shape::after{left:auto;right:-52px;}
body.rtl .pxl-item--post .pxl-item--meta li{margin-right:0;margin-left:20px;}
body.rtl .pxl-item--post .pxl-item--meta li i{margin-right:0;margin-left:8px;}
body.rtl blockquote{padding-left:40px;padding-right:40px;margin-left:0;margin-right:0;}
body.rtl blockquote:before{left:auto;right:0;}
body.rtl .pxl--post-footer label{margin-right:0;margin-left:18px;}
body.rtl .pxl--post-footer .pxl--tags{margin-right:0;margin-left:30px;}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--img{margin-right:0;margin-left:22px;}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i{margin-right:0;margin-left:4px;}
body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i:before{content:"\f134";}
body.rtl .pxl-post--navigation .pxl--item-next{text-align:left;}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--img{margin-left:0;margin-right:22px;}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i{margin-left:0;margin-right:4px;}
body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i:before{content:"\f13a";}
body.rtl .pxl-item--post .pxl-item--meta::before{right:0;left:auto;}
body.rtl .comment-inner img.avatar{margin-right:0;margin-left:18px;}
body.rtl .comment-reply{right:auto;left:23px;}
body.rtl .comment-reply a i{-webkit-transform:scaleX(-1);-khtml-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);margin-left:0;margin-right:5px;}
body.rtl .comment-form-cookies-consent{padding-left:0;padding-right:24px;}
body.rtl .comment-form-cookies-consent input, body.rtl .comment-form-cookies-consent label::before, body.rtl .comment-form-cookies-consent label::after{left:auto;right:0;}
body.rtl .comment-list li .comment-respond{margin-left:0;margin-right:130px;}
@media screen and (max-width:767px){
body.rtl .comment-list li .comment-respond{margin-left:0px;margin-right:78px;}
}
@media screen and (max-width:575px){
body.rtl .comment-list li .comment-respond{margin-right:0;}
}
body.rtl .comment-list li .children{padding-right:120px;padding-left:0;}
@media screen and (max-width:767px){
body.rtl .comment-list li .children{padding-right:78px;padding-left:0;}
}
@media screen and (max-width:575px){
body.rtl .comment-list li .children{padding-right:0;}
}
body.rtl .comment-reply-title small{margin-left:0;margin-right:10px;}
body.rtl .pxl-item--post .pxl-item--readmore a:hover{padding-right:30px;padding-left:48px;}
body.rtl .pxl-item--post .pxl-item--readmore i{right:auto;left:36px;transform:translate(0, -50%) scaleX(-1);}
body.rtl .pxl-item--post .pxl-item--readmore a:hover i{left:24px;}
body.rtl .pxl-pagination-wrap .page-numbers i{-webkit-transform:scaleX(-1);-khtml-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}
body.rtl .widget-title::before, body.rtl .comment-reply-title::before, body.rtl .comments-title::before{left:auto;right:0;}
body.rtl .widget_product_categories ul li a:before, body.rtl .widget_categories ul li a:before, body.rtl .widget_nav_menu ul li a:before, body.rtl .widget_pages ul li a:before, body.rtl .widget_archive ul li a:before, body.rtl .widget_meta ul li a:before, body.rtl .widget_recent_entries ul li a:before{content:"\f136";margin-right:0;margin-left:8px;float:right;}
body.rtl .widget_product_categories ul li.current-menu-item > a, body.rtl .widget_categories ul li.current-menu-item > a, body.rtl .widget_nav_menu ul li.current-menu-item > a, body.rtl .widget_pages ul li.current-menu-item > a, body.rtl .widget_archive ul li.current-menu-item > a, body.rtl .widget_meta ul li.current-menu-item > a, body.rtl .widget_recent_entries ul li.current-menu-item > a, body.rtl .widget_product_categories ul li.current-cat > a, body.rtl .widget_categories ul li.current-cat > a, body.rtl .widget_nav_menu ul li.current-cat > a, body.rtl .widget_pages ul li.current-cat > a, body.rtl .widget_archive ul li.current-cat > a, body.rtl .widget_meta ul li.current-cat > a, body.rtl .widget_recent_entries ul li.current-cat > a, body.rtl .widget_product_categories ul li.current-cat-parent > a, body.rtl .widget_categories ul li.current-cat-parent > a, body.rtl .widget_nav_menu ul li.current-cat-parent > a, body.rtl .widget_pages ul li.current-cat-parent > a, body.rtl .widget_archive ul li.current-cat-parent > a, body.rtl .widget_meta ul li.current-cat-parent > a, body.rtl .widget_recent_entries ul li.current-cat-parent > a, body.rtl .widget_product_categories ul li > a:hover, body.rtl .widget_categories ul li > a:hover, body.rtl .widget_nav_menu ul li > a:hover, body.rtl .widget_pages ul li > a:hover, body.rtl .widget_archive ul li > a:hover, body.rtl .widget_meta ul li > a:hover, body.rtl .widget_recent_entries ul li > a:hover{padding-left:0px;padding-right:16px;}
body.rtl .widget_search .search-submit{right:auto;left:0;}
body.rtl .widget_pxl_recent_posts .pxl-item--img{margin-right:0;margin-left:12px;}
body.rtl .widget_pxl_recent_posts .pxl-item--date i, body.rtl .widget_tag_cloud a{margin-right:0;margin-left:6px;}
body.rtl .pxl-banner1 .pxl-item--meta{left:auto;right:-85px;direction:ltr;}
body.rtl .pxl-testimonial-carousel1 .pxl-item--star{margin-right:0;margin-left:20px;}
body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow{right:auto;left:0;}
body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left:74px;}
body.rtl .pxl-testimonial-carousel1 .pxl-item--image{margin-right:0;margin-left:14px;}
body.rtl .pxl-grid-filter .filter-item.active{margin-right:0;margin-left:24px;}
body.rtl .pxl-grid-filter .filter-item.active:last-child{margin-left:0;}
body.rtl .pxl-mailchimp.style-outline [type="email"]{margin-right:0;margin-left:20px;}
@media screen and (max-width:767px){
body.rtl .pxl-mailchimp.style-outline [type="email"]{margin-left:0;}
}
body.rtl .pxl-post-carousel1 .pxl-item--author img{margin-right:0;margin-left:14px;}
body.rtl .pxl-post-carousel1 .pxl-item--date i{margin-right:0;margin-left:6px;}
body.rtl .pxl-btn-line:hover i{margin-left:0;margin-right:12px;}
body.rtl .pxl-history1 .pxl-item--start, body.rtl .pxl-history1 .pxl-item--image{right:50%;transform:translate(50%, 0);}
body.rtl .pxl-history1 .pxl-content--left{padding-right:0;padding-left:120px;}
@media screen and (max-width:767px){
body.rtl .pxl-history1 .pxl-content--left{padding-right:0;padding-left:30px;}
}
body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:before{right:auto;left:-130px;}
@media screen and (max-width:767px){
body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:before{right:auto;left:-40px;}
}
body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:after{right:auto;left:-108px;}
@media screen and (max-width:767px){
body.rtl .pxl-history1 .pxl-content--left .pxl-item--title:after{right:auto;left:-20px;}
}
body.rtl .pxl-history1 .pxl-content--right{padding-left:0px;padding-right:120px;}
@media screen and (max-width:767px){
body.rtl .pxl-history1 .pxl-content--right{padding-left:0px;padding-right:30px;}
}
body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:before{left:auto;right:-130px;}
@media screen and (max-width:767px){
body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:before{left:auto;right:-40px;}
}
body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:after{left:auto;right:-108px;}
@media screen and (max-width:767px){
body.rtl .pxl-history1 .pxl-content--right .pxl-item--title:after{left:auto;right:-20px;}
}
body.rtl .pxl-link.hv-style2 a::before{right:0;left:auto;}
body.rtl .pxl-mailchimp.style-default [type="submit"]{right:auto;left:0;}
body.rtl .pxl-link li i{margin-right:0;margin-left:8px;}
body.rtl .pxl-feature1 .pxl--item-title::before{left:auto;right:0;}
body.rtl .pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider, body.rtl .pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider{left:-101px;right:auto;}
body.rtl .pxl-process1 .pxl-item--image{right:auto;left:0;}
body.rtl .pxl-testimonial-carousel2 .pxl-item--image{margin-right:0;margin-left:24px;}
body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next{right:auto;left:0;}
body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left:auto;right:0;}
body.rtl .pxl-partner-carousel1 .pxl-item--inner::before{right:auto;left:-15px;}
body.rtl .pxl-mailchimp.style-primary [type="email"]{margin-right:0;margin-left:16px;}
body.rtl .pxl-link.hv-style5 li a{padding-left:42px;padding-right:20px;}
body.rtl .pxl-link.hv-style5 li i{margin:0;right:auto;left:20px;-webkit-transform:translate(0, -50%) scaleX(-1);-khtml-transform:translate(0, -50%) scaleX(-1);-moz-transform:translate(0, -50%) scaleX(-1);-ms-transform:translate(0, -50%) scaleX(-1);-o-transform:translate(0, -50%) scaleX(-1);transform:translate(0, -50%) scaleX(-1);}
body.rtl .pxl-testimonial-single1 .pxl-item--image{margin-right:0;margin-left:20px;}
body.rtl .pxl-testimonial-single1.style-img-larger .pxl-item--image{margin-right:30px;}
body.rtl .pxl-testimonial-carousel1 .pxl-item--image, body.rtl .pxl-testimonial-grid1 .pxl-item--image{margin-right:0;margin-left:16px;}
body.rtl .pxl-testimonial-grid1 .pxl-item--holder::before{left:auto;right:40px;transform:scaleX(-1);}
body.rtl .pxl-link.hv-style6 li i{right:auto;left:10px;margin:0;}
body.rtl .pxl-blog-grid-layout3 .pxl-item--meta i{margin-right:0;margin-left:6px;}
body.rtl .pxl-blog-grid-layout3 .pxl-item--meta > div{margin-right:0;margin-left:18px;}
body.rtl .pxl-blog-grid-layout3 .pxl-item--meta > div:last-child{margin-left:0;margin-right:0;}
body.rtl .pxl-icon-box2.style3 .pxl-item--icon{margin-right:0;margin-left:14px;}
body.rtl .pxl-banner2 .pxl-item--project .pxl-project--icon{margin-right:0;margin-left:10px;}
body.rtl .pxl-banner2 .pxl-item--team{margin-right:0;margin-left:16px;}
body.rtl .pxl-banner2 .pxl-item--meta{margin-right:0;margin-left:22px;}
body.rtl .pxl-portfolio-carousel2 .pxl-item--meta{padding-right:20px;padding-left:70px;}
body.rtl .pxl-portfolio-carousel2 .pxl-item--readmore{right:auto;left:20px;}
body.rtl .pxl-testimonial-carousel4 .pxl-item--image{margin-right:0;margin-left:28px;}
body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap{right:auto;left:20px;}
body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev{margin-right:0;margin-left:16px;}
body.rtl .pxl-mailchimp.style-box-white2 [type="email"]{padding-left:0;padding-right:30px;}
body.rtl .pxl-link.hv-style3 a:hover{padding-left:0;padding-right:18px;}
body.rtl .pxl-link.hv-style3 a::before{left:auto;right:-11px;}
body.rtl .pxl-link.hv-style3 a:hover::before{left:auto;right:0;}
body.rtl .pxl-video-player1 .btn-video.style4 + .pxl-video-text{margin-left:0;margin-right:14px;}
@media screen and (min-width:1200px){
body.rtl .pxl-tabs1.style-text-gradient .pxl-tabs--title{margin-right:0;margin-left:20px;}
body.rtl .pxl-tabs1.style-text-gradient .pxl-tabs--title .pxl-item--title::before{left:auto;right:22px;}
}
body.rtl .pxl-accordion1.style3 .pxl-item--title{padding:28px 80px 28px 20px;}
body.rtl .pxl-accordion1.style3 .pxl-icon--plus{left:auto;right:30px;}
body.rtl .pxl-icon-box2.style4 .pxl-item--icon{margin-right:0;margin-left:16px;}
body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current{margin-right:0;margin-left:50px;}
body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current::before{left:auto;right:32px;}
body.rtl .pxl-wapper .btn-plus-text{flex-direction:row-reverse;}
body.rtl .btn.btn-slider1 i{margin-left:0;margin-right:18px;-webkit-transform:scaleX(-1);-khtml-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);}
body.rtl #pxl-page-title-default .pxl-breadcrumb li:before{content:"\f14d";margin:0 14px;font-weight:700;color:inherit;font-family:Caseicon;font-size:11px;}
body.rtl #pxl-page-title-default .pxl-breadcrumb li:after{display:none;}
body.rtl .pxl-scroll-top{right:auto;left:40px;}
body.rtl .pxl-col-line1::before{left:25px;right:auto;}
body.rtl input[type="text"], body.rtl input[type="email"], body.rtl input[type="url"], body.rtl input[type="password"], body.rtl input[type="search"], body.rtl input[type="tel"], body.rtl input[type="number"], body.rtl input[type="range"], body.rtl input[type="date"], body.rtl input[type="month"], body.rtl input[type="week"], body.rtl input[type="time"], body.rtl input[type="datetime"], body.rtl input[type="datetime-local"], body.rtl input[type="color"], body.rtl textarea, body.rtl select, body.rtl .nice-select{text-align:right;}
body.rtl .pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{right:auto;left:18px;}
.error404 .pxl-error-inner{background-repeat:no-repeat;background-position:bottom left;padding-bottom:95px !important;}
@media(max-width:1024px){
.error404 .pxl-error-inner{background-position:center;background-size:cover;}
}
.error404 .wrap-content-404{display:flex;flex-wrap:wrap;align-items:center;margin-top:-12px;text-align:center;}
@media(max-width:1024px){
.error404 .wrap-content-404{margin-top:0px;}
}
.error404 .wrap-content-404 .pxl-error-inner{position:relative;z-index:99;margin:auto;padding:0 15px;width:100%;}
@media(max-width:1024px){
.error404 .wrap-content-404 .pxl-error-inner .error-404-image{margin-top:20px;}
}
.error404 .wrap-content-404 .pxl-error-title{font-size:48px;color:var(--secondary-color);}
@media(max-width:767px){
.error404 .wrap-content-404 .pxl-error-title{font-size:30px;}
}
@media(max-width:575px){
.error404 .wrap-content-404 .pxl-error-title{font-size:25px;}
}
.error404 .wrap-content-404 .pxl-error-button{padding:0 34px;line-height:49px;background-color:var(--primary-color);color:#fff;display:inline-block;font-size:15px;font-weight:700;text-transform:capitalize;-webkit-transition:300ms all linear 0ms;-khtml-transition:300ms all linear 0ms;-moz-transition:300ms all linear 0ms;-ms-transition:300ms all linear 0ms;-o-transition:300ms all linear 0ms;transition:300ms all linear 0ms;}
.error404 .wrap-content-404 .pxl-error-button:hover{background-color:var(--secondary-color);}
.error404 .wrap-content-404 .error-404-desc{text-align:center;margin-top:6px;font-size:17px;line-height:30px;color:#666;margin-bottom:46px;}
@media(max-width:767px){
.error404 .wrap-content-404 .error-404-desc{margin-bottom:20px;}
}
.pxl-pricing-carousel1 .pxl-swiper-dots{display:grid;position:absolute;top:50%;transform:translateY(-50%);right:-41px;margin-top:0;}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet{margin:5px 0;background-color:#f2f2f2;}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--primary-color);}
.pxl-pricing-carousel1 .swiper-container-vertical{height:440px;}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-wrapper{flex-direction:column;}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.pxl-pricing-carousel1 .pxl-swiper-slide{padding-bottom:30px;}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content{background-color:#f2f2f2;text-align:center;padding:39px 0 36px 0;}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title{font-size:20px;font-weight:700;color:#050505;margin-bottom:-5px;}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price{margin-bottom:-2px;}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit{font-size:24px;font-weight:700;color:#050505;}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing{font-size:48px;font-weight:700;color:#050505;}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc{font-size:16px;font-weight:700;color:#878787;}
.wp-block-column .wp-block-quote{padding:32px 20px 28px 20px;font-size:18px;line-height:27px;margin-top:0;}
.wp-block-column .wp-block-quote p{font-size:20px !important;}
.wp-block-column .wp-block-quote cite{font-size:16px !important;line-height:24px;padding-left:40px;}
.wp-block-column .wp-block-quote cite:before{width:20px;}
.entry-content .wp-block-pullquote .has-light-gray-color{margin:0 0;}
.entry-content .wp-block-pullquote.is-style-solid-color{margin-bottom:30px;}
.entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color{margin-bottom:30px;}
@media screen and (max-width:767px){
.entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color{width:70% !important;}
}
@media screen and (max-width:575px){
.entry-content .wp-block-pullquote.is-style-solid-color .has-very-dark-gray-color{width:85% !important;}
}
.single-post .entry-body .entry-title{margin-bottom:-20px;}
.wp-block-categories{margin-bottom:20px;}
.wp-block-rss .wp-block-rss__item{list-style:none;margin-bottom:15px;position:relative;padding-left:20px;}
.wp-block-rss .wp-block-rss__item:before{position:absolute;content:'';width:5px;height:5px;border-radius:50%;background-color:#828893;left:0;top:50%;transform:translateY(-50%);}
.wp-block-calendar .wp-calendar-table{margin-bottom:0;}
.wp-block-calendar .wp-calendar-nav{margin-bottom:20px;}
.wp-block-calendar tr td{text-align:center;}
.wp-block-search__inside-wrapper{margin:20px 0;}
.wp-block-search__inside-wrapper input{border-color:#ccc;width:100%;}
.wp-block-search__inside-wrapper button{line-height:36px;font-size:16px;padding:0 20px 0 15px;position:absolute;top:5px;right:5px;background-color:var(--secondary-color);border-radius:10px;}
.post-1779 .wp-block-pullquote blockquote{margin:0 0;}
#post-1152 .item-category{display:none;}
.post-1000 .entry-content > ol > li > ul > li > ul > li{padding-left:20px;}
.post-1000 .entry-content > ul > li > ul > li{padding-left:20px;}
.post-1000 .entry-content > ul > li > ol > li > ul > li{padding-left:20px;}
.entry-blog{margin-bottom:39px !important;}
.wp-block-group.has-background .wp-block-group__inner-container{margin:30px 0;padding:30px;}
@media screen and (max-width:767px){
.wp-block-group.has-background .wp-block-group__inner-container{padding:20px;}
}
.wp-block-media-text.has-background{margin-bottom:30px;}
.wp-block-media-text.has-background .wp-block-media-text__content > p:first-child{font-size:23px;line-height:35px;margin-bottom:10px;}
.tag-title .entry-title a{word-break:break-word;}
@media screen and (min-width:1200px){
.woocommerce-NoticeGroup-checkout{margin:0 40px 0 15px;}
}
.woocommerce-product-content > .woocommerce-product--excerpt{display:none;}
.select2-dropdown--below > .select2-search--dropdown, .select2-dropdown--above > .select2-search--dropdown{padding:15px 17px 20px 17px;}
.select2-dropdown--below > .select2-results > .select2-results__options li, .select2-dropdown--above > .select2-results > .select2-results__options li{padding:6px 17px;}
.entry-content > .gallery > .gallery-item{text-align:center;}
.entry-content > .gallery > .gallery-item .gallery-icon{margin-bottom:13px;}
.page-id-156 .page-title-inner, .page-id-155 .page-title-inner, .page-id-1134 .page-title-inner, .page-id-1811 .page-title-inner, .page-id-1813 .page-title-inner, .page-id-1133 .page-title-inner{display:block !important;}
.page .comment-list-wrap{padding:0 0px 20px !important;}
.page .comment-form-cookies-consent{margin-top:15px;}
.page #commentform .row-one{width:110%;}
.page #commentform .form-submit{margin-top:28px;width:100%;}
.widget_block h2, .widget_block label{color:var(--secondary-color);font-weight:400;font-size:24px;margin-bottom:3px;position:relative;display:inline;display:block;}
.widget_nav_menu .sub-menu, .widget_pages .sub-menu, .widget_categories .sub-menu, .widget_nav_menu .children, .widget_pages .children, .widget_categories .children{padding-left:20px;margin-left:0;}
.widget_nav_menu .sub-menu > li, .widget_pages .sub-menu > li, .widget_categories .sub-menu > li, .widget_nav_menu .children > li, .widget_pages .children > li, .widget_categories .children > li{padding-right:0;}
.widget_nav_menu .sub-menu, .widget_pages .sub-menu{padding-left:10px !important;}
.widget_nav_menu .sub-menu li:last-child, .widget_pages .sub-menu li:last-child{border:none !important;}
.widget_nav_menu li, .widget_pages li{padding:0 !important;border:none !important;}
.widget_nav_menu li a, .widget_pages li a{border-bottom:1px solid #eaeaea;}
.widget_block h2, .widget_block label{font-size:22px;font-weight:700;}
.widget_block.widget_search .wp-block-search__inside-wrapper{position:relative;}
.widget_block.widget_search .wp-block-search__inside-wrapper input{width:100%;}
.widget_block.widget_search .wp-block-search__inside-wrapper button{padding:0 10px;position:absolute;top:0;right:0;border-radius:5px;line-height:55px;background-color:transparent;color:var(--secondary-color);}
.pxl-content-area .wp-block-search__inside-wrapper{position:relative;}
.pxl-content-area .wp-block-search__inside-wrapper input{width:100%;}
.pxl-content-area .wp-block-search__inside-wrapper button{padding:0 10px;position:absolute;top:0;right:0;border-radius:5px;line-height:55px;background-color:transparent;color:var(--secondary-color);}
.pxl-content-area .wp-block-search__inside-wrapper button:hover{color:var(--primary-color);}
.widget_archive select{padding:5px;}
.widget_block ol{padding-left:0;}
.widget_block ol li{margin-bottom:0px;}
.widget_block ol li:last-child{margin-bottom:0px;padding-bottom:0;border-bottom:none;}
.widget_block a{font-weight:400;}
.widget_calendar th, .widget_calendar td{text-align:center;line-height:normal;padding:8px;}
.widget_calendar th a, .widget_calendar td a{font-weight:700;}
.widget_calendar table{margin:0;border-right:1px solid #ededed;}
.widget_calendar table > caption{background-color:#f9f9f9;border:1px solid #ededed !important;border-top:none;padding:12px 10px;line-height:normal;font-weight:500;font-size:14px;color:#666;text-align:center;}
.widget_calendar .wp-calendar-nav{display:flex;flex-wrap:nowrap;align-items:center;margin-top:10px;}
.widget_calendar .wp-calendar-nav a{font-size:14px;color:#666;font-weight:700;background-color:#f9f9f9;line-height:40px;display:inline-block;padding:0 20px;border:1px solid #ededed;}
.widget_calendar .wp-calendar-nav a:hover{color:#fff;border-color:var(--primary-color);background-color:var(--primary-color);}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev{margin-right:20px;flex-grow:1;}
.widget_block.widget_search{position:relative;}
.widget_block.widget_search .wp-block-search__button{padding:0;border:none;line-height:51px;height:51px;width:51px;border-left:1px solid #ececf0;position:absolute;top:0;right:0;color:#1b2336;font-size:15px;background-image:none;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;border-radius:0 !important;font-size:0px;}
.widget_block.widget_search .wp-block-search__button:before{content:"\f12c";font-family:'Caseicon';font-size:15px;font-weight:400;}
.widget_block.widget_search .wp-block-search__button:after{display:none;}
.widget_block.widget_search .wp-block-search__button:hover{color:var(--primary-color);}
.widget_block.widget_search .wp-block-search__input{font-size:15px;color:#1b2336;border-color:#ececf0;background-color:#fff;height:51px;padding-left:20px;padding-right:51px;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
.widget_block.widget_search .wp-block-search__input:focus{border-color:var(--secondary-color);}
.widget_block.widget_search .wp-block-search__input:focus + .wp-block-search__button{border-color:var(--secondary-color);}
.widget_block.widget_search .wp-block-search__inside-wrapper{display:block;position:relative;}
.widget_block .wp-block-latest-posts__list{padding-top:15px;}
.widget_block .wp-block-latest-posts__list li{font-size:0px;}
.widget_block .wp-block-latest-posts__list li a{color:#1b1b1b;display:block;font-size:15px;font-weight:700;line-height:24px;}
.widget_block .wp-block-latest-posts__list li a:hover{padding-left:10px !important;}
.widget_block .wp-block-latest-posts__list li:last-child > a{border-bottom:none;}
.widget_block .wp-block-latest-posts__list li a:hover{color:var(--primary-color);padding-left:30px;}
.widget_block .wp-block-latest-posts__list li a:hover:before{left:15px;opacity:1;}
.widget_block .wp-block-latest-comments li{color:#415674;display:block;font-size:18px;font-weight:600;line-height:normal;padding:12px 0;position:relative;border-bottom:1px solid #ececf0;position:relative;}
.widget_block .wp-block-latest-comments li a{color:var(--secondary-color);}
.widget_block .wp-block-latest-comments li a:hover{color:var(--primary-color);}
.widget_block .wp-block-latest-comments li:last-child > a{border-bottom:none;}
strong{color:var(--secondary-color);}
table tr td, table th{border-top:1px solid #ededed;border-right:1px solid #ededed;padding-left:10px;}
.widget_text form, .widget_categories form{position:relative;}
.widget_text form select::-ms-expand, .widget_categories form select::-ms-expand{display:none;}
.widget_text form select, .widget_categories form select{-webkit-appearance:none;appearance:none;}
@-moz-document url-prefix() {
.widget_text form .ui-select, .widget_categories form .ui-select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;position:relative;overflow:hidden;}
.widget_text form .ui-select select, .widget_categories form .ui-select select{width:110%;background-position:right 30px center !important;border:none !important;}
}
.widget_text form:before, .widget_categories form:before{content:"\f13c";font-family:'Caseicon';font-size:10px;color:var(--primary-color);font-weight:700;position:absolute;right:20px;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%);}
pre{overflow:hidden;}
h2 + ul, h2 + ol{margin-bottom:22px;}
.alignleft, .alignright, .aligncenter{margin-top:15px;margin-bottom:35px;}
.alignleft{display:inline;float:left;margin-right:35px;}
.alignright{display:inline;float:right;margin-left:35px;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-block-button{margin-bottom:32px;}
.wp-block-button.is-style-squared .wp-block-button__link{border-radius:0;}
.wp-block-button a{color:#fff !important;}
.wp-block-button.is-style-outline a{color:var(--secondary-color) !important;}
.wp-block-quote.is-style-large{padding:30px 60px;}
.blocks-gallery-caption{margin-bottom:32px;}
.wp-block-cover, .wp-block-cover-image{margin-bottom:52px;}
.block-editor-rich-text__editable a{color:#fff;}
.wp-block-group.has-background{padding:20px 30px;margin:30px 0;}
.wp-block-media-text.has-background{margin-bottom:25px;}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px;margin-left:auto;margin-right:auto;margin-bottom:1.6842em;}
@media screen and (min-width:576px){
li > ul, blockquote > ul{margin-left:1.65em;padding-left:0;}
li > ol, blockquote > ol{margin-left:1.15em;padding-left:0;}
}
blockquote cite a{color:#fff;}
blockquote cite a:hover{color:#fff;}
.wp-block-cover p{color:#fff;}
.wp-block-cover-image.has-background-dim p, .wp-block-cover.has-background-dim p{line-height:48px;color:#fff;}
.gallery-item{display:inline-block;padding:1.79104%;text-align:center;vertical-align:top;width:100%;}
.gallery-columns-2 .gallery-item{max-width:50%;}
.gallery-columns-3 .gallery-item{max-width:33.33%;}
.gallery-columns-4 .gallery-item{max-width:25%;}
.gallery-columns-5 .gallery-item{max-width:20%;}
.gallery-columns-6 .gallery-item{max-width:16.66%;}
.gallery-columns-7 .gallery-item{max-width:14.28%;}
.gallery-columns-8 .gallery-item{max-width:12.5%;}
.gallery-columns-9 .gallery-item{max-width:11.11%;}
.gallery .gallery-caption{color:#707070;display:block;font-size:14px;line-height:1.5;padding:7px 0;}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption{display:none;}
@media (max-width: 480px)}{margin-left: 0;
text-align: left;
clear: none;
float: none;
margin-bottom: 30px;
display: block;
}
@media (max-width: 480px) } {
min-width: 280px;
}
.category-block .pxl-related-post{display: block;
}
.blocks-gallery-grid:not(.has-nested-images).alignleft, .blocks-gallery-grid:not(.has-nested-images).alignright, .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright{max-width: max-content;
width: 100%;
}
.post-password-form{position: relative;
}
.post-password-form input[type="submit"]{position: absolute;
bottom: 5px;
border-radius: 10px;
right: 5px;
background-color: var(--secondary-color);
}
.pxl-item--post.sticky .pxl-item--title{position: relative;
display: flex;
align-items: center;
}
.pxl-item--post.sticky .pxl-item--title i{margin-right: 10px;
display: block !important;
}
.single .pxl-item--post .pxl-item--meta{justify-content: flex-start;
}
.single .pxl-item--excerpt{margin-top: 20px;
}
.pxl-item--excerpt .page-links{margin-top: 20px;
}
.page-links .post-page-numbers{width: 35px;
height: 35px;
background-color: #e6e6e6;
line-height: 35px;
text-align: center;
font-size: 16px;
font-weight: 700;
display: inline-block;
margin-right: 11px;
color: #000;
position: relative;
z-index: 1;
padding: 0;
border: none;
}
.page-links .post-page-numbers.current, .page-links .post-page-numbers:hover{color: #fff;
background-color: var(--primary-color);
}
#pxl-post-501 p{display: inline-block;
}
button:not(.rm-style-default), .button, input[type="submit"]{font-size: 14px;
font-weight: 700;
color: #fff;
padding: 0 30px;
line-height: 45px;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
-webkit-border-radius: 45px;
-khtml-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
border-radius: 45px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
display: inline-block;
cursor: pointer;
border: none;
background-size: 300%, 1px;
background-position: 0%;
height: auto;
}
button:not(.rm-style-default):hover, .button:hover, input[type="submit"]:hover, button:not(.rm-style-default):focus, .button:focus, input[type="submit"]:focus, button:not(.rm-style-default):active, .button:active, input[type="submit"]:active, button:not(.rm-style-default):not([disabled]):not(.disabled).active, .button:not([disabled]):not(.disabled).active, input[type="submit"]:not([disabled]):not(.disabled).active, button:not(.rm-style-default):not([disabled]):not(.disabled):active, .button:not([disabled]):not(.disabled):active, input[type="submit"]:not([disabled]):not(.disabled):active{outline: medium none;
text-decoration: none;
color: #fff;
background-position: 100%;
}
@keyframes pulse1 {
0% {
box-shadow: var(--primary-color) 0px 0px 0px 0px;
}
100%{box-shadow: var(--primary-color) 0px 0px 0px 24px;
opacity: 0;
transition-delay: 200ms;
}
}
.btn {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 0 30px;
line-height: 45px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
cursor: pointer;
border: none;
background-color: var(--primary-color);
height: auto;
}
.btn i{line-height: normal;
}
.btn i.flaticon{line-height: 1;
}
.btn.pxl-icon--right{flex-direction: row-reverse;
}
.btn:hover, .btn:focus, .btn:active{outline: medium none;
text-decoration: none;
color: #fff;
}
.btn.skew{transform: skewX(-5deg);
}
.btn.skew span{transform: skewX(5deg);
}
.btn.outlines{position: relative;
}
.btn.outlines:before{position: absolute;
content: '';
border: 1px solid var(--primary-color);
top: -13px;
left: -13px;
right: -13px;
bottom: -13px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.btn.outlines span{z-index: 2;
position: relative;
}
.btn.outlines:after{position: absolute;
content: '';
background-color: var(--primary-color);
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: 0;
}
.btn.outlines:hover:before{animation: pulse1 1s infinite;
}
.btn.outlines:hover:after{top: -13px;
left: -13px;
right: -13px;
bottom: -13px;
}
.btn.btn-text-underline{background: none;
padding: 0;
line-height: normal;
overflow: visible;
white-space: nowrap;  }
.btn.btn-text-underline span{text-decoration: underline;
}
.btn.btn-text-underline i{color: var(--primary-color);
font-size: 20px;
line-height: 1;
}
.btn.btn-text-underline:hover i{-o-animation: pxl_right_from_left 0.6s forwards;
-ms-animation: pxl_right_from_left 0.6s forwards;
-webkit-animation: pxl_right_from_left 0.6s forwards;
animation: pxl_right_from_left 0.6s forwards;
}
.btn.hover-style1, .btn.hover-style3{overflow: hidden;
background: var(--primary-color);
text-align: center;
position: relative;
}
.btn.hover-style1:after, .btn.hover-style3:after{content: "";
background: #000;
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 400px;
height: 0;
transform: translate(-50%, -50%) rotate(45deg);
z-index: 0;
transition: all 500ms cubic-bezier(0.4, 0.5, 0.6, 0.7) 0s;
}
.btn.hover-style1:hover:after, .btn.hover-style3:hover:after{z-index: -1;
height: 300px;
}
.btn.hover-style1 span, .btn.hover-style3 span, .btn.hover-style1 i, .btn.hover-style3 i{position: relative !important;
z-index: 1 !important;
}
.btn.hover-style1:hover, .btn.hover-style3:hover{-webkit-transform: translateY(0px);
-khtml-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.btn.hover-style1:hover .pxl--btn-text:before, .btn.hover-style3:hover .pxl--btn-text:before{opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.btn.hover-style1:hover .pxl--btn-text span, .btn.hover-style3:hover .pxl--btn-text span{opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn.hover-style1:not(:hover) .pxl--btn-text > span, .btn.hover-style3:not(:hover) .pxl--btn-text > span{transition-delay: 0s !important;
}
.btn.hover-style3 i{-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.btn.hover-style3:hover i{transform: rotate(45deg);
}
.btn.hover-style4{overflow: hidden;
}
.btn.hover-style4:before{content: '';
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
-webkit-transform: skewX(-25deg);
-khtml-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
transform: skewX(-25deg);
background-image: linear-gradient(to right, rgba(255, 255, 255, .0), rgba(255, 255, 255, .6));
transition: all 500ms linear 0ms;
}
.btn.hover-style4:hover:before{animation: shine 1s;
}
.pxl-wapper .icon-space-left{margin-left: 12px;
}
.pxl-wapper .icon-space-right{margin-right: 12px;
}
.pxl-wapper .btn-plus-text{font-size: 14px;
min-width: 40px;
height: 40px;
font-weight: 700;
text-align: center;
line-height: 40px;
background-color: #343b2e;
color: #fff;
border-radius: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.pxl-wapper .btn-plus-text span{display: none;
height: auto !important;
opacity: 1 !important;
white-space: nowrap;
}
.pxl-wapper .btn-plus-text i{font-style: normal;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 16px;
}
.pxl-wapper .btn-plus-text:hover{padding: 0 20px;
background-color: var(--primary-color);
color: #122a00;
min-width: 90px;
}
.pxl-wapper .btn-plus-text:hover i{margin-left: 8px;
}
.pxl-wapper .pxl-btn-effect1{background: var(--primary-color);
overflow: hidden;
z-index: 1;
}
.pxl-wapper .pxl-btn-effect1 i{transition: 0.5s;
}
.pxl-wapper .pxl-btn-effect1:hover i{margin-left: 16px;
margin-right: 10px;
}
.pxl-wapper .pxl-btn-effect1:before{content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #000;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
transition-timing-function: ease, ease;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.pxl-wapper .pxl-btn-effect1:hover:before{-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.pxl-wapper .pxl-btn-effect1:hover, .pxl-wapper .pxl-btn-effect1:focus{background: var(--primary-color);
}
.pxl-wapper .pxl-btn-effect2{position: relative;
overflow: hidden;
z-index: 1;
}
.pxl-wapper .pxl-btn-effect2:before{background-color: #fff;
content: "";
height: 100%;
left: 0;
opacity: 0.1;
position: absolute;
top: 0;
transform: skewX(25deg);
-webkit-transition: all 0.5s ease 0s;
-khtml-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
z-index: -1;
}
.pxl-wapper .pxl-btn-effect2:hover:before{left: 5%;
width: 90%;
}
.pxl-wapper .pxl-btn-effect3{position: relative;
z-index: 1;
overflow: visible;
}
.pxl-wapper .pxl-btn-effect3:before, .pxl-wapper .pxl-btn-effect3:after{width: 4.4em;
height: 2.95em;
position: absolute;
content: "";
display: inline-block;
background: var(--primary-color);
border-radius: 50%;
transition: transform 0.6s ease;
transform: scale(0);
z-index: -1;
}
.pxl-wapper .pxl-btn-effect3:before{top: -25%;
left: 20%;
}
.pxl-wapper .pxl-btn-effect3:after{bottom: -25%;
right: 20%;
}
.pxl-wapper .pxl-btn-effect3:hover:before, .pxl-wapper .pxl-btn-effect3:hover:after{transform: none;
}
.pxl-wapper .pxl-btn-effect4, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"], .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]{background: transparent;
z-index: 1;
position: relative;
overflow: hidden;
transition: 0ms !important;
}
.pxl-wapper .pxl-btn-effect4:before, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:before, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:before{content: '';
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: var(--secondary-color);
-webkit-mask: url(//eibusson.fr/wp-content/themes/roofex/assets/img/btn-mask1.png);
mask: url(//eibusson.fr/wp-content/themes/roofex/assets/img/btn-mask1.png);
-webkit-mask-size: 7100% 100%;
mask-size: 7100% 100%;
-webkit-animation: pxl_ani1 0.7s steps(70) forwards;
animation: pxl_ani1 0.7s steps(70) forwards;
}
.pxl-wapper .pxl-btn-effect4:after, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:after, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:after{content: '';
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
border: 2px solid var(--primary-color);
}
.pxl-wapper .pxl-btn-effect4:hover, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:hover, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:hover{color: var(--primary-color);
}
.pxl-wapper .pxl-btn-effect4:hover i, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:hover i, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:hover i{-o-animation: pxl_right_from_left 0.6s forwards;
-ms-animation: pxl_right_from_left 0.6s forwards;
-webkit-animation: pxl_right_from_left 0.6s forwards;
animation: pxl_right_from_left 0.6s forwards;
}
.pxl-wapper .pxl-btn-effect4:hover:before, .pxl-wapper .pxl-mailchimp.style-primary [type="submit"]:hover:before, .pxl-mailchimp.style-primary .pxl-wapper [type="submit"]:hover:before{-webkit-animation: pxl_ani2 0.7s steps(70) forwards;
animation: pxl_ani2 0.7s steps(70) forwards;
}
.pxl-wapper .pxl-btn-effect5, .pxl-wapper .pxl-mailchimp.style-box-round [type="submit"], .pxl-mailchimp.style-box-round .pxl-wapper [type="submit"], .pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type="submit"], .pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type="submit"], .pxl-wapper .pxl-mailchimp.style-box-white2 [type="submit"], .pxl-mailchimp.style-box-white2 .pxl-wapper [type="submit"], .pxl-wapper .btn-primary{background-color: var(--gradient-color-from);
background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
background-size: inherit;
background-position: center;
white-space: nowrap;
z-index: 1;
overflow: hidden;
}
.pxl-wapper .pxl-btn-effect5:after, .pxl-wapper .pxl-mailchimp.style-box-round [type="submit"]:after, .pxl-mailchimp.style-box-round .pxl-wapper [type="submit"]:after, .pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type="submit"]:after, .pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type="submit"]:after, .pxl-wapper .pxl-mailchimp.style-box-white2 [type="submit"]:after, .pxl-mailchimp.style-box-white2 .pxl-wapper [type="submit"]:after, .pxl-wapper .btn-primary:after{content: "";
background: #fff;
position: absolute;
height: 120%;
width: 15px;
opacity: 0.2;
left: -45%;
top: -10%;
-webkit-transition: all 0.8s;
-khtml-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
-webkit-transform: rotate(15deg);
-khtml-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
.pxl-wapper .pxl-btn-effect5:hover:after, .pxl-wapper .pxl-mailchimp.style-box-round [type="submit"]:hover:after, .pxl-mailchimp.style-box-round .pxl-wapper [type="submit"]:hover:after, .pxl-wapper .pxl-mailchimp.style-outline.style-btn-gradient [type="submit"]:hover:after, .pxl-mailchimp.style-outline.style-btn-gradient .pxl-wapper [type="submit"]:hover:after, .pxl-wapper .pxl-mailchimp.style-box-white2 [type="submit"]:hover:after, .pxl-mailchimp.style-box-white2 .pxl-wapper [type="submit"]:hover:after, .pxl-wapper .btn-primary:hover:after{left: 130%;
}
.pxl-wapper .pxl-btn-effect6{background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
background-size: inherit;
background-position: center;
white-space: nowrap;
z-index: 1;
overflow: hidden;
}
.pxl-wapper .pxl-btn-effect6:after{content: "";
background: #fff;
position: absolute;
height: 120%;
width: 15px;
opacity: 0.2;
left: -45%;
top: -10%;
-webkit-transition: all 0.8s;
-khtml-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
-webkit-transform: rotate(15deg);
-khtml-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
.pxl-wapper .pxl-btn-effect6:hover{-webkit-transform: translateY(-4px);
-khtml-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);
}
.pxl-wapper .pxl-btn-effect6:hover:after{left: 130%;
}
.pxl-wapper .pxl-btn-effect7{z-index: 1;
}
.pxl-wapper .pxl-btn-effect7:after{background-color: #fff;
content: "";
height: 100%;
left: 0;
opacity: 0.1;
position: absolute;
top: 0;
transform: skewX(25deg);
-webkit-transition: all 0.5s ease 0s;
-khtml-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0;
z-index: -1;
}
.pxl-wapper .pxl-btn-effect7:hover:after{left: 5%;
width: 90%;
}
.pxl-wapper .pxl-btn-effect7:hover i{-o-animation: pxl_right_from_left 0.6s forwards;
-ms-animation: pxl_right_from_left 0.6s forwards;
-webkit-animation: pxl_right_from_left 0.6s forwards;
animation: pxl_right_from_left 0.6s forwards;
}
.pxl-wapper .pxl-btn-effect8{font-size: 16px;
padding-left: 38px;
padding-right: 38px;
-webkit-border-radius: 0 0 8px 0;
-khtml-border-radius: 0 0 8px 0;
-moz-border-radius: 0 0 8px 0;
-ms-border-radius: 0 0 8px 0;
-o-border-radius: 0 0 8px 0;
border-radius: 0 0 8px 0;
border: 2px solid #bf3916;
line-height: 71px;
}
@media screen and (max-width:767px){
.pxl-wapper .pxl-btn-effect8 {
line-height: 61px;
padding: 0 28px;
}
}
.pxl-wapper .pxl-btn-effect8:hover {
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
background-color: #bf3916;
}
.pxl-wapper .btn-text-slide{position: relative;
display: inline-flex;
align-items: center;
}
.pxl-wapper .btn-text-slide i{-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-wapper .btn-text-slide .icon-hover{position: absolute;
top: 50%;
left: -20px;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.pxl-wapper .btn-text-slide:hover{padding-left: 28px;
}
.pxl-wapper .btn-text-slide:hover .icon-hover{left: 0;
visibility: visible;
opacity: 1;
}
.pxl-wapper .btn-text-slide:hover .icon-fixed{-webkit-transform: translateX(20px);
-khtml-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
position: relative;
opacity: 0;
visibility: hidden;
}
.pxl-wapper .btn-primary{background: var(--primary-color);
}
.btn-slide3-1{transition: 300ms !important;
}
.btn-slide3-1:before{background: #fff !important;
}
.btn-slide3-1:after{background: var(--primary-color) !important;
}
.btn-slide3-1:hover{color: #fff !important;
}
.btn-slide3-2{display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.btn-slide3-2 i{font-size: 20px;
padding-right: 10px;
}
.btn-slide3-2:before{background: var(--primary-color) !important;
}
.btn-slide3-2:after{background: #fff !important;
}
.btn-slide3-2:hover{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #000 !important;
}
.mw-400{min-width: 400px !important;
}
@media(max-width:1700px){
.none-1700 {
display: none !important;
}
}
@media(max-width:1500px){
.none-1500 {
display: none !important;
}
}
@media(max-width:1400px){
.none-1400 {
display: none !important;
}
}
@media(max-width:1300px){
.none-1300 {
display: none !important;
}
}
@media(max-width:1200px){
.none-1200 {
display: none !important;
}
}
.pxl-section-bg-parallax {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.revslider-initialised .roofex-bullets1 .tp-bullet{width: 14px;
height: 14px;
-webkit-border-radius: 14px;
-khtml-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.revslider-initialised .roofex-arrows-1.tparrows{width: 63px;
height: 63px;
border: 2px solid #b5c2c1;
background-color: transparent;
border-radius: 63px;
color: #b5c2c1;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 17px;
}
@media screen and (max-width:1400px){
.revslider-initialised .roofex-arrows-1.tparrows {
width: 50px;
height: 50px;
font-size: 15px;
}
}
.revslider-initialised .roofex-arrows-1.tparrows:hover {
border-color: rgba(255, 255, 255, 0.45);
color: rgba(255, 255, 255, 0.45);
}
.revslider-initialised .roofex-arrows-1.tparrows:before{line-height: normal;
color: inherit;
font-family: "caseicon";
font-size: inherit;
}
.revslider-initialised .roofex-arrows-1.tparrows.tp-leftarrow:before{content: "\f136";
}
.revslider-initialised .roofex-arrows-1.tparrows.tp-rightarrow:before{content: "\f14d";
}
@media screen and (max-width:991px){
.rs-parallax-wrap.pxl-group-center {
min-width: 600px;
top: 50% !important;
-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%);
}
}
.pxl-logo a {
display: inline-block;
}
.pxl-logo img{width: auto;
vertical-align: middle;
}
.pxl-logo.style2{display: flex;
justify-content: center;
align-items: center;
}
.pxl-logo.style2:before, .pxl-logo.style2:after, .pxl-logo.style2 .shape{content: "";
height: 100%;
width: 2222px;
background-color: var(--primary-color);
position: absolute;
top: 0;
right: 19px;
z-index: -1;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0% 100%);
}
.pxl-logo.style2:after{background-color: #c51726;
-webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
z-index: -2;
}
.pxl-logo.style2 .shape{right: 0px;
background-color: rgba(197, 23, 38, 0.1);
-webkit-clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 100%, 0% 100%);
}
.pxl-header-search-form{position: relative;
}
.pxl-header-search-form input{font-size: 14px;
color: #6c6c6c;
background-color: #f5f5f5;
border: 1px solid #e7e7e7;
border-radius: 1px;
height: 56px;
}
.pxl-header-search-form button{padding: 0;
font-size: 16px;
color: #000;
height: 56px;
background-color: transparent;
position: absolute;
top: 0;
right: 19px;
}
.pxl-header-search-form button:hover{color: #000;
}
.pxl-heading.gr .pxl-item--title{background: -webkit-linear-gradient(-90deg, #bababa, #fff 85%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pxl-heading .pxl-item--title b{font-weight: 700;
}
.pxl-heading .pxl-heading--inner{display: inline-block;
}
.pxl-heading .pxl-item--subtitle.sub-style-gradient{margin-bottom: 28px;
}
.pxl-heading .pxl-item--subtitle.sub-style-gradient span{font-size: 17px;
color: #fff;
display: inline-block;
line-height: 34px;
padding: 0 20px;
border-radius: 34px;
font-weight: 700;
}
.pxl-heading .pxl-item--subtitle.sub-text-gradient{font-size: 15px;
text-transform: uppercase;
}
.pxl-heading .pxl-text--slide{display: inline-block;
overflow: hidden;
vertical-align: middle;
position: relative;
}
.pxl-heading .pxl-text--slide span{display: inline-block;
padding-bottom: 4px;
}
.pxl-heading .wow.letter{-webkit-transform: translatey(100%);
-khtml-transform: translatey(100%);
-moz-transform: translatey(100%);
-ms-transform: translatey(100%);
-o-transform: translatey(100%);
transform: translatey(100%);
-webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-heading .wow.letter.animated{-webkit-transform: translatey(0px);
-khtml-transform: translatey(0px);
-moz-transform: translatey(0px);
-ms-transform: translatey(0px);
-o-transform: translatey(0px);
transform: translatey(0px);
}
.pxl-text-editor p{margin: 0;
}
.pxl-text-editor .btn{margin: 0 12px;
}
.pxl-text-editor .sc-button-wrap{display: inline-flex;
}
.pxl-text-editor .pxl-item--inner{display: inline-block;
}
.pxl-link{list-style: none;
margin: 0;
padding: 0;
}
.pxl-link li{margin-bottom: 14px;
}
.pxl-link li a{display: inline-flex;
}
.pxl-link li i{min-width: 18px;
margin-right: 8px;
margin-top: 5px;
font-size: 15px;
}
.pxl-link li:last-child{margin-bottom: 0px;
}
.pxl-link.style3 a{align-items: center;
}
.pxl-link.style3 i{margin-top: 0;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 200px;
border: 1px solid #141414;
text-align: center;
line-height: 30px;
}
.pxl-link.style4 a{align-items: center;
}
.pxl-link.style4 a i{margin: 0 0 0 8px;
order: 2;
background: -webkit-linear-gradient(1deg, #12ad1a, #acef06);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-link.style4 a:hover i{margin: 0 0 0 12px;
}
.pxl-link.style5 li{border-bottom: 1px solid #c7c7c7;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding-bottom: 9px;
}
@media(max-width:575px){
.pxl-link.style5 li {
padding: 0;
margin: 0;
}
}
.pxl-link.style5 li:hover {
border-color: transparent;
}
.pxl-link.style5 a{font-size: 32px;
font-weight: 700;
width: 100%;
color: #1e1e2a;
align-items: center;
justify-content: space-between;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: relative;
}
@media(max-width:575px){
.pxl-link.style5 a {
font-size: 16px;
padding: 10px 0;
}
}
@media(max-width:991px){
.pxl-link.style5 a {
font-size: 25px;
}
}
.pxl-link.style5 a:before {
width: 0px;
height: 2px;
background-color: var(--primary-color);
top: 50%;
left: 0;
content: '';
position: absolute;
transform: rotate(45deg) translatey(-50%);
}
.pxl-link.style5 a:after{width: 0px;
height: 2px;
background-color: var(--primary-color);
top: 50%;
left: 0;
content: '';
position: absolute;
transform: rotate(-45deg) translatey(-50%);
}
.pxl-link.style5 a span{border-bottom: 2px solid transparent;
line-height: 38px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-link.style5 a i{margin: 0 0 0 8px;
order: 2;
font-size: 22px;
color: #fff;
height: 55px;
line-height: 55px;
background-color: var(--primary-color);
text-align: center;
width: 55px;
border-radius: 1000px;
transform: scalex(0);
transform-origin: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(max-width:575px){
.pxl-link.style5 a i {
height: 40px;
line-height: 40px;
width: 40px;
font-size: 18px;
}
}
.pxl-link.style5 a:hover {
color: var(--primary-color);
padding-left: 70px;
}
@media(max-width:575px){
.pxl-link.style5 a:hover {
padding-left: 45px;
}
}
.pxl-link.style5 a:hover span {
border-bottom: 2px solid var(--primary-color);
}
.pxl-link.style5 a:hover i{transform: scalex(1);
}
.pxl-link.style5 a:hover:before, .pxl-link.style5 a:hover:after{width: 46px;
}
@media(max-width:575px){
.pxl-link.style5 a:hover:before, .pxl-link.style5 a:hover:after {
width: 30px;
}
}
.pxl-link.style5 a:hover:before {
-webkit-transition: 250ms all linear 300ms;
-khtml-transition: 250ms all linear 300ms;
-moz-transition: 250ms all linear 300ms;
-ms-transition: 250ms all linear 300ms;
-o-transition: 250ms all linear 300ms;
transition: 250ms all linear 300ms;
}
.pxl-link.style5 a:hover:after{-webkit-transition: 250ms all linear 500ms;
-khtml-transition: 250ms all linear 500ms;
-moz-transition: 250ms all linear 500ms;
-ms-transition: 250ms all linear 500ms;
-o-transition: 250ms all linear 500ms;
transition: 250ms all linear 500ms;
}
.pxl-link.hv-style2 a{position: relative;
display: inline-flex;
}
.pxl-link.hv-style2 a:before{content: '';
background-color: var(--primary-color);
width: 0;
height: 1px;
position: absolute;
bottom: 2px;
left: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width:1200px){
.pxl-link.hv-style2 a:hover {
margin-left: 8px;
}
}
.pxl-link.hv-style2 a:hover:before {
width: 100%;
}
.pxl-link.hv-style3 a{position: relative;
display: inline-flex;
}
.pxl-link.hv-style3 a:before{content: '';
background-color: var(--primary-color);
width: 11px;
height: 2px;
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%);
left: -11px;
-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
.pxl-link.hv-style3 a:hover{padding-left: 18px;
}
.pxl-link.hv-style3 a:hover:before{left: 0;
opacity: 1;
}
.pxl-link.hv-style4 li{background-color: #fff;
padding: 24px 26px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-weight: 500;
color: #414141;
}
.pxl-link.hv-style4 li i{margin-right: 18px;
color: #6a5dde;
}
.pxl-link.hv-style4 li a{color: inherit;
}
.pxl-link.hv-style4 li a:hover{color: inherit;
}
.pxl-link.hv-style5 li{background-color: #fff;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-weight: 700;
font-size: 18px;
color: #666;
}
.pxl-link.hv-style5 li i{position: absolute;
top: 50%;
right: 20px;
-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%);
margin: 0;
font-size: inherit;
text-align: right;
}
.pxl-link.hv-style5 li a{color: inherit;
display: block;
position: relative;
padding: 14px 42px 14px 22px;
}
.pxl-link.hv-style5 li a:hover{color: var(--primary-color);
}
.pxl-link.hv-style6 li{background-color: #fff;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
font-weight: 700;
font-size: 18px;
color: #211d1c;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-link.hv-style6 li i{position: absolute;
top: 50%;
right: 10px;
-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%);
margin: 0;
font-size: inherit;
text-align: right;
width: 37px;
height: 35px;
background-color: #f6f6f6;
border-radius: 2px;
line-height: 35px;
text-align: center;
font-size: 24px;
color: var(--primary-color);
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-link.hv-style6 li a{color: inherit;
display: block;
position: relative;
padding: 14px 42px 14px 22px;
}
.pxl-link.hv-style6 li:hover{background-color: var(--primary-color);
color: #fff;
}
.pxl-link.hv-style6 li:hover i{background-color: #fff;
color: #171717;
}
.pxl-link.hv-style7 i{margin-right: 16px;
height: 30px;
width: 30px;
min-width: 30px;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
color: #fff;
text-align: center;
line-height: 30px;
font-size: 14px;
margin-top: -1px;
}
.pxl-link.hv-style7 span{font-size: 18px;
color: #505050;
}
.pxl-link.hv-style8 li{display: inline-block;
margin-bottom: 0;
border-style: solid;
border-color: #e0e4e9;
border-width: 0 1px 0 0;
}
.pxl-link.hv-style8 li a{line-height: 42px;
display: block;
padding: 0 20px;
}
.pxl-link.hv-style8 li:last-child{border: none;
}
.pxl-link.hv-style8 li + li{margin-left: -4px;
}
.btn-video{background-color: #fff;
width: 72px;
height: 72px;
line-height: 72px;
text-align: center;
color: #000;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: inline-block;
}
.btn-video:before{content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.63);
border-radius: 50%;
animation: pxl_scale1 1500ms ease-out infinite;
-webkit-animation: pxl_scale1 1500ms ease-out infinite;
z-index: -2;
}
.btn-video:hover, .btn-video:focus{color: #000;
}
.btn-video:hover:before{-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.pxl-button-video1.style1{width: 62px;
height: 62px;
line-height: 62px;
}
.pxl-button-video1.style2{width: 120px;
height: 120px;
line-height: 120px;
position: relative;
z-index: 1;
font-size: 34px;
background: none;
color: var(--primary-color);
background-color: rgba(255, 255, 255, 0.05);
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-backdrop-filter: blur(4px);
-ms-backdrop-filter: blur(4px);
-o-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
-webkit-transition: 300ms all ease 0ms;
-khtml-transition: 300ms all ease 0ms;
-moz-transition: 300ms all ease 0ms;
-ms-transition: 300ms all ease 0ms;
-o-transition: 300ms all ease 0ms;
transition: 300ms all ease 0ms;
text-align: center;
}
.pxl-button-video1.style2 i{width: 100%;
height: 100%;
text-align: center !important;
line-height: 120px;
}
.pxl-button-video1.style2:before{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border 3s linear infinite;
border: 0.3px solid #fff;
background-color: transparent !important;
border-radius: 500px;
opacity: 0;
}
.pxl-button-video1.style2:after{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border 3s 1.5s linear infinite;
background-color: transparent !important;
border: 0.3px solid #fff;
border-radius: 500px;
opacity: 0;
}
.pxl-button-video1.style2:hover{transform: scale(0.9);
}
.pxl-pagination1{display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.pxl-pagination1 > div{padding: 0 15px;
width: 50%;
}
.pxl-pagination1 a{display: inline-flex;
align-items: center;
font-size: 15px;
font-weight: 500;
color: #6a6777;
}
.pxl-pagination1 .item--prev i{margin-right: 18px;
}
.pxl-pagination1 .item--prev i:before{-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
display: inline-block;
}
.pxl-pagination1 .item--prev a:hover i{-o-animation: pxl_left_from_right 0.6s forwards;
-ms-animation: pxl_left_from_right 0.6s forwards;
-webkit-animation: pxl_left_from_right 0.6s forwards;
animation: pxl_left_from_right 0.6s forwards;
}
.pxl-pagination1 .item--next{text-align: right;
}
.pxl-pagination1 .item--next i{margin-left: 18px;
}
.pxl-pagination1 .item--next a:hover i{-o-animation: pxl_right_from_left 0.6s forwards;
-ms-animation: pxl_right_from_left 0.6s forwards;
-webkit-animation: pxl_right_from_left 0.6s forwards;
animation: pxl_right_from_left 0.6s forwards;
}
.pxl-search-popup-button, .pxl-cart-sidebar-button{width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #09013f;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
cursor: pointer;
font-size: 21px;
position: relative;
}
.pxl-search-popup-button.style-box{width: 47px;
height: 47px;
background-color: #009688;
line-height: 47px;
color: #fff;
font-size: 20px;
}
.pxl-cart-sidebar-button .pxl_cart_counter{background-color: #6bd800;
color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 20px;
position: absolute;
top: 0;
right: -8px;
font-size: 12px;
font-weight: 700;
font-family: 'mulish', sans-serif;
}
.pxl-cart-popup-button{cursor: pointer;
}
.pxl-feature1 .pxl--item-title{margin-bottom: 0;
margin-right: 10px;
font-size: 18px;
position: relative;
padding-bottom: 7px;
}
@media screen and (max-width:767px){
.pxl-feature1 .pxl--item-title {
margin-right: 0;
margin-bottom: 20px;
}
}
.pxl-feature1 .pxl--item-title:before {
content: '';
width: 68px;
height: 2px;
background-color: #000439;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
position: absolute;
bottom: 0;
left: 0;
}
.pxl-feature1 .pxl--item-title span{color: var(--primary-color);
}
.pxl-feature1 .pxl--item-description{color: #585e6c;
margin-bottom: 14px;
}
.pxl-feature1 .pxl--item-meta{padding: 0 15px;
width: 45%;
}
@media screen and (max-width:767px){
.pxl-feature1 .pxl--item-meta {
width: 100%;
}
}
.pxl-feature1 .pxl--item-holder {
width: 55%;
padding: 0 15px;
}
@media screen and (max-width:767px){
.pxl-feature1 .pxl--item-holder {
width: 100%;
}
}
.pxl-feature1 .pxl--item {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
.pxl-feature1 .pxl--item + .pxl--item{margin-top: 54px;
}
.pxl-feature1 .pxl--item:hover .pxl--item-title:before{width: 100%;
}
.pxl-section-shadow1{z-index: 1;
}
.pxl-section-shadow1:before{content: '';
position: absolute;
top: 0;
left: 30px;
right: 30px;
bottom: 0;
z-index: -2;
-webkit-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
-khtml-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
-moz-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
-ms-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
-o-box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
box-shadow: 0 35px 43px rgba(85, 2, 255, 0.1);
}
.pxl-section-shadow1:after{content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit;
background-image: inherit;
background-size: inherit;
background-position: inherit;
z-index: -1;
}
.pxl-contact-form.btn-w-full button, .pxl-contact-form.btn-w-full .wpcf7-submit{width: 100%;
}
.pxl-contact-form .wpcf7-form-control-wrap{display: inline-flex;
width: 100%;
position: relative;
}
.pxl-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute;
bottom: -22px;
left: 0px;
font-size: 12px;
background-color: #dc3232;
color: rgba(255, 255, 255, 0.87);
padding: 0 6px;
white-space: nowrap;
line-height: 22px;
z-index: 99;
}
.pxl-contact-form form{position: relative;
}
.pxl-contact-form form .wpcf7-response-output{margin: 30px 0 10px;
border: none;
background-color: #fff;
border-radius: 5px;
font-size: 15px;
padding: 12px 20px;
-webkit-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-khtml-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-moz-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-ms-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-o-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
}
.pxl-contact-form form .wpcf7-spinner{display: none;
}
.pxl-contact-form form:before{content: '';
width: 30px;
height: 30px;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border-color: transparent var(--primary-color) transparent var(--primary-color);
border-width: 2px;
border-style: solid;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
animation: pxl_spin 0.6s infinite linear;
-webkit-animation: pxl_spin 0.6s infinite linear;
box-sizing: border-box;
z-index: 2;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
visibility: hidden;
}
.pxl-contact-form form.submitting *{opacity: 0.66;
}
.pxl-contact-form form.submitting:before{opacity: 1;
visibility: visible;
}
.pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit), .pxl-contact-form1 .pxl-select-higthlight{border: none;
font-size: 14px;
color: #696878;
-webkit-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-khtml-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-moz-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-ms-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
-o-box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
box-shadow: 0 0 13px rgba(154, 154, 154, 0.13);
padding-left: 18px;
}
.pxl-icon1.style-round-box a{width: 43px;
height: 43px;
-webkit-border-radius: 43px;
-khtml-border-radius: 43px;
-moz-border-radius: 43px;
-ms-border-radius: 43px;
-o-border-radius: 43px;
border-radius: 43px;
background-color: #5a5866;
color: #fff;
text-align: center;
display: inline-block;
font-size: 20px;
position: relative;
z-index: 1;
}
.pxl-icon1.style-round-box a:before{content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
z-index: -2;
}
.pxl-icon1.style-round-box a i{display: inline-flex;
transform: translate(-50%, -50%) !important;
}
.pxl-icon1.style-round-box a:hover{background-color: var(--primary-color);
color: #fff;
}
.pxl-icon1.style-round-box-1{}
.pxl-icon1.style-round-box-1 a{width: 43px;
height: 43px;
-webkit-border-radius: 43px;
-khtml-border-radius: 43px;
-moz-border-radius: 43px;
-ms-border-radius: 43px;
-o-border-radius: 43px;
border-radius: 43px;
background-color: #5a5866;
color: #fff;
text-align: center;
display: inline-block;
font-size: 20px;
position: relative;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.pxl-icon1.style-round-box-1 a:before{content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
z-index: -2;
}
.pxl-icon1.style-round-box-1 a i{display: inline-flex;
transform: translate(-50%, -50%) !important;
}
.pxl-icon1.style-round-box-1 a:hover{background-color: var(--primary-color);
color: #fff;
}
.pxl-icon1.hv-style-default a:hover{-webkit-transform: translatey(-3px);
-khtml-transform: translatey(-3px);
-moz-transform: translatey(-3px);
-ms-transform: translatey(-3px);
-o-transform: translatey(-3px);
transform: translatey(-3px);
}
.pxl-icon1.hv-style-gradient a:after{background-color: var(--gradient-color-from);
background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
z-index: -1;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
}
.pxl-icon1.hv-style-gradient a:hover{color: #fff;
}
.pxl-icon1.hv-style-gradient a:hover:after{opacity: 1;
}
.pxl-icon1.style-divider a{display: inline-block;
width: 37px;
height: 42px;
border-right: 1px solid #dae3ed;
text-align: center;
line-height: 42px;
}
.pxl-icon1.style-divider a:last-child{border-right: none;
}
.pxl-icon1.style-divider a + a{margin-left: -4px;
}
.pxl-title-effect .pxl-item--title{margin-bottom: 0;
}
.pxl-title-effect.pxl-type-gradient .pxl-item--title{background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
}
.pxl-process1{border: 2px solid #f1f2f0;
-webkit-border-radius: 150px;
-khtml-border-radius: 150px;
-moz-border-radius: 150px;
-ms-border-radius: 150px;
-o-border-radius: 150px;
border-radius: 150px;
position: relative;
display: flex;
flex-wrap: wrap;
padding: 12px 0 10px;
}
@media screen and (max-width:1199px){
.pxl-process1 {
padding: 32px 0 30px;
}
}
@media screen and (max-width:767px){
.pxl-process1 {
-webkit-border-radius: 80px;
-khtml-border-radius: 80px;
-moz-border-radius: 80px;
-ms-border-radius: 80px;
-o-border-radius: 80px;
border-radius: 80px;
}
}
.pxl-process1 .pxl-item--image {
position: absolute;
top: -100px;
right: 0;
height: 144px;
width: 144px;
line-height: 144px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
-khtml-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
-moz-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
-ms-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
-o-box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
box-shadow: 0 14px 28px rgba(18, 42, 0, 0.12);
}
.pxl-process1 .pxl-item--image img{max-height: 100px;
width: auto;
animation: pxl_bounce 1000ms ease-out infinite;
-webkit-animation: pxl_bounce 1000ms ease-out infinite;
}
.pxl-process1 .pxl-item--number{width: 53px;
height: 53px;
line-height: 53px;
background-color: #f8f8f8;
border-radius: 53px;
font-weight: 600;
color: #122a00;
margin: 0 auto 30px auto;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-process1 .pxl-item--title{margin: 0;
font-size: 22px;
color: #122a00;
}
.pxl-process1 .pxl-item--divider{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%);
background-repeat: no-repeat;
background-position: center;
visibility: hidden;
}
@media screen and (max-width:1199px){
.pxl-process1 .pxl-item--divider {
display: none;
}
}
.pxl-process1 .pxl--item {
width: 33.33%;
padding: 0 20px;
text-align: center;
margin: 30px 0;
position: relative;
}
@media screen and (max-width:767px){
.pxl-process1 .pxl--item {
width: 100%;
}
}
.pxl-process1 .pxl--item:nth-child(1) .pxl-item--divider {
width: 203px;
height: 52px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/process-divider1.png);
visibility: visible;
right: -101px;
}
.pxl-process1 .pxl--item:nth-child(2) .pxl-item--divider{width: 207px;
height: 48px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/process-divider2.png);
visibility: visible;
right: -103px;
margin-top: -10px;
}
.pxl-process1 .pxl--item:hover .pxl-item--number{color: #fff;
background-color: var(--primary-color);
}
.elementor-widget__width-initial.elementor-widget-pxl_image > .elementor-widget-container{width: 100%;
}
.el-bounce.bounce-active, .pxl-image-effect1.bounce-active{animation: pxl_zigzag 600ms ease-out infinite;
-webkit-animation: pxl_zigzag 600ms ease-out infinite;
}
.pxl-image-effect2{animation: pxl_bottom_top_small 3s ease-out infinite;
-webkit-animation: pxl_bottom_top_small 3s ease-out infinite;
}
.pxl-recent-news1{position: relative;
z-index: 1;
}
.pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer{width: 25%;
padding: 0 18px;
}
@media screen and (max-width:1024px){
.pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
width: 33.33%;
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .content-md, .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .img-md{display: block;
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-lg, .pxl-recent-news1 .grid-sizer.pxl--item-lg .content-lg, .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-lg, .pxl-recent-news1 .grid-sizer.pxl--item-lg .img-lg{display: none;
}
}
@media screen and (max-width:991px){
.pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
width: 50%;
}
}
@media screen and (max-width:575px){
.pxl-recent-news1 .pxl-grid-item, .pxl-recent-news1 .grid-sizer {
width: 100%;
}
}
@media screen and (min-width:1025px){
.pxl-recent-news1 .pxl-grid-item.pxl--item-lg, .pxl-recent-news1 .grid-sizer.pxl--item-lg {
width: 50%;
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-lg .content-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .content-md, .pxl-recent-news1 .pxl-grid-item.pxl--item-lg .img-md, .pxl-recent-news1 .grid-sizer.pxl--item-lg .img-md{display: none;
}
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-first, .pxl-recent-news1 .grid-sizer.pxl--item-first {
min-height: 265px;
margin-bottom: 0;
position: relative;
}
@media screen and (max-width:1024px){
.pxl-recent-news1 .pxl-grid-item.pxl--item-first, .pxl-recent-news1 .grid-sizer.pxl--item-first {
display: none;
}
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-first .pxl-shape, .pxl-recent-news1 .grid-sizer.pxl--item-first .pxl-shape {
position: absolute;
top: 60px;
left: 65px;
z-index: -1;
animation: pxl_right_left 12s infinite linear alternate;
}
.pxl-recent-news1 .pxl-item--sticky{position: absolute;
top: -32px;
right: 60px;
height: 60px;
width: 60px;
line-height: 60px;
color: #fff;
background-color: var(--primary-color);
-webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
-khtml-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
-moz-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
-ms-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
-o-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
box-shadow: 0 12px 10px rgba(0, 0, 0, 0.32);
font-size: 20px;
text-align: center;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
z-index: 99;
}
.pxl-recent-news1 .pxl-item--image{margin-bottom: 17px;
position: relative;
overflow: hidden;
}
.pxl-recent-news1 .pxl-item--image img{width: 100%;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-recent-news1 .pxl-item--title{font-size: 18px;
color: #122a00;
margin-bottom: 9px;
}
.pxl-recent-news1 .pxl-item--title a{color: inherit;
}
.pxl-recent-news1 .pxl-item--title a:hover{color: inherit;
}
.pxl-recent-news1 .pxl-item--content{font-size: 15px;
line-height: 1.6;
color: #4b5345;
margin-bottom: 19px;
}
.pxl-recent-news1 .pxl-item--button .btn-plus-text{background-color: #eaebea;
color: #122a00;
}
.pxl-recent-news1 .pxl-item--button .btn-plus-text:hover{color: #fff;
background-color: #122a00;
}
.pxl-recent-news1 .pxl-grid-item{margin-bottom: 50px;
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-shape1{margin-top: -80px;
text-align: center;
animation: pxl_bottom_top 12s infinite linear alternate;
}
@media screen and (max-width:1024px){
.pxl-recent-news1 .pxl-grid-item.pxl--item-shape1 {
display: none;
}
}
.pxl-recent-news1 .pxl-grid-item.pxl--item-shape2 {
text-align: center;
animation: pxl_right_left 12s infinite linear alternate;
}
@media screen and (max-width:1024px){
.pxl-recent-news1 .pxl-grid-item.pxl--item-shape2 {
display: none;
}
}
.pxl-recent-news1 .pxl-grid-item:hover .pxl-item--image img {
-webkit-transform: scale(1.12);
-khtml-transform: scale(1.12);
-moz-transform: scale(1.12);
-ms-transform: scale(1.12);
-o-transform: scale(1.12);
transform: scale(1.12);
}
@media screen and (min-width:1025px){
.pxl-recent-news1 .pxl--item-lg .pxl-item--image {
margin-bottom: 22px;
}
.pxl-recent-news1 .pxl--item-lg .pxl-item--title{font-size: 30px;
line-height: 1.2;
}
.pxl-recent-news1 .pxl--item-lg .pxl-item--content{font-size: 16px;
line-height: 1.6875;
margin-bottom: 26px;
}
}
.pxl-recent-news1 .pxl-grid-inner {
display: flex;
flex-wrap: wrap;
margin: 0 -18px;
position: relative;
}
body:not(.elementor-editor-active) .elementor-widget-pxl_particle{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pxl-particle .pxl-item--particle{position: absolute;
}
.pxl-particle + .elementor-container{z-index: 99;
}
.shadow1 img, .gallery-image img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.gallery-image .wrap-title{padding: 6px 40px 0 40px;
background-color: var(--regular-color);
display: flex;
align-items: center;
color: #fff;
font-size: 27px;
font-weight: 400;
}
@media(max-width:480px){
.gallery-image .wrap-title {
padding: 6px 20px 0 20px;
font-size: 20px;
}
}
.gallery-image .wrap-title i {
padding-right: 15px;
color: #fff;
font-size: 42px;
}
.gallery-image .pxl-gallery{display: flex;
flex-wrap: wrap;
padding: 43px 48px 25px 48px;
}
@media(max-width:480px){
.gallery-image .pxl-gallery {
padding: 43px 28px 25px 28px;
}
}
.gallery-image .pxl-gallery a {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
}
.gallery-image .pxl-gallery a:before{position: absolute;
content: '';
width: 25px;
height: 1px;
z-index: 5;
background-color: #fff;
opacity: 0;
top: 50%;
left: 0%;
transform: translate(-50%, -50%);
}
.gallery-image .pxl-gallery a:after{position: absolute;
content: '';
height: 25px;
width: 1px;
z-index: 5;
background-color: #fff;
top: 0%;
opacity: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.gallery-image .pxl-gallery .wrap-light-box{position: relative;
}
.gallery-image .pxl-gallery .wrap-light-box:before{position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5;
background-color: var(--secondary-color);
mix-blend-mode: multiply;
opacity: 0;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.gallery-image .pxl-gallery .wrap-light-box:hover:before{opacity: 0.7;
}
.gallery-image .pxl-gallery .wrap-light-box:hover a:after{top: 50%;
opacity: 1;
-webkit-transition: 200ms all linear 200ms;
-khtml-transition: 200ms all linear 200ms;
-moz-transition: 200ms all linear 200ms;
-ms-transition: 200ms all linear 200ms;
-o-transition: 200ms all linear 200ms;
transition: 200ms all linear 200ms;
}
.gallery-image .pxl-gallery .wrap-light-box:hover a:before{-webkit-transition: 200ms all linear 200ms;
-khtml-transition: 200ms all linear 200ms;
-moz-transition: 200ms all linear 200ms;
-ms-transition: 200ms all linear 200ms;
-o-transition: 200ms all linear 200ms;
transition: 200ms all linear 200ms;
opacity: 1;
left: 50%;
}
.gallery-image .pxl-gallery .pxl--item{padding: 0 7px 15px 8px;
position: relative;
}
.gallery-image .pxl-gallery .pxl--item img{width: 100%;
position: relative;
}
.gallery-image .pxl-gallery .pxl--item img:before{position: absolute;
content: '';
background-color: red;
width: 100px;
height: 100px;
}
.elementor-widget-overlay{width: 100% !important;
height: 100%;
}
.elementor-widget-overlay .elementor-widget-container{width: 100%;
height: 100%;
}
.pxl-overlay{width: 100px;
height: 100px;
}
.pxl-image-single{-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.pxl-image-single *, .pxl-image-single img{-webkit-border-radius: inherit;
-khtml-border-radius: inherit;
-moz-border-radius: inherit;
-ms-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.pxl-spacer1 > div{display: none;
}
@media screen and (min-width:1200px){
.pxl-spacer1 .pxl-space--xl {
display: block;
}
}
@media(min-width:992px) and (max-width:1199px){
.pxl-spacer1 .pxl-space--lg {
display: block;
}
}
@media(min-width:768px) and (max-width:991px){
.pxl-spacer1 .pxl-space--md {
display: block;
}
}
@media(min-width:576px) and (max-width:767px){
.pxl-spacer1 .pxl-space--sm {
display: block;
}
}
@media screen and (max-width:575px){
.pxl-spacer1 .pxl-space--xs {
display: block;
}
}
.pxl-link {
padding-left: 0 !important;
list-style: none !important;
}
.pxl-link.style2 i{mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-list.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-list.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-list.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-list);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
width: 25px;
min-width: 25px;
height: 25px;
overflow: hidden;
line-height: 25px;
text-align: center;
line-height: 25px;
}
.pxl-heading .wrap-subtitle{display: flex;
}
.pxl-heading .wrap-subtitle .icon-before{width: 76px;
padding-left: 17px;
}
@media(max-width:450px){
.pxl-heading .wrap-subtitle .icon-before {
width: 50px;
padding-left: 10px;
}
}
.pxl-heading .wrap-subtitle .icon-after {
padding-left: 17px;
width: 76px;
}
@media(max-width:450px){
.pxl-heading .wrap-subtitle .icon-after {
width: 50px;
padding-left: 10px;
}
}
.pxl-heading .wrap-subtitle.style1 .icon-before, .pxl-heading .wrap-subtitle.style1 .icon-after {
display: none;
}
.pxl-heading .wrap-subtitle.style2 .icon-after{display: none;
}
.pxl-heading .wrap-subtitle.style3 .icon-before{display: none;
}
.pxl-client-carousel1 .pxl-swiper-wrapper{align-items: center !important;
}
.pxl-client-carousel1 .pxl-item-client a{display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.pxl-client-carousel1 .pxl-item-client a img{display: block;
width: auto;
margin: 0 auto;
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
max-height: 65px;
}
.pxl-client-carousel1 .pxl-item-client a img:nth-child(2){position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -250%);
-khtml-transform: translate(-50%, -250%);
-moz-transform: translate(-50%, -250%);
-ms-transform: translate(-50%, -250%);
-o-transform: translate(-50%, -250%);
transform: translate(-50%, -250%);
opacity: 1;
}
.pxl-client-carousel1 .pxl-item-client a:hover img:nth-child(1){-webkit-transform: translatey(150%);
-khtml-transform: translatey(150%);
-moz-transform: translatey(150%);
-ms-transform: translatey(150%);
-o-transform: translatey(150%);
transform: translatey(150%);
}
.pxl-client-carousel1 .pxl-item-client a:hover img:nth-child(2){transform: translate(-50%, -50%);
opacity: 1;
}
.pxl-client-carousel2 .pxl-swiper-wrapper{align-items: center !important;
}
.pxl-client-carousel2 .pxl-item-client a{display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.pxl-client-carousel2 .pxl-item-client a img{display: block;
width: auto;
margin: 0 auto;
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
max-height: 65px;
}
.pxl-client-carousel2 .pxl-item-client a img:nth-child(2){position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -250%);
-khtml-transform: translate(-50%, -250%);
-moz-transform: translate(-50%, -250%);
-ms-transform: translate(-50%, -250%);
-o-transform: translate(-50%, -250%);
transform: translate(-50%, -250%);
opacity: 1;
}
.pxl-client-carousel2 .pxl-item-client a:hover img:nth-child(1){-webkit-transform: translatey(150%);
-khtml-transform: translatey(150%);
-moz-transform: translatey(150%);
-ms-transform: translatey(150%);
-o-transform: translatey(150%);
transform: translatey(150%);
}
.pxl-client-carousel2 .pxl-item-client a:hover img:nth-child(2){transform: translate(-50%, -50%);
opacity: 1;
}
.pxl-image-grid1 .pxl-grid-item{padding: 15px !important;
}
.pxl-image-grid1 .pxl-grid-item img{width: 100%;
}
.pxl-image-carousel1 .pxl-swiper-wrapper{align-items: center !important;
padding: 50px 0;
}
.pxl-image-carousel1 img{width: 100%;
}
.pxl-image-carousel1 .pxl-item--inner{box-shadow: rgba(0, 14, 32, 0.05) 0px 0px 21px;
}
.pxl-image-carousel1 .pxl-swiper-arrow-next{right: 26%;
transform: translatex(-50%);
}
.pxl-image-carousel1 .pxl-swiper-arrow-prev{left: 29.5%;
transform: translatex(-50%);
}
.pxl-image-carousel1 .pxl-swiper-arrow{top: 42%;
box-shadow: rgba(0, 40, 91, 0.1) 0px 19px 16px;
width: 91px;
height: 91px;
}
.pxl-image-carousel1 .pxl-swiper-arrow i{font-size: 30px;
line-height: 91px;
}
.pxl-image-carousel4 .pxl-swiper-slide{padding: 0;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner{position: relative;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner:before{position: absolute;
content: '';
width: 100%;
height: 0;
background-color: var(--primary-color);
top: 0;
left: 0;
-webkit-transition: 150ms all linear 0ms;
-khtml-transition: 150ms all linear 0ms;
-moz-transition: 150ms all linear 0ms;
-ms-transition: 150ms all linear 0ms;
-o-transition: 150ms all linear 0ms;
transition: 150ms all linear 0ms;
z-index: 3;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner:after{position: absolute;
content: '';
width: 100%;
height: 0;
background-color: var(--primary-color);
bottom: 0;
left: 0;
-webkit-transition: 150ms all linear 0ms;
-khtml-transition: 150ms all linear 0ms;
-moz-transition: 150ms all linear 0ms;
-ms-transition: 150ms all linear 0ms;
-o-transition: 150ms all linear 0ms;
transition: 150ms all linear 0ms;
z-index: 3;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content{position: relative;
z-index: 2;
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end;
overflow: hidden;
background-color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content:before{position: absolute;
content: '';
background: linear-gradient(to top, #000 0%, #000 5%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .001) 100%);
width: 101%;
height: 60%;
bottom: -1px;
left: -1px;
opacity: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content{padding: 43px 53px;
position: relative;
transform: scaley(0.5);
transform-origin: bottom;
opacity: 0;
-webkit-transition: 100ms all linear 0ms;
-khtml-transition: 100ms all linear 0ms;
-moz-transition: 100ms all linear 0ms;
-ms-transition: 100ms all linear 0ms;
-o-transition: 100ms all linear 0ms;
transition: 100ms all linear 0ms;
}
@media(max-width:1400px){
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content {
padding: 30px;
}
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-title {
font-size: 15px;
font-weight: 600;
color: var(--primary-color);
text-transform: uppercase;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .pxl-desc{margin: 0px 0 17px 0;
font-size: 32px;
line-height: 42px;
font-weight: 700;
color: #fff;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button{display: flex;
align-items: center;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player a, .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .btn-link a{position: relative;
width: 55px;
height: 55px;
font-size: 18px;
text-align: center;
border-radius: 100px;
background: #fff;
color: var(--secondary-color);
display: block;
line-height: 55px;
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player a:hover, .pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .btn-link a:hover{color: var(--primary-color);
}
.pxl-image-carousel4 .pxl-swiper-slide .pxl-item--inner .pxl-content .wrap-content .wrap-button .pxl-video-player{margin-right: 7px;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-item--inner:before{transition-delay: 200ms !important;
height: 36px;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-item--inner:after{transition-delay: 200ms !important;
height: 9px;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .wrap-content{transform: scaley(1) !important;
opacity: 1 !important;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-content{padding-top: 36px !important;
padding-bottom: 10px !important;
}
.pxl-image-carousel4 .pxl-swiper-slide:hover .pxl-content:before{height: 101% !important;
opacity: 1 !important;
}
.pxl-image-carousel3 .pxl-swiper-arrow{width: 61px;
height: 61px;
transform: inherit;
background-color: #fff;
box-shadow: none;
}
@media(max-width:1500px){
.pxl-image-carousel3 .pxl-swiper-arrow {
display: none !important;
}
}
.pxl-image-carousel3 .pxl-swiper-arrow:hover {
background-color: var(--primary-color);
color: #000;
}
.pxl-image-carousel3 .pxl-swiper-arrow i{font-size: 38px;
line-height: 61px;
margin-left: -46px;
}
.pxl-image-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev{transform: rotatey(180deg) !important;
left: -110px;
}
.pxl-image-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -110px;
}
.pxl-image-carousel3 .pxl-swiper-slide{padding: 50px 0 0 0;
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-prev:before, .pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active:before{position: absolute;
content: '';
width: 82px;
height: 37px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/arr-roof.png);
right: -41px;
top: 43%;
transform: translatey(-50%) rotatex(0deg);
-webkit-transition: 300ms all ease 0ms;
-khtml-transition: 300ms all ease 0ms;
-moz-transition: 300ms all ease 0ms;
-ms-transition: 300ms all ease 0ms;
-o-transition: 300ms all ease 0ms;
transition: 300ms all ease 0ms;
opacity: 0;
}
@media(max-width:991px){
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-prev:before, .pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active:before {
display: none !important;
}
}
.pxl-image-carousel3 .pxl-swiper-slide:nth-child(odd):before {
transform: translatey(-50%) rotatex(180deg);
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof{display: flex;
align-items: center;
justify-content: center;
min-height: 200px;
position: relative;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof:before{position: absolute;
content: '';
width: 165px;
height: 100%;
z-index: -1;
top: 0;
left: 50%;
transform: translatex(-50%);
border-radius: 500px;
background-color: #fff;
transition: 300ms;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .thumb-roof:after{position: absolute;
content: '';
width: 163px;
height: calc(100% - 2px);
z-index: -2;
top: 1px;
left: 50%;
transform: translatex(-50%);
border-radius: 500px;
background-color: var(--primary-color);
transition: 300ms;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .wrap-item{text-align: center;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-title{margin-top: 7px;
color: #1e1e2a;
font-weight: 700;
font-size: 27px;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .pxl-image-desc{color: #6b6b6e;
font-size: 17px;
line-height: 26px;
max-width: 245px;
margin: 2px auto 13px auto;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .btn-read{transform: scale(0);
-webkit-transition: 300ms all ease 0ms;
-khtml-transition: 300ms all ease 0ms;
-moz-transition: 300ms all ease 0ms;
-ms-transition: 300ms all ease 0ms;
-o-transition: 300ms all ease 0ms;
transition: 300ms all ease 0ms;
}
.pxl-image-carousel3 .pxl-swiper-slide .pxl-image .btn-read a{width: 53px;
height: 53px;
border-radius: 500px;
line-height: 53px;
color: #fff;
text-align: center;
margin: 0 auto;
background-color: var(--primary-color);
display: block;
font-size: 20px;
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active .btn-read{transform: scale(1);
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-active .thumb-roof:after{top: -10px;
}
.pxl-image-carousel3 .pxl-swiper-slide.swiper-slide-visible:before{opacity: 1;
}
.pxl-image-carousel3 .pxl-swiper-slide:hover .btn-read{transform: scale(1);
}
.pxl-image-carousel3 .pxl-swiper-slide:hover .thumb-roof:after{top: -10px;
}
.shadow-img img{box-shadow: rgba(0, 14, 32, 0.05) 0px 0px 21px;
}
.tt_timetable th{background-color: #e7e6e6 !important;
color: var(--secondary-color) !important;
padding: 12px 15px 14px;
font-size: 20px;
}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected{background-color: #e7e6e6;
border: 1px solid var(--secondary-color);
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
border-radius: 12px;
cursor: pointer;
}
.tt_responsive .tt_timetable.small .box_header{font-size: 20px !important;
font-weight: bold;
color: var(--secondary-color);
}
.pxl-grid-item .pxl-grid-direction .in-top .item--featured:before{-webkit-animation: in-top 0.3s ease 0ms 1 forwards;
animation: in-top 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .out-top .item--featured:before{-webkit-animation: out-top 0.3s ease 0ms 1 forwards;
animation: out-top 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-top .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-top .item--featured:before{-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.pxl-grid-item .pxl-grid-direction .out-bottom .item--featured:before{-webkit-animation: out-bottom 0.3s ease 0ms 1 forwards;
animation: out-bottom 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-bottom .item--featured:before{-webkit-animation: in-bottom 0.3s ease 0ms 1 forwards;
animation: in-bottom 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-bottom .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-bottom .item--featured:before{-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.pxl-grid-item .pxl-grid-direction .out-left .item--featured:before{-webkit-animation: out-left 0.3s ease 0ms 1 forwards;
animation: out-left 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-left .item--featured:before{-webkit-animation: in-left 0.3s ease 0ms 1 forwards;
animation: in-left 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-left .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-left .item--featured:before{-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.pxl-grid-item .pxl-grid-direction .out-right .item--featured:before{-webkit-animation: out-right 0.3s ease 0ms 1 forwards;
animation: out-right 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-right .item--featured:before{-webkit-animation: in-right 0.3s ease 0ms 1 forwards;
animation: in-right 0.3s ease 0ms 1 forwards;
}
.pxl-grid-item .pxl-grid-direction .in-right .item--featured:before, .pxl-grid-item .pxl-grid-direction .out-right .item--featured:before{-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.elementor-drop-cap-letter{box-shadow: 1px 10px 60px #fab319;
}
.site-header-lang{max-width: 60px;
}
.site-header-lang .wpml-ls-current-language > a{background-color: transparent !important;
}
.site-header-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content: "\f078" !important;
font-family: 'font awesome 5 pro';
vertical-align: middle;
display: inline-block;
border: none !important;
position: absolute;
right: 0px;
top: 50%;
transform: translatey(-50%);
font-size: 11px;
font-weight: 700;
}
.site-header-lang .wpml-ls-link{background-color: #f8f8f8;
}
.site-header-lang .wpml-ls-statics-shortcode_actions .js-wpml-ls-item-toggle{padding: 0 !important;
}
.site-header-lang .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu{border: none;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0;
transform: translatey(20px);
overflow: hidden;
border-radius: 5px;
min-width: 90px;
text-align: center;
background-color: #eaeaea !important;
}
.site-header-lang .wpml-ls-statics-shortcode_actions:hover .wpml-ls-sub-menu{opacity: 1;
transform: translatey(0px);
}
.site-header-lang .wpml-ls-statics-shortcode_actions a{display: inline-flex;
align-items: center;
border: none !important;
width: 100%;
height: 100%;
line-height: 2;
}
.site-header-lang .wpml-ls-statics-shortcode_actions a img{width: 20px;
min-width: 20px;
margin-right: 8px;
border-radius: 100px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.site-header-lang .wpml-ls-statics-shortcode_actions a span{font-size: 14px;
font-weight: 700;
color: #252525;
}
.site-header-lang.style2 .js-wpml-ls-item-toggle{background-color: transparent !important;
}
#parallax{background-attachment: fixed;
background-position-y: -0.2;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-progressbar{font-size: 16px;
font-weight: 500;
color: #080808;
}
.pxl-progressbar .progress-percentage{position: absolute;
font-size: 15px;
font-weight: 700;
top: 0;
right: 0;
}
.pxl-progressbar .progress-item{position: relative;
}
.pxl-progressbar .progress-item + .progress-item{margin-top: 24px;
}
.pxl-progressbar .progress-title-wrap{margin-bottom: 5px;
}
.pxl-progressbar .progress-bar-wrap{position: relative;
}
.pxl-progressbar .progress-bar-wrap .progress-bound{position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 10px;
background-color: #f2f2f2;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
.pxl-progressbar .pxl-progress-bar{height: 10px;
position: relative;
width: 0;
background-color: var(--primary-color);
-webkit-transition: width 1.4s ease;
-khtml-transition: width 1.4s ease;
-moz-transition: width 1.4s ease;
-ms-transition: width 1.4s ease;
-o-transition: width 1.4s ease;
transition: width 1.4s ease;
-webkit-border-radius: 30px;
-khtml-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
.pxl-progressbar.style1 .progress-title-wrap{z-index: 2;
width: 100%;
position: absolute;
top: 50%;
transform: translatey(-50%);
padding: 0 27px;
}
.pxl-history{position: relative;
max-width: 850px;
}
.pxl-history:before{position: absolute;
content: 0;
height: 100%;
border-left: 1px dashed #fff;
top: 0;
left: 50%;
transform: translatex(-50%);
content: '';
z-index: 0;
}
@media(max-width:900px){
.pxl-history:before {
left: 51px;
transform: translatex(0%);
}
}
.pxl-history .tetx-start {
z-index: 2;
display: block;
width: 104px;
height: 104px;
border-radius: 200px;
background-color: var(--primary-color);
font-size: 28px;
font-weight: 700;
color: #fff;
line-height: 102px;
text-align: center;
margin: auto;
position: absolute;
left: 50%;
transform: translatex(-50%);
}
@media(max-width:900px){
.pxl-history .tetx-start {
left: 0%;
transform: translatex(0%);
}
}
.pxl-history .pxl-history-l1 {
padding: 0;
}
.pxl-history .pxl-history-l1 li{display: flex;
}
@media(max-width:900px){
.pxl-history .pxl-history-l1 li {
margin: 20px 0 0 0 !important;
padding-left: 130px;
}
}
.pxl-history .pxl-history-l1 li:nth-child(1) {
padding-top: 27px;
}
.pxl-history .pxl-history-l1 li .wrap-content{width: 300px;
}
@media(max-width:900px){
.pxl-history .pxl-history-l1 li .wrap-content {
width: 100%;
}
}
.pxl-history .pxl-history-l1 li:nth-child(even) {
text-align: right;
}
@media(max-width:900px){
.pxl-history .pxl-history-l1 li:nth-child(even) {
text-align: left;
}
}
.pxl-history .pxl-history-l1 li:nth-child(even) .title {
padding-right: 25px;
}
.pxl-history .pxl-history-l1 li:nth-child(even) .title:before{right: -135px;
}
.pxl-history .pxl-history-l1 li:nth-child(even) .title:after{right: -112px;
}
.pxl-history .pxl-history-l1 li:nth-child(odd){text-align: left;
justify-content: flex-end;
}
@media(max-width:900px){
.pxl-history .pxl-history-l1 li:nth-child(odd) {
justify-content: flex-start;
}
}
.pxl-history .pxl-history-l1 li:nth-child(odd) .title:before {
left: -135px;
}
.pxl-history .pxl-history-l1 li:nth-child(odd) .title:after{left: -112px;
}
.pxl-history .pxl-history-l1 li .title{font-size: 24px;
color: #f6f6f6;
font-weight: 700;
position: relative;
}
.pxl-history .pxl-history-l1 li .title:before{position: absolute;
content: '';
width: 21px;
height: 21px;
border-radius: 100px;
background-color: var(--primary-color);
top: 13px;
}
@media(max-width:900px){
.pxl-history .pxl-history-l1 li .title:before {
left: -90px !important;
}
}
.pxl-history .pxl-history-l1 li .title:after {
position: absolute;
content: '';
width: 100px;
height: 1px;
top: 23px;
border-top: 1px dashed #818181;
}
@media(max-width:900px){
.pxl-history .pxl-history-l1 li .title:after {
width: 50px !important;
left: -62px !important;
right: auto !important;
}
}
.pxl-history .pxl-history-l1 li .desc {
padding-top: 9px;
font-size: 18px;
color: #acacac;
line-height: 26px;
}
.pxl-history .img-h{width: 142px;
max-width: 142px;
height: 142px;
border-radius: 200px;
border: 3px solid #474747;
overflow: hidden;
margin: auto;
position: relative;
margin-top: -3px;
}
@media(max-width:900px){
.pxl-history .img-h {
margin-left: 0;
width: 104px;
max-width: 104px;
height: 104px;
}
}
.pxl-client-grid1 .pxl-grid-item {
padding: 0;
margin-top: -1px;
}
.pxl-client-grid1 .pxl-grid-item:nth-child(1):before, .pxl-client-grid1 .pxl-grid-item:nth-child(2):before, .pxl-client-grid1 .pxl-grid-item:nth-child(4):before, .pxl-client-grid1 .pxl-grid-item:nth-child(5):before, .pxl-client-grid1 .pxl-grid-item:nth-child(7):before, .pxl-client-grid1 .pxl-grid-item:nth-child(8):before, .pxl-client-grid1 .pxl-grid-item:nth-child(10):before, .pxl-client-grid1 .pxl-grid-item:nth-child(11):before, .pxl-client-grid1 .pxl-grid-item:nth-child(13):before, .pxl-client-grid1 .pxl-grid-item:nth-child(14):before{content: '';
top: -7px;
height: 134px;
right: 0;
width: 1px;
background-color: #f2f2f2;
position: absolute;
left: 100%;
}
@media(max-width:450px){
.pxl-client-grid1 .pxl-grid-item:nth-child(1):before, .pxl-client-grid1 .pxl-grid-item:nth-child(2):before, .pxl-client-grid1 .pxl-grid-item:nth-child(4):before, .pxl-client-grid1 .pxl-grid-item:nth-child(5):before, .pxl-client-grid1 .pxl-grid-item:nth-child(7):before, .pxl-client-grid1 .pxl-grid-item:nth-child(8):before, .pxl-client-grid1 .pxl-grid-item:nth-child(10):before, .pxl-client-grid1 .pxl-grid-item:nth-child(11):before, .pxl-client-grid1 .pxl-grid-item:nth-child(13):before, .pxl-client-grid1 .pxl-grid-item:nth-child(14):before {
height: 100px !important;
}
}
.pxl-client-grid1 .pxl-grid-item:nth-child(1), .pxl-client-grid1 .pxl-grid-item:nth-child(2), .pxl-client-grid1 .pxl-grid-item:nth-child(3), .pxl-client-grid1 .pxl-grid-item:nth-child(7), .pxl-client-grid1 .pxl-grid-item:nth-child(9), .pxl-client-grid1 .pxl-grid-item:nth-child(8), .pxl-client-grid1 .pxl-grid-item:nth-child(15), .pxl-client-grid1 .pxl-grid-item:nth-child(13), .pxl-client-grid1 .pxl-grid-item:nth-child(14) {
border-bottom: 1px solid #f2f2f2;
}
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner{text-align: center;
padding: 0 15px;
position: relative;
overflow: hidden;
min-height: 125px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
@media(max-width:450px){
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner {
min-height: 100px !important;
}
}
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner img {
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-khtml-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-moz-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-ms-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s;
position: relative;
width: auto;
max-height: 80px;
}
.pxl-client-grid1 .pxl-grid-item .pxl-item--inner:hover img{transform: scale(0.9);
}
.pxl-text-carousel1 .pxl-swiper-slide{text-align: center;
}
.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd){border-top: 1px solid #f0e5df;
border-bottom: 1px solid #f0e5df;
}
.pxl-text-carousel1 .pxl-swiper-slide:nth-child(odd) .pxl-item--title{font-size: 72px;
color: #000;
font-weight: 700;
line-height: 97px;
}
.pxl-text-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--title{font-size: 72px;
color: #fff;
font-weight: 700;
-webkit-text-stroke: 1px #ccc;
text-stroke: 1px #ccc;
line-height: 97px;
}
@media(max-width:1700px){
.pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
font-size: 62px !important;
line-height: 72px !important;
}
}
@media(max-width:1500px){
.pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
font-size: 42px !important;
line-height: 52px !important;
}
}
@media(max-width:767px){
.pxl-text-carousel1 .pxl-swiper-slide .pxl-item--title {
font-size: 35px !important;
line-height: 45px !important;
}
}
.pxl-image-carousel2 .pxl-swiper-container {
margin: 0 !important;
}
.pxl-image-carousel2 .pxl-swiper-slide{padding: 0 3px !important;
}
.pxl-image-carousel2 .pxl-swiper-slide img{width: 100%;
border-radius: 10px;
}
.pxl-image-carousel2 .pxl-swiper-dots{margin-top: 45px !important;
min-height: 12px;
align-items: center;
}
.pxl-image-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet{margin: 0 21px !important;
background-color: #c6c6c6 !important;
}
.pxl-image-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{width: 12px;
height: 12px;
border-radius: 100px;
overflow: hidden;
background-color: var(--primary-color) !important;
}
.pxl-image-carousel5 .pxl-swiper-arrow{width: 61px;
height: 61px;
}
@media(max-width:1500px){
.pxl-image-carousel5 .pxl-swiper-arrow {
display: none !important;
}
}
.pxl-image-carousel5 .pxl-swiper-arrow i {
font-size: 38px;
line-height: 61px;
margin-left: -46px;
}
.pxl-image-carousel5 .pxl-swiper-arrow.pxl-swiper-arrow-prev{transform: rotatey(180deg);
left: -124px;
}
.pxl-image-carousel5 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -124px;
}
.pxl-image-carousel5 .pxl-swiper-container{mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-video.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-video.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-video.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-video);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
}
.pxl-image-carousel5 .pxl-swiper-slide{max-width: 260px;
min-width: 260px;
padding: 0;
-webkit-transition: 300ms all ease 0ms;
-khtml-transition: 300ms all ease 0ms;
-moz-transition: 300ms all ease 0ms;
-ms-transition: 300ms all ease 0ms;
-o-transition: 300ms all ease 0ms;
transition: 300ms all ease 0ms;
}
@media(max-width:1500px){
.pxl-image-carousel5 .pxl-swiper-slide {
max-width: 1000px;
min-width: auto;
}
}
.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active {
min-width: 690px;
}
@media(max-width:1500px){
.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active {
min-width: auto;
}
}
.pxl-image-carousel5 .pxl-swiper-slide.pxl--item-active .pxl-title {
transform: translatey(0px) !important;
opacity: 1 !important;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content{background-size: cover;
background-position: center;
position: relative;
background-color: #000;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content:before{position: absolute;
content: '';
background: rgba(0, 0, 0, 0.1);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .wrap-content{position: absolute;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, -50%);
margin-top: 40px;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title{font-weight: 700;
height: 48.6px;
overflow: hidden;
font-size: 29.94px;
color: #fff;
margin-top: 33px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0;
}
@media(max-width:991px){
.pxl-image-carousel5 .pxl-swiper-slide .pxl-content .pxl-title {
font-size: 24px;
}
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a {
position: relative;
font-size: 16px;
width: 83px;
height: 83px;
line-height: 83px;
color: #fff;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
background-color: var(--primary-color);
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a:before{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border2 3s linear infinite;
border: 0.3px solid var(--primary-color);
background-color: transparent !important;
border-radius: 500px;
opacity: 0;
}
.pxl-image-carousel5 .pxl-swiper-slide .pxl-video-player a:after{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border2 3s 1.5s linear infinite;
background-color: transparent !important;
border: 0.3px solid var(--primary-color);
border-radius: 500px;
opacity: 0;
}
.pxl-image-carousel6 .pxl-swiper-thumbs{overflow: hidden;
position: absolute;
z-index: 20;
transform: translatey(0%);
bottom: 0;
right: 0;
}
@media(min-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs {
top: 50%;
max-width: 200px;
left: 0;
transform: translatey(-50%);
}
}
@media(max-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper {
flex-direction: row !important;
}
}
@media(min-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper {
display: grid !important;
}
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
height: 130px !important;
max-width: 153px !important;
display: inline-flex;
padding: 8px 60px 8px 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: relative;
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide img{border-radius: 0 1000px 1000px 0;
}
@media(max-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide img {
border-radius: 0;
}
}
@media(max-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
height: 90px !important;
max-width: 90px !important;
display: inline-flex;
padding: 0;
}
}
@media(max-width:575px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide {
height: 50px !important;
max-width: 50px !important;
}
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:before {
position: absolute;
content: '';
background-color: #eb3c47;
width: 160px;
height: 131px;
border-radius: 0 1000px 1000px 0;
right: 0;
top: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: -1;
opacity: 0;
}
@media(max-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:before {
opacity: 1;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2;
border-radius: 0;
width: 100%;
height: 100%;
}
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide:after {
position: absolute;
content: "\f125";
font-family: flaticon;
border-radius: 0 1000px 1000px 0;
right: 20px;
top: 50%;
transform: translatey(-50%);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0;
color: #fff;
font-size: 22px;
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{padding: 8px 54px 8px 0;
}
@media(max-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
padding: 0;
}
}
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before, .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
opacity: 1;
}
@media(max-width:1500px){
.pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before, .pxl-image-carousel6 .pxl-swiper-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
opacity: 0;
}
}
.pxl-image-carousel6 .pxl-swiper-slide {
padding: 0;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content{background-size: cover;
background-position: center;
background-color: #000;
position: relative;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content:before{position: absolute;
content: '';
height: 100%;
width: 100%;
background: linear-gradient(to right, #000 0%, #000 5%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .001) 100%);
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content{padding: 181px 15px 217px 15px;
max-width: 670px;
}
@media(max-width:1199px){
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
padding: 150px 30px 180px 30px;
max-width: 750px;
}
}
@media(max-width:575px){
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content {
padding: 100px 30px 150px 30px;
}
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .sub-pxl-title {
position: relative;
display: inline-block;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
background: -webkit-linear-gradient(1deg, #f05045, #df3b48);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title{position: relative;
margin: 8px 0 21px 0;
padding-left: 25px;
font-size: 63px;
line-height: 63px;
font-weight: 700;
color: #fff;
position: relative;
}
@media(max-width:575px){
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title {
padding-left: 0px;
font-size: 40px;
line-height: 40px;
}
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title:before {
position: absolute;
content: '';
background-color: #f05045;
width: 3px;
top: 12px;
left: 0;
border-radius: 100px;
bottom: 6px;
}
@media(max-width:575px){
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title:before {
opacity: 0;
}
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-title span {
background: -webkit-linear-gradient(1deg, #f05045, #df3b48);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .pxl-desc{position: relative;
font-size: 18px;
line-height: 30px;
color: #fff;
margin-bottom: 42px;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button{position: relative;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a{display: inline-flex;
align-items: center;
padding: 0 32px;
line-height: 62px;
font-size: 15px;
color: #fff;
border-radius: 1000px;
font-weight: 700;
background: linear-gradient(90deg, #df3b48 0%, #f05045 50%, #df3b48 100%);
background-size: 200%;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a i{padding-left: 15px;
font-size: 24px;
}
.pxl-image-carousel6 .pxl-swiper-slide .pxl-content .wrap-content .wrap-button a:hover{background-position: right;
}
.lds-roller{display: inline-block;
position: relative;
width: 100px;
height: 100px;
}
.lds-roller div{animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.lds-roller div:after{content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--primary-color);
margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1){animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after{top: 63px;
left: 63px;
}
.lds-roller div:nth-child(2){animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after{top: 68px;
left: 56px;
}
.lds-roller div:nth-child(3){animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after{top: 71px;
left: 48px;
}
.lds-roller div:nth-child(4){animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after{top: 72px;
left: 40px;
}
.lds-roller div:nth-child(5){animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after{top: 71px;
left: 32px;
}
.lds-roller div:nth-child(6){animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after{top: 68px;
left: 24px;
}
.lds-roller div:nth-child(7){animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after{top: 63px;
left: 17px;
}
.lds-roller div:nth-child(8){animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after{top: 56px;
left: 12px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100%{transform: rotate(360deg);
}
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 100px;
height: 100px;
}
.lds-ellipsis div{position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--primary-color);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1){left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2){left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3){left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4){left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100%{transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100%{transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100%{transform: translate(24px, 0);
}
}
.bf-col-left-hd > .elementor-widget-container {
position: relative;
}
.bf-col-left-hd > .elementor-widget-container:before{position: absolute;
content: '';
width: 10000px;
right: 0;
top: 0;
background-color: #050505;
height: 66px;
transform: skewx(0deg);
z-index: -1;
}
.bf-col-right-hd > .elementor-widget-container{position: relative;
}
.bf-col-right-hd > .elementor-widget-container:before{position: absolute;
content: '';
width: 280px;
left: 0;
top: -1px;
background-color: var(--primary-color);
height: 66px;
z-index: -1;
}
.pxl-piechart-layout1{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-piechart-layout1 .pxl-piechart{text-align: center;
position: relative;
}
.pxl-piechart-layout1 .pxl-piechart .item--value{position: relative;
display: inline-flex;
}
.pxl-piechart-layout1 .pxl-piechart .item--value span{font-size: 40px;
font-weight: 400;
color: var(--secondary-color);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: ;
}
.pxl-piechart-layout1 .pxl-piechart .item--value span i{font-size: 24px;
font-weight: 400;
font-style: normal;
}
.pxl-piechart-layout1 .pxl-piechart .wrap-content{position: absolute;
top: 50%;
transform: translatey(-50%);
left: 0;
width: 100%;
}
.pxl-piechart-layout1 .pxl-piechart .number{font-size: 50px;
line-height: 50px;
margin-bottom: 10px;
font-weight: 700;
color: #fff;
}
.pxl-piechart-layout1 .pxl-piechart .item--title{font-size: 18px;
font-weight: 400;
color: #fff;
}
.text-hsl1{display: flex;
align-items: center;
}
.text-hsl1 i{color: #d2431c;
font-size: 20px;
padding-right: 10px;
display: inline-block !important;
transform: translatey(3px);
}
.button-slider-8{background-color: var(--primary-color) !important;
text-transform: uppercase;
border-radius: 3px;
display: flex;
align-items: center;
}
.button-slider-8 i{font-size: 13px;
margin-left: 12px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
display: inline-block !important;
}
.button-slider-8:hover i{transform: rotate(45deg) !important;
}
.btn-slide9-1{display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.btn-slide9-1 i{font-size: 24px !important;
padding-left: 11px;
transform: translatey(2px);
}
.btn-slide9-1:hover{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
color: #000 !important;
background-color: #fff !important;
}
.btn-slide9-2:hover{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
color: #fff !important;
background-color: var(--primary-color) !important;
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow{transform: none;
top: auto;
width: 45px;
height: 45px;
border-radius: 5px;
left: auto;
line-height: 45px;
color: var(--primary-color);
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow:hover{color: #fff;
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow-next{bottom: 0px;
right: -70px;
}
.pxl-icon-box-carousel1 .pxl-swiper-arrow-prev{bottom: 50px;
right: -70px;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner{position: relative;
background-color: #fff;
border-radius: 3px;
padding: 20px 30px 48px 30px;
overflow: hidden;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:after{position: absolute;
content: '';
width: 70px;
height: 5px;
bottom: 0;
left: 30px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:after{background-color: var(--primary-color);
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:before{z-index: 2;
opacity: 0;
background-color: #fff;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner i{position: relative;
font-size: 50px;
color: var(--primary-color);
z-index: 2;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after{left: 0;
width: 100%;
height: 100%;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:before{opacity: 1;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--title, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--desc, .pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--inner:hover i{color: #fff;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--title{position: relative;
z-index: 2;
padding: 4px 0 13px 0;
font-size: 20px;
font-weight: 700;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
color: #000;
}
.pxl-icon-box-carousel1 .pxl-swiper-slide .pxl-item--meta .pxl-item--desc{-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
color: #444;
line-height: 28px;
font-size: 17px;
position: relative;
z-index: 2;
}
.pxl-bn-box1{padding: 50px 0 0 100px;
}
.pxl-bn-box1 .wrap-icon-box{padding: 33px;
display: block;
background-color: #fff;
width: 202px;
height: 195px;
text-align: center;
vertical-align: middle;
position: absolute;
bottom: -97px;
right: -40px;
position: absolute;
z-index: 4;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 3px 3px 2px 2px;
}
@media(max-width:575px){
.pxl-bn-box1 .wrap-icon-box {
bottom: 0px;
right: 0px;
}
}
.pxl-bn-box1 .wrap-icon-box i {
font-size: 65px;
color: var(--primary-color);
line-height: 65px;
}
.pxl-bn-box1 .wrap-icon-box:before{position: absolute;
content: '';
background-color: var(--primary-color);
height: 3px;
width: 100%;
bottom: 0;
left: 0;
}
.pxl-bn-box1 .pxl-item-image-1{z-index: 2;
position: absolute;
top: 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
left: 0;
}
.pxl-bn-box1 .pxl-item-image-2{position: relative;
display: inline-block;
}
.pxl-bn-box1 .pxl-item-image-2:before, .pxl-bn-box1 .pxl-item-image-2:after{position: absolute;
width: 40px;
height: 40px;
border-radius: 5px;
content: '';
}
.pxl-bn-box1 .pxl-item-image-2:before{z-index: 1;
top: -20px;
right: -20px;
background-color: var(--primary-color);
}
.pxl-bn-box1 .pxl-item-image-2:after{z-index: 1;
bottom: -20px;
left: -20px;
background-color: #000;
}
.pxl-bn-box1 .pxl-item-image-2 .wrap-ruler{position: absolute;
top: 0;
right: -32px;
z-index: -1;
overflow: hidden;
height: 100%;
}
.pxl-bn-box1 .pxl-item-image-2 .wrap-ruler .ruler{top: 0;
left: 0;
animation: ruler 60000ms linear infinite;
}
.pxl-bn-box1 .pxl-item-feature{font-size: 18px;
line-height: 25px;
color: #010000;
font-weight: 700;
padding-top: 12px;
}
.text-phone-slide a{margin-left: 15px;
font-size: 24px !important;
color: var(--primary-color) !important;
}
.text-phone-slide a:hover{color: #ef4619 !important;
}
.title-slide-shadow1{text-shadow: 2px 3px #fff;
}
.persephone.tp-rightarrow{border-radius: 5px !important;
background-color: var(--primary-color) !important;
color: #fff !important;
transition: 300ms all linear 0ms;
}
.persephone.tp-rightarrow:hover{background-color: #000 !important;
color: var(--primary-color) !important;
}
.persephone:hover:before, .persephone:hover:after{color: var(--primary-color) !important;
}
.persephone.tp-leftarrow{border-radius: 5px !important;
background-color: #000 !important;
color: var(--primary-color) !important;
transition: 300ms all linear 0ms;
}
.persephone.tp-leftarrow:hover{background-color: var(--primary-color) !important;
}
.persephone.tp-leftarrow:hover:before{color: #fff !important;
}
.persephone.tparrows.tp-leftarrow:before{content: '\f123' !important;
font-family: 'flaticon' !important;
font-size: 20px !important;
transition: 300ms all linear 0ms;
}
.persephone.tparrows.tp-rightarrow:before{content: '\f124' !important;
font-family: 'flaticon' !important;
font-size: 20px !important;
transition: 300ms all linear 0ms;
}
.zeus.tparrows.tp-leftarrow{transform: translate(-146px, 86px) rotate(90deg) !important;
background-color: #000 !important;
overflow: revert !important;
}
.zeus.tparrows.tp-leftarrow:before{color: #fff;
content: '\f125' !important;
transform: translatex(-26px);
font-family: 'flaticon' !important;
font-size: 41px !important;
transition: 300ms all linear 0ms;
}
.zeus.tparrows.tp-leftarrow:hover:before{transform: translatex(-21px);
}
.zeus .tp-bullet span{display: none !important;
}
.zeus.tparrows.tp-rightarrow{transform: translate(-146px, -148px) rotate(-90deg) !important;
background-color: var(--primary-color) !important;
overflow: revert !important;
}
.zeus.tparrows.tp-rightarrow:before{color: #fff;
content: '\f125' !important;
transform: translatex(-26px);
font-family: 'flaticon' !important;
font-size: 41px !important;
transition: 300ms all linear 0ms;
}
.zeus.tparrows.tp-rightarrow:hover:before{transform: translatex(-21px);
}
.ct-folding-cube{position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
-webkit-transform: rotatez(45deg);
transform: rotatez(45deg);
}
.ct-folding-cube .ct-cube{float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.ct-folding-cube .ct-cube:before{content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--primary-color);
-webkit-animation: ct-foldcubeangle 2.4s infinite linear both;
-ms-animation: ct-foldcubeangle 2.4s infinite linear both;
-o-animation: ct-foldcubeangle 2.4s infinite linear both;
animation: ct-foldcubeangle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.ct-folding-cube .ct-cube2{-webkit-transform: scale(1.1) rotatez(90deg);
-ms-transform: scale(1.1) rotatez(90deg);
-o-transform: scale(1.1) rotatez(90deg);
transform: scale(1.1) rotatez(90deg);
}
.ct-folding-cube .ct-cube2:before{-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.ct-folding-cube .ct-cube3{-webkit-transform: scale(1.1) rotatez(180deg);
-ms-transform: scale(1.1) rotatez(180deg);
-o-transform: scale(1.1) rotatez(180deg);
transform: scale(1.1) rotatez(180deg);
}
.ct-folding-cube .ct-cube3:before{-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.ct-folding-cube .ct-cube4{-webkit-transform: scale(1.1) rotatez(270deg);
-ms-transform: scale(1.1) rotatez(270deg);
-o-transform: scale(1.1) rotatez(270deg);
transform: scale(1.1) rotatez(270deg);
}
.ct-folding-cube .ct-cube4:before{-webkit-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.pxl-loader{pointer-events: none;
}
.pxl-load{position: fixed;
}
.pxl-load:before{position: fixed;
content: '';
height: 100%;
top: 0;
left: 0;
width: 50%;
background-color: #fff;
z-index: 5000075756;
transition: all 0.75s linear;
}
.pxl-load:after{position: fixed;
content: '';
height: 100%;
top: 0;
right: 0;
width: 50%;
background-color: #fff;
z-index: 500008567;
transition: all 0.75s linear;
}
.loaderr{position: fixed;
top: 50%;
left: 50%;
width: 160px;
height: 160px;
margin: -80px 0 0 -80px;
background-color: initial;
border-radius: 50%;
border: 2px solid rgba(205, 0, 1, .1);
}
.loaderr:before{content: '';
width: 164px;
height: 164px;
display: block;
position: absolute;
border: 2px solid var(--primary-color);
border-radius: 50%;
top: -2px;
left: -2px;
box-sizing: border-box;
clip: rect(0px, 35px, 35px, 0px);
z-index: 10;
animation: rotate infinite;
animation-duration: 3s;
animation-timing-function: linear;
}
.loaderr:after{content: '';
width: 164px;
height: 164px;
display: block;
position: absolute;
border: 2px solid var(--primary-color);
border-radius: 50%;
top: -2px;
left: -2px;
box-sizing: border-box;
clip: rect(0px, 164px, 150px, 0px);
z-index: 9;
animation: rotate2 3s linear infinite;
}
.hexagon-container{position: relative;
top: 16px;
left: 41px;
border-radius: 50%;
}
.hexagon{list-style-type: none;
position: absolute;
width: 40px;
height: 23px;
background-color: var(--primary-color);
}
.hexagon:before{content: "";
position: absolute;
top: -11px;
left: 0;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 11.5px solid var(--primary-color);
}
.hexagon:after{content: "";
position: absolute;
top: 23px;
left: 0;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 11.5px solid var(--primary-color);
}
.hexagon.hex_1{top: 0;
left: 0;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 0.21429s;
}
.hexagon.hex_2{top: 0;
left: 42px;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 0.42857s;
}
.hexagon.hex_3{top: 36px;
left: 63px;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 0.64286s;
}
.hexagon.hex_4{top: 72px;
left: 42px;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 0.85714s;
}
.hexagon.hex_5{top: 72px;
left: 0;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 1.07143s;
}
.hexagon.hex_6{top: 36px;
left: -21px;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 1.28571s;
}
.hexagon.hex_7{top: 36px;
left: 21px;
animation: animasearch 3s ease-in-out infinite;
animation-delay: 1.5s;
}
.pxl-contact-form{position: relative;
}
.pxl-contact-form .image-box{position: absolute;
z-index: 0;
}
.pxl-contact-form .input-filled{z-index: 2;
position: relative;
}
.pxl-contact-form.hide-bf .ctf10:before{display: none;
}
.item--icon.icon-psb{display: inline-flex;
align-items: center;
justify-content: center;
}
.item--icon.icon-psb img{max-width: 50px;
z-index: 2;
}
.pxl-contact-form1.off .ctf10:before{display: none !important;
}
.pxl-contact-form1.off .image-box{display: none !important;
}
.pxl-search-popup-button{cursor: pointer;
}
.pxl-mailchimp .mc4wp-form{position: relative;
}
.pxl-mailchimp .mc4wp-response{position: absolute;
top: 100%;
left: 0;
z-index: 999;
}
.pxl-mailchimp .mc4wp-alert{background-color: #fff;
border-radius: 5px;
padding: 15px 20px;
font-size: 14px;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.06);
margin-top: 25px;
position: relative;
max-width: 350px;
}
.pxl-mailchimp .mc4wp-alert:before{content: '';
position: absolute;
top: -18px;
left: 20px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.pxl-mailchimp .mc4wp-alert p{margin: 0;
}
.pxl-mailchimp [type="submit"]{white-space: nowrap;
}
.pxl-mailchimp.style-default .mc4wp-form-fields{position: relative;
}
.pxl-mailchimp.style-default [type="email"]{height: 54px;
border: 1px solid var(--primary-color);
-webkit-border-radius: 54px;
-khtml-border-radius: 54px;
-moz-border-radius: 54px;
-ms-border-radius: 54px;
-o-border-radius: 54px;
border-radius: 54px;
background-color: transparent;
font-size: 12px;
color: #b8b8b8;
padding: 0 22px;
min-width: 280px;
}
.pxl-mailchimp.style-default [type="submit"]{position: absolute;
top: 0;
right: 0;
padding: 0 32px;
line-height: 54px;
font-size: 14px;
text-transform: uppercase;
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-default [type="submit"] {
padding: 0 22px;
}
}
.pxl-mailchimp.style-box-round .mc4wp-form-fields {
position: relative;
}
.pxl-mailchimp.style-box-round [type="email"]{height: 65px;
-webkit-border-radius: 65px;
-khtml-border-radius: 65px;
-moz-border-radius: 65px;
-ms-border-radius: 65px;
-o-border-radius: 65px;
border-radius: 65px;
background-color: rgba(255, 255, 255, 0.24);
font-size: 15px;
color: #e4e4e4;
padding: 0 22px;
min-width: 280px;
border: none;
padding-left: 48px;
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-box-round [type="email"] {
padding-left: 30px;
}
}
.pxl-mailchimp.style-box-round [type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0 50px;
line-height: 65px;
font-size: 20px;
font-weight: 600;
letter-spacing: 0px;
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-box-round [type="submit"] {
padding: 0 22px;
}
}
@media screen and (max-width:575px){
.pxl-mailchimp.style-box-round [type="submit"] {
position: relative;
width: 100%;
margin-top: 20px;
}
}
.pxl-mailchimp.style-outline .mc4wp-form-fields {
display: flex;
flex-wrap: nowrap;
}
@media screen and (max-width:767px){
.pxl-mailchimp.style-outline .mc4wp-form-fields {
display: block;
}
}
.pxl-mailchimp.style-outline [type="email"] {
height: 50px;
border: none;
border-bottom: 1px solid #fff;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
background-color: transparent;
font-size: 16px;
color: #bfbfbf;
padding: 0;
width: auto;
min-width: 320px;
margin-right: 30px;
}
.pxl-mailchimp.style-outline [type="email"]:focus{color: #fff;
border-color: rgba(255, 255, 255, 0.67);
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-outline [type="email"] {
margin-right: 20px;
min-width: 220px;
}
}
.pxl-mailchimp.style-outline [type="submit"] {
padding: 0 40px;
line-height: 50px;
font-size: 16px;
font-weight: 500;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-outline [type="submit"] {
padding: 0 22px;
}
}
@media screen and (max-width:767px){
.pxl-mailchimp.style-outline [type="submit"] {
margin-top: 20px;
}
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.08);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition-timing-function: ease, ease;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:hover:before{-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
.pxl-mailchimp.style-outline.style-btn-default [type="submit"]:hover, .pxl-mailchimp.style-outline.style-btn-default [type="submit"]:focus{background: var(--primary-color);
}
.pxl-mailchimp.style-primary .mc4wp-form-fields{display: flex;
flex-wrap: nowrap;
}
@media screen and (max-width:991px){
.pxl-mailchimp.style-primary .mc4wp-form-fields {
display: block;
}
}
.pxl-mailchimp.style-primary [type="email"] {
height: 54px;
border: none;
border: none;
-webkit-border-radius: 54px;
-khtml-border-radius: 54px;
-moz-border-radius: 54px;
-ms-border-radius: 54px;
-o-border-radius: 54px;
border-radius: 54px;
background-color: #3b3f38;
font-size: 16px;
color: #fff;
padding-left: 26px;
width: auto;
min-width: 320px;
margin-right: 16px;
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-primary [type="email"] {
min-width: 220px;
}
}
@media screen and (max-width:991px){
.pxl-mailchimp.style-primary [type="email"] {
width: 100%;
margin-right: 0;
margin-left: 0;
}
}
.pxl-mailchimp.style-primary [type="submit"] {
padding: 0 34px;
line-height: 54px;
font-size: 16px;
font-weight: 600;
color: #122a00;
z-index: 1;
text-transform: uppercase;
}
@media screen and (max-width:1199px){
.pxl-mailchimp.style-primary [type="submit"] {
padding: 0 22px;
}
}
@media screen and (max-width:991px){
.pxl-mailchimp.style-primary [type="submit"] {
margin-top: 20px;
}
}
.pxl-mailchimp.style-box-white {
-webkit-border-radius: 42px;
-khtml-border-radius: 42px;
-moz-border-radius: 42px;
-ms-border-radius: 42px;
-o-border-radius: 42px;
border-radius: 42px;
background-color: #fff;
padding: 13px 18px 13px 40px;
}
.pxl-mailchimp.style-box-white [type="email"]{font-size: 15px;
color: #79949f;
padding: 0 0 0 60px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mail.png);
background-position: left -10px center;
background-repeat: no-repeat;
border: none;
margin-right: 10px;
}
.pxl-mailchimp.style-box-white [type="submit"]{line-height: 58px;
padding: 0 26px;
}
.pxl-mailchimp.style-box-white .mc4wp-form-fields{display: flex;
flex-wrap: nowrap;
align-items: center;
}
@media screen and (max-width:767px){
.pxl-mailchimp.style-box-white .mc4wp-form-fields {
display: block;
}
}
.pxl-mailchimp.style-box-white2 {
-webkit-border-radius: 42px;
-khtml-border-radius: 42px;
-moz-border-radius: 42px;
-ms-border-radius: 42px;
-o-border-radius: 42px;
border-radius: 42px;
background-color: #fff;
padding: 5px;
-webkit-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-khtml-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-ms-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
-o-box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 62px rgba(0, 0, 0, 0.08);
}
.pxl-mailchimp.style-box-white2 [type="email"]{font-size: 15px;
color: #747e8c;
padding: 0 0 0 30px;
border: none;
height: 50px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
width: auto;
flex-grow: 1;
}
@media screen and (max-width:767px){
.pxl-mailchimp.style-box-white2 [type="email"] {
padding-left: 20px;
}
}
.pxl-mailchimp.style-box-white2 [type="submit"] {
line-height: 50px;
padding: 0 30px;
font-size: 16px;
}
@media screen and (max-width:767px){
.pxl-mailchimp.style-box-white2 [type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 0;
width: 50px;
height: 50px;
font-size: 0px;
}
.pxl-mailchimp.style-box-white2 [type="submit"]:before{content: "\f13b";
font-family: "Caseicon";
font-size: 16px;
font-weight: 400;
}
}
.pxl-mailchimp.style-box-white2 .mc4wp-form-fields {
display: inline-flex;
flex-wrap: nowrap;
align-items: center;
width: 100%;
}
body.rtl .pxl-mailchimp.style-box-round [type="email"]{padding-left: 20px;
padding-right: 48px;
}
body.rtl .pxl-mailchimp.style-box-round [type="submit"]{right: auto;
left: 0;
}
.pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .fa-chevron-down{display: inline-flex;
font-size: 10px;
line-height: 1;
margin-left: 8px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-nav-menu .pxl-menu-primary > li:hover > a .fa-chevron-down{-webkit-transform: rotateX(-180deg);
-khtml-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.pxl-nav-menu .sub-menu li.menu-item-has-children > a:after{content: "\f14d";
position: absolute;
top: 50%;
right: 0;
-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%);
font-size: 10px;
font-family: "Caseicon";
font-weight: 400;
}
.pxl-nav-menu .pxl-hide{display: none;
}
.pxl-nav-menu .sub-menu .pxl-hide{display: none !important;
}
.pxl-nav-menu .menu-item-has-children .pxl-hide{display: block;
}
.pxl-nav-menu.style2 ul li{width: 100%;
margin: 0 0 4px 0;
}
.pxl-nav-menu.style2 ul li a{line-height: 48px;
height: 48px;
display: block;
overflow: hidden;
background-color: #f5f5f5;
font-size: 18px;
font-weight: 600;
padding: 0 25px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-nav-menu.style2 ul li a:hover{background-color: var(--primary-color);
color: #fff !important;
}
.pxl-nav-menu.style2 ul li.current-menu-item a{background-color: var(--primary-color);
color: #fff !important;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li.current-menu-ancestor > a{color: var(--primary-color);
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li.current-menu-ancestor > a a:after{width: 100%;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li > a:after{position: absolute;
content: '';
bottom: 0;
left: 50%;
width: 0;
background-color: var(--primary-color) !important;
border-radius: 5px;
transform: translatex(-50%);
height: 3px;
background-image: none;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li > a:before{position: absolute;
content: '';
left: 50%;
background-color: var(--primary-color) !important;
border-radius: 5px;
transform: translatex(-50%);
height: 3px;
background-image: none;
top: 0 !important;
margin: 0;
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li:hover > a{color: var(--primary-color);
}
.pxl-nav-menu.style3.divider-middle .pxl-menu-primary > li:hover > a:after{width: 100%;
}
.pxl-nav-menu.hv-style1 .pxl-menu-primary > li > a:before{content: '';
width: 0;
height: 2px;
position: absolute;
top: 50%;
left: 0;
margin: 11px auto 0 auto;
}
.pxl-nav-menu.hv-style1 .pxl-menu-primary > li:hover > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_item > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-ancestor > a:before, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li:hover > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_item > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-item > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current_page_ancestor > a:after, .pxl-nav-menu.hv-style1 .pxl-menu-primary > li.current-menu-ancestor > a:after{width: 100%;
}
.pxl-nav-menu.hv-style2 .pxl-menu-primary > li > a:before{content: '';
width: 0;
height: 3px;
position: absolute;
top: 50%;
left: 0;
margin: 12px auto 0 auto;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.pxl-nav-menu.hv-style2 .pxl-menu-primary > li:hover > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_item > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-nav-menu.hv-style2 .pxl-menu-primary > li.current-menu-ancestor > a:before{width: 100%;
}
.pxl-nav-menu.sub-hv-style-none .pxl-menu-primary .sub-menu li a span::before{display: none;
}
.pxl-nav-menu.divider-top .pxl-menu-primary > li > a::before{margin-top: 0;
top: 0px;
}
.pxl-nav-menu.divider-bottom .pxl-menu-primary > li > a::before{margin-top: 0;
top: auto;
bottom: 0;
}
.pxl-logo-nav1{display: inline-flex;
background-color: #040900;
align-items: center;
}
.pxl-logo-nav1 .pxl-logo-wrap{padding: 0 95px;
}
.pxl-logo-nav1 .pxl-logo-wrap img{max-height: 47px;
width: auto;
}
.pxl-logo-nav1 .pxl-nav-wrap{display: none;
height: 118px !important;
opacity: 1 !important;
}
.pxl-logo-nav1 .pxl-menu-primary{margin-right: 70px;
}
.pxl-logo-nav1 .pxl-menu-primary > li > a{color: #fff;
font-size: 16px;
line-height: 118px;
}
.pxl-logo-nav1 .pxl-menu-primary > li > a:before{content: '';
width: 0;
height: 2px;
background-color: var(--primary-color);
position: absolute;
top: 50%;
left: 0;
margin: 11px auto 0 auto;
}
.pxl-logo-nav1 .pxl-menu-primary > li.menu-item-has-children > a{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-logo-nav1 .pxl-menu-primary > li.menu-item-has-children > a .fa-chevron-down{display: inline-flex;
font-size: 10px;
line-height: 1;
margin-left: 6px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-logo-nav1 .pxl-menu-primary > li:hover > a .fa-chevron-down{-webkit-transform: rotateX(-180deg);
-khtml-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.pxl-logo-nav1 .pxl-menu-primary > li:hover > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current_page_item > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current-menu-item > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current_page_ancestor > a:before, .pxl-logo-nav1 .pxl-menu-primary > li.current-menu-ancestor > a:before{width: 100%;
}
.pxl-logo-nav1 .pxl-nav-button{width: 118px;
height: 118px;
background-color: #fff;
position: relative;
cursor: pointer;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider{position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 40px;
overflow: hidden;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i{-webkit-border-radius: 1px;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
height: 2px;
background-color: #000;
left: 0;
position: absolute;
-webkit-transition: all 200ms linear 0ms;
-khtml-transition: all 200ms linear 0ms;
-moz-transition: all 200ms linear 0ms;
-ms-transition: all 200ms linear 0ms;
-o-transition: all 200ms linear 0ms;
transition: all 200ms linear 0ms;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(1){top: 7px;
width: 40px;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(2){top: 19px;
width: 22px;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(3){top: 31px;
width: 22px;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.pxl-logo-nav1 .pxl-nav-button .pxl-nav-divider i:nth-child(4){width: 40px;
transform: rotate(45deg) translateX(100%);
top: 30px;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i{width: 100%;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1), .pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3){-webkit-transform: translateX(-100%);
-khtml-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(1){-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(2){transform: rotate(-45deg);
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(3){-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.pxl-logo-nav1 .pxl-nav-button.active .pxl-nav-divider i:nth-child(4){transform: rotate(45deg) translateX(0%);
top: 19px;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.pxl-header-nav .pxl-menu-primary li > a:before{display: none;
}
.pxl-header-nav .children li > a:before{display: block !important;
}
.hover-imge-effect1{position: relative;
overflow: hidden;
}
.hover-imge-effect1 a{display: block;
}
.hover-imge-effect1 a:before{position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255, 255, 255, .2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.hover-imge-effect2{position: relative;
overflow: hidden;
}
.hover-imge-effect2 img{-webkit-transition: all 1.4s;
-khtml-transition: all 1.4s;
-moz-transition: all 1.4s;
-ms-transition: all 1.4s;
-o-transition: all 1.4s;
transition: all 1.4s;
}
.hover-imge-effect3{position: relative;
overflow: hidden;
}
.hover-imge-effect3 img{-webkit-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-khtml-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.hover-imge-effect4{position: relative;
overflow: hidden;
}
.hover-imge-effect4 .hover-item{width: 50%;
height: 50%;
background-color: rgba(0, 0, 0, .6);
position: absolute;
-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;
opacity: 0;
}
.hover-imge-effect4 .hover-item.hover-item1{top: 0;
left: 0;
}
.hover-imge-effect4 .hover-item.hover-item2{top: 0;
left: 50%;
}
.hover-imge-effect4 .hover-item.hover-item3{left: 50%;
top: 50%;
}
.hover-imge-effect4 .hover-item.hover-item4{left: 0;
top: 50%;
}
.pxl-item--inner:hover .hover-imge-effect1 a::before{-webkit-animation: img_circle 0.65s;
animation: img_circle 0.65s;
}
.pxl-item--inner:hover .hover-imge-effect2 img{-webkit-transform: scale(1.18);
-khtml-transform: scale(1.18);
-moz-transform: scale(1.18);
-ms-transform: scale(1.18);
-o-transform: scale(1.18);
transform: scale(1.18);
}
.pxl-item--inner:hover .hover-imge-effect3 img{-webkit-transform: scale(1.06);
-khtml-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item1{left: 50%;
top: 0;
opacity: 1;
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item2{left: 50%;
top: 50%;
opacity: 1;
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item3{left: 0%;
top: 50%;
opacity: 1;
}
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item4{left: 0%;
top: 0%;
opacity: 1;
}
.pxl-grid .pxl-item--image img{width: 100%;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers{-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-color: #f5f1f1;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
height: 46px;
width: 46px;
line-height: 46px;
font-size: 18px;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers i{font-size: 13px;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers:before, .pxl-grid-pagination.pxl-pagination-style2 .page-numbers:after{display: none;
}
.pxl-grid-pagination.pxl-pagination-style2 .page-numbers.current, .pxl-grid-pagination.pxl-pagination-style2 .page-numbers:hover{background-color: #242f51;
}
.pxl-grid-filter2{margin-bottom: 38px;
font-size: 17px;
color: #444;
}
.pxl-grid-filter2 .filter-item{cursor: pointer;
}
.pxl-grid-filter2 .filter-item:after{content: '-';
margin: 0 18px;
}
.pxl-grid-filter2 .filter-item:last-child:after{display: none;
}
.pxl-grid-filter3{margin-bottom: 53px;
}
.pxl-blog-grid-layout1 .pxl-load-more{padding-top: 10px !important;
}
.pxl-blog-grid-layout1 .pxl-btn-effect1{border-radius: 0 !important;
padding-left: 42px !important;
padding-right: 30px !important;
}
.pxl-blog-grid-layout1 .pxl-btn-effect1 i{transition: 0.5s;
}
.pxl-blog-grid-layout1 .pxl-btn-effect1:hover i{margin-left: 16px;
margin-right: 10px;
}
.pxl-blog-grid-layout1 .pxl-grid-item{margin-bottom: 30px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--image{overflow: hidden;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder{padding: 18px 35px 20px 35px;
}
@media(max-width:480px){
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
padding: 18px 20px 20px 20px;
}
}
@media(max-width:1100px) and (min-width:992px){
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
padding: 18px 20px 20px 20px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category{font-size: 14px !important;
}
}
@media(max-width:767px) and (min-width:575px){
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
padding: 18px 20px 20px 20px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--author, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--readmore{font-size: 14px !important;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--date a, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--category a, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--author a, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--readmore a{font-size: 14px !important;
}
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--inner:hover {
box-shadow: rgba(149, 157, 165, 0.25) 0px 25px 22px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder{background-color: #fff;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta{display: flex;
align-items: center;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category{font-size: 16px;
color: #666;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date i, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category i{color: var(--primary-color);
padding-right: 5px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .pxl-item--date.item--category, .pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .wrap-meta .item--category.item--category{padding-left: 20px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .pxl-item--title{padding-top: 10px;
font-size: 20px;
line-height: 26px;
margin-bottom: 5px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .item--content{font-size: 16px;
line-height: 24px;
color: #0e0d0f;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom{display: flex;
justify-content: space-between;
border-top: 1px solid #eaeaea;
padding-top: 15px;
margin-top: 15px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a{align-items: center;
font-size: 16px;
font-weight: 700;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--author a i{width: 38px;
height: 38px;
border-radius: 100px;
background-color: var(--primary-color);
font-size: 23px;
color: #fff;
text-align: center;
margin-right: 7px;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore{align-items: center;
display: flex;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore a{align-items: center;
font-size: 16px;
font-weight: 700;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore a:hover{text-decoration: underline;
color: var(--primary-color);
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore i{transform: translatey(3px);
color: var(--primary-color);
font-size: 20px;
padding-left: 5px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-item--holder .content-bottom .pxl-item--readmore:hover i{transform: translatey(3px) translatex(3px);
}
.pxl-blog-grid-layout4 .pxl-load-more .btn{line-height: 53px;
padding: 0 33px;
font-size: 16px;
border-radius: 0 !important;
}
.pxl-blog-grid-layout4 .pxl-grid-item{margin-bottom: 20px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner{position: relative;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner .pxl-item--image{position: relative;
border-radius: 7px;
overflow: hidden;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--inner .pxl-item--image:before{position: absolute;
content: '';
background-color: #000;
opacity: 0.62;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder{position: absolute;
z-index: 2;
top: 50%;
left: 25px;
right: 25px;
transform: translatey(-50%);
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title, .pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title a{font-size: 22px;
color: #fff;
line-height: 30px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title:hover, .pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .item--content{font-size: 16px;
color: #7d7f8e;
line-height: 24px;
display: none;
margin-top: -5px;
margin-bottom: 5px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore{margin-top: 12px;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a{font-size: 14px;
text-transform: uppercase;
color: #fff;
display: flex;
align-items: center;
font-weight: 700;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a i{display: block;
margin-left: 10px;
transform: rotate(45deg);
transition: 200ms !important;
}
.pxl-blog-grid-layout4 .pxl-grid-item .pxl-item--holder .pxl-item--readmore a:hover{color: var(--primary-color);
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--image:before{display: none;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--holder{margin-top: 20px;
position: relative;
transform: translatey(0%);
right: 0;
left: 0;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--title, .pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--title a{font-size: 24px;
color: #000 !important;
line-height: 34px;
font-weight: 700;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .pxl-item--readmore, .pxl-blog-grid-layout4 .pxl-grid-item:nth-child(3) .item--content{display: none;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--image:before{display: none;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--holder{margin-top: 20px;
position: relative;
transform: translatey(0%);
right: 0;
left: 0;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .item--content{display: block;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--title, .pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--title a{font-size: 22px;
color: #000 !important;
line-height: 30px;
font-weight: 700;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore{margin-top: 12px;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a{font-size: 14px;
text-transform: uppercase;
color: #000;
display: flex;
align-items: center;
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a i{color: var(--primary-color);
display: block;
margin-left: 10px;
transform: rotate(0deg);
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a:hover{color: var(--primary-color);
}
.pxl-blog-grid-layout4 .pxl-grid-item:nth-child(4) .pxl-item--readmore a:hover i{transform: rotate(45deg);
}
.pxl-portfolio-grid-layout1 .btn{font-size: 15px;
font-weight: 700;
padding: 0 30px !important;
line-height: 43px !important;
border-radius: 0 !important;
}
.pxl-portfolio-grid-layout1 .btn:before{background-color: #000 !important;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner{box-shadow: none;
margin-bottom: 20px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item{background-color: #f2f2f2;
color: var(--secondary-color);
border-radius: 0;
font-size: 16px;
font-weight: 700;
padding: 7px 25px;
margin: 0 18px;
margin-bottom: 20px;
display: inline-block;
position: relative;
cursor: pointer;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item:before{position: absolute;
content: '';
width: 40px;
height: 100%;
background-color: #f2f2f2;
z-index: -1;
right: 0px;
top: 0;
clip-path: polygon(37% 0, 100% 50%, 37% 100%, 0 100%, 0 0);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active{background-color: var(--primary-color);
color: #fff;
margin-right: 35px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active .filter-item-count{background-color: #080808;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item.active:before{background-color: var(--primary-color);
right: -25px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count{position: absolute;
width: 17px;
height: 16px;
background-color: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 700;
color: #fff;
left: 0;
top: -15px;
}
.pxl-portfolio-grid-layout1 .wrap-content-service{position: relative;
}
.pxl-portfolio-grid-layout1 .wrap-content-service:before{position: absolute;
content: '';
z-index: 2;
width: 1px;
height: 0;
background-color: var(--primary-color);
bottom: 43px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
left: 56px;
}
@media(max-width:1100px) and (min-width:992px){
.pxl-portfolio-grid-layout1 .wrap-content-service:before {
bottom: 20px;
left: 36px;
}
}
@media(max-width:767px){
.pxl-portfolio-grid-layout1 .wrap-content-service:before {
display: none;
}
}
.pxl-portfolio-grid-layout1 .wrap-content-service:after {
position: absolute;
content: '';
z-index: 2;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
height: 1px;
width: 0;
background-color: var(--primary-color);
bottom: 57px;
left: 39px;
}
@media(max-width:1100px) and (min-width:992px){
.pxl-portfolio-grid-layout1 .wrap-content-service:after {
bottom: 37px;
left: 20px;
}
}
@media(max-width:767px){
.pxl-portfolio-grid-layout1 .wrap-content-service:after {
display: none;
}
}
.pxl-portfolio-grid-layout1 .wrap-content-service:hover:before {
height: 242px;
transition-delay: 200ms;
}
.pxl-portfolio-grid-layout1 .wrap-content-service:hover:after{width: 242px;
transition-delay: 200ms;
}
.pxl-portfolio-grid-layout1 .item--featured{position: relative;
}
.pxl-portfolio-grid-layout1 .item--featured img{width: 100%;
}
.pxl-portfolio-grid-layout1 .item--featured:before{position: absolute;
content: '';
top: 20px;
bottom: 20px;
right: 20px;
left: 20px;
background-color: #000;
pointer-events: none;
transform: rotate3d(1, 0, 0, 90deg);
opacity: 0.87;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body{position: absolute;
bottom: 77px;
left: 83px;
}
@media(max-width:1100px) and (min-width:992px){
.pxl-portfolio-grid-layout1 .wrap-entry-body {
bottom: 55px;
left: 58px;
}
}
@media(max-width:767px){
.pxl-portfolio-grid-layout1 .wrap-entry-body {
bottom: 42px;
left: 43px;
}
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title {
margin-bottom: 6px;
transform: translatey(10px);
opacity: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--title a{color: #fff;
font-size: 22px;
line-height: normal;
font-weight: 700;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--category{transform: translatey(10px);
opacity: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
margin-bottom: 13px;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--category a{color: #fff;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore{transform: translatey(10px);
opacity: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a{display: inline-flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
background: var(--primary-color);
color: #fff;
font-size: 14px;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a i{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a:hover{color: var(--primary-color);
background-color: #fff;
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .pxl-item--readmore a:hover i{transform: rotate(90deg);
}
.pxl-portfolio-grid-layout1 .wrap-entry-body .item--icon{transform: translatey(10px);
opacity: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
margin-bottom: -7px;
font-size: 28px;
color: var(--primary-color);
font-weight: 700 !important;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item{margin-bottom: 30px;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--category{transform: translatey(0);
opacity: 1;
transition-delay: 400ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .pxl-item--readmore{transform: translatey(0);
opacity: 1;
transition-delay: 500ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--icon{transform: translatey(0);
opacity: 1;
transition-delay: 200ms;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item:hover .item--title{transform: translatey(0);
opacity: 1;
transition-delay: 300ms;
}
.pxl-portfolio-grid-layout2 .pxl-grid-inner{position: relative;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item{padding: 0 !important;
}
@media(min-width:1200px){
.pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(5) .wrap-content-portfolio {
clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
}
}
@media(min-width:1200px){
.pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(4) .wrap-content-portfolio {
clip-path: polygon(0 6%, 100% 3%, 100% 100%, 0% 100%);
}
}
@media(min-width:1200px){
.pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(3) .wrap-content-portfolio {
clip-path: polygon(0 9%, 100% 6%, 100% 100%, 0% 100%);
}
}
@media(min-width:1200px){
.pxl-portfolio-grid-layout2 .pxl-grid-item:nth-child(2) .wrap-content-portfolio {
clip-path: polygon(0 12%, 100% 9%, 100% 100%, 0% 100%);
}
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio {
position: relative;
overflow: hidden;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio:before{position: absolute;
content: '';
background-color: #000;
opacity: 0.75;
width: 100%;
z-index: 0;
height: 200%;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner{z-index: 2;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner img{width: 100%;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body{position: absolute;
left: 38px;
right: 50px;
bottom: 80px;
}
@media(max-width:675px){
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body {
left: 30px;
right: 30px;
bottom: 40px;
}
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--category a {
font-size: 12px;
font-weight: 600;
color: var(--primary-color);
letter-spacing: 4px;
text-transform: uppercase;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--title{margin-top: 11px;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .item--title a{font-size: 30px;
font-weight: 700;
color: #fff;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .content-excerpt{padding: 14px 0 55px 0;
font-size: 16px;
font-weight: 400;
color: #fff;
line-height: 26px;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a{padding: 11px 60px;
background-color: #fff;
display: inline-block;
color: #000 !important;
font-size: 16px;
font-weight: 600;
color: #fff;
line-height: 26px;
-webkit-transition: 400ms all linear 0ms;
-khtml-transition: 400ms all linear 0ms;
-moz-transition: 400ms all linear 0ms;
-ms-transition: 400ms all linear 0ms;
-o-transition: 400ms all linear 0ms;
transition: 400ms all linear 0ms;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a:after{background-color: #000;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio .pxl-item--inner .entry-body .pxl-item--readmore a:hover{color: #fff !important;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover{pointer-events: none;
opacity: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: absolute;
top: -20px;
left: -30px;
bottom: -30px;
right: -30px;
z-index: 10;
}
@media(min-width:1200px){
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
clip-path: polygon(0 4%, 100% 0, 100% 100%, 0% 100%);
transform: scaley(1.1);
}
}
@media(max-width:1199px){
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover {
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover:before {
opacity: 0.5;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover .pxl-item--inner:before{position: absolute;
content: '';
width: 100%;
height: 50%;
bottom: 0;
left: 0;
background: linear-gradient(to top, #df2828 0%, #df2828 60%, transparent 100%);
opacity: 0.74;
z-index: 0;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item .wrap-content-portfolio.hover .wrap-entry-body{z-index: 2;
}
.pxl-portfolio-grid-layout2 .pxl-grid-item:hover .hover{pointer-events: auto;
opacity: 1;
transform: scaley(1);
}
.pxl-portfolio-grid-layout3 .pxl-load-more, .pxl-blog-grid-layout3 .pxl-load-more{padding-top: 0px !important;
margin-top: 25px !important;
}
.pxl-portfolio-grid-layout3 .pxl-btn-effect1, .pxl-blog-grid-layout3 .pxl-btn-effect1{border-radius: 0 !important;
padding-left: 33px !important;
padding-right: 33px !important;
line-height: 53px !important;
}
.pxl-portfolio-grid-layout3 .pxl-load-icon, .pxl-blog-grid-layout3 .pxl-load-icon{display: none;
}
.pxl-portfolio-grid-layout3.pxl-blog-grid-layout3 .pxl-grid-item, .pxl-blog-grid-layout3.pxl-blog-grid-layout3 .pxl-grid-item{margin-bottom: 45px;
}
.pxl-portfolio-grid-layout3 .pxl-grid-item, .pxl-blog-grid-layout3 .pxl-grid-item{margin-bottom: 30px;
}
.pxl-portfolio-grid-layout3 .pxl-load-more, .pxl-blog-grid-layout3 .pxl-load-more{margin-top: 48px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio, .pxl-blog-grid-layout3 .wrap-content-portfolio{border-radius: 10px;
overflow: hidden;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .item--featured img, .pxl-blog-grid-layout3 .wrap-content-portfolio .item--featured img{width: 100%;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body{position: relative;
padding: 34px 30px 16px 30px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--date, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--date{position: absolute;
top: -23px;
left: 30px;
color: #fff;
background-color: var(--primary-color);
font-size: 14px;
font-weight: 700;
padding: 12px 20px;
width: max-content;
border-radius: 5px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title{font-size: 22px;
line-height: 32px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title a, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .item--title a{font-size: 22px;
line-height: 32px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author{margin-top: 6px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author img, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author img{width: 44px;
height: 44px;
border-radius: 200px;
margin-right: 10px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author span, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author span{margin-left: 2px;
}
.pxl-portfolio-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author a, .pxl-blog-grid-layout3 .wrap-content-portfolio .wrap-entry-body .pxl-item--author a{font-size: 15px;
color: var(--primary-color) !important;
font-weight: 700;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter{margin-bottom: 75px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner{padding: 11px 60px;
display: inline-block;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 100px;
margin: auto;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item{font-size: 16px;
padding: 10px 16px;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item:hover, .pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item.active{color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count{display: none;
}
.pxl-post-layout-portfolio-4 .pxl-load-more{margin-top: 40px;
}
@media(max-width:767px){
.pxl-post-layout-portfolio-4 .pxl-load-more {
margin-top: 10px;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner {
overflow: hidden;
border-radius: 10px;
position: relative;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner:before{position: absolute;
content: '';
background-color: #000;
opacity: 0.4;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body{position: absolute;
bottom: 40px;
left: 45px;
right: 45px;
}
@media(max-width:991px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
left: 20px;
right: 20px;
bottom: 20px;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .pxl-item--readmore {
display: none;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title{margin-bottom: 10px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a{font-size: 36px;
line-height: 40px;
color: #fff;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .item--title a:hover{color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(2) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(5) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body .content-excerpt{font-size: 18px;
line-height: 21px;
color: #e3e3e3;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore{display: block;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .content-excerpt, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .content-excerpt{display: none;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner{display: flex;
align-items: center;
}
@media(max-width:575px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner {
display: block !important;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured {
width: 48%;
min-width: 48%;
max-height: 272px;
overflow: hidden;
border-radius: 5px;
position: relative;
}
@media(max-width:575px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured {
width: 100%;
min-width: 100%;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .item--featured:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .item--featured:before {
position: absolute;
content: '';
background-color: #000;
opacity: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
-webkit-transition: 300ms all ease 0ms;
-khtml-transition: 300ms all ease 0ms;
-moz-transition: 300ms all ease 0ms;
-ms-transition: 300ms all ease 0ms;
-o-transition: 300ms all ease 0ms;
transition: 300ms all ease 0ms;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body{width: 52%;
padding: 20px 30px 20px 80px;
position: relative;
}
@media(max-width:575px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
width: 100%;
min-width: 100%;
}
}
@media(max-width:991px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body {
padding: 20px 30px 20px 30px;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before {
position: absolute;
content: '';
height: 3px;
width: 144px;
top: 37px;
left: -77px;
background-color: var(--primary-color);
}
@media(max-width:991px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body:before {
display: none;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title {
max-width: 192px;
margin-bottom: 4px;
}
@media(max-width:575px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title {
width: 100%;
min-width: 100%;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title a {
font-size: 30px;
line-height: 34px;
text-decoration: underline;
position: relative;
max-width: 192px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--title a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--title a:hover{color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category{margin-bottom: 30px;
}
@media(max-width:575px){
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category {
margin-bottom: 0px;
}
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category a {
font-size: 18px;
line-height: 34px;
color: #666;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .item--category a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .item--category a:hover{color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore a, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore a{font-size: 16px;
line-height: 34px;
font-weight: 700;
color: var(--primary-color);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(4) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(7) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(8) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(9) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(10) .wrap-content-portfolio .pxl-item--readmore a:hover, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(11) .wrap-content-portfolio .pxl-item--readmore a:hover{text-decoration: underline;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner{display: flex;
align-items: center;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .item--featured, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .item--featured{order: 2;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .pxl-item--inner .wrap-entry-body{order: 1;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .wrap-entry-body, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .wrap-entry-body{padding: 20px 30px 20px 30px !important;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(3) .wrap-content-portfolio .wrap-entry-body:before, .pxl-post-layout-portfolio-4 .pxl-grid-item:nth-child(6) .wrap-content-portfolio .wrap-entry-body:before{right: -77px !important;
left: auto !important;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item{margin-bottom: 30px;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item .wrap-entry-body{z-index: 3;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item .item--featured img{-webkit-transition: 400ms all ease 0ms;
-khtml-transition: 400ms all ease 0ms;
-moz-transition: 400ms all ease 0ms;
-ms-transition: 400ms all ease 0ms;
-o-transition: 400ms all ease 0ms;
transition: 400ms all ease 0ms;
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:hover .item--featured img{transform: scale(1.1) rotate(5deg);
}
.pxl-post-layout-portfolio-4 .pxl-grid-item:hover .item--featured:before{opacity: 0.4 !important;
}
.pxl-service-grid-layout1 .pxl-grid-item{padding: 0 22px !important;
z-index: 0;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service{position: relative;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service:before{position: absolute;
content: '';
width: 0%;
height: 100%;
background-color: var(--primary-color);
top: -1px;
left: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder{position: relative;
z-index: 2;
display: flex;
align-items: center;
padding: 7px 10px 0px 13px;
border-bottom: 1px solid #968687;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title{max-height: 40px;
overflow: hidden;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--title a{font-size: 20px;
color: #fff;
font-weight: 700;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--icon{margin-right: 20px;
}
.pxl-service-grid-layout1 .pxl-grid-item .wrap-content-service .item--holder .item--icon i{color: var(--primary-color);
font-size: 48px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout1 .pxl-grid-item:hover .wrap-content-service:before{width: 100%;
}
.pxl-service-grid-layout1 .pxl-grid-item:hover .item--holder{border-color: var(--primary-color);
padding-left: 20px;
}
.pxl-service-grid-layout1 .pxl-grid-item:hover .item--holder .item--icon i{color: #fff;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter{margin-bottom: 75px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner{padding: 11px 60px;
display: inline-block;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 100px;
margin: auto;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item{font-size: 16px;
padding: 10px 16px;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item:hover, .pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item.active{color: var(--primary-color);
}
.pxl-portfolio-grid-layout6 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count{display: none;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item{margin-bottom: 50px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner{position: relative;
border-radius: 7px;
overflow: hidden;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner img{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
transform: scale(1.05) translatex(-5px);
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder{padding: 20px;
position: absolute;
bottom: 27px;
left: -100%;
width: calc(100% - 54px);
background-color: #fff;
border-radius: 5px;
overflow: hidden;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title{margin-bottom: 0;
font-size: 22px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a{font-size: 13px;
margin-bottom: 0;
color: #808080;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item:hover .pxl-item--holder{left: 27px;
}
.pxl-portfolio-grid-layout6 .pxl-grid-item:hover img{transform: scale(1.05) translatex(0px);
}
.pxl-portfolio-grid-layout7 .pxl-grid-item{padding: 0 !important;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner{position: relative;
overflow: hidden;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner:before{position: absolute;
content: '';
background-color: #000;
top: 40px;
left: 40px;
bottom: 40px;
right: 40px;
z-index: 1;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner img{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder{text-align: center;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%);
width: 100%;
padding: 0 20px;
z-index: 2;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a{color: #fff;
margin-bottom: 3px;
font-size: 36px;
}
@media(max-width:1024px){
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
font-size: 30px;
}
}
@media(max-width:767px){
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
font-size: 28px;
}
}
@media(max-width:575px){
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
font-size: 25px;
}
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover {
text-decoration: underline;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a{font-size: 16px;
margin-bottom: 0;
color: var(--primary-color);
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a:hover{text-decoration: underline;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title{margin-top: 20px;
opacity: 0;
-webkit-transition: 200ms all linear 100ms;
-khtml-transition: 200ms all linear 100ms;
-moz-transition: 200ms all linear 100ms;
-ms-transition: 200ms all linear 100ms;
-o-transition: 200ms all linear 100ms;
transition: 200ms all linear 100ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category{margin-top: 20px;
opacity: 0;
-webkit-transition: 200ms all linear 300ms;
-khtml-transition: 200ms all linear 300ms;
-moz-transition: 200ms all linear 300ms;
-ms-transition: 200ms all linear 300ms;
-o-transition: 200ms all linear 300ms;
transition: 200ms all linear 300ms;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--inner:before{top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.89;
}
.pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--holder .pxl-item--category, .pxl-portfolio-grid-layout7 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title{margin-top: 0;
opacity: 1;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter{margin-bottom: 75px;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner{padding: 0px 60px;
background-color: #fff;
margin: 0 9px;
display: inline-block;
border: 1px solid #ebebeb;
border-radius: 3px;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item{min-width: 100px;
font-size: 16px;
padding: 18px 16px;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: relative;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:before{position: absolute;
content: '';
bottom: 0;
left: 50%;
width: 0;
background-color: var(--primary-color);
transform: translatex(-50%) skewx(-45deg);
height: 4px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:hover, .pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item.active{color: var(--primary-color);
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item:hover:before, .pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item.active:before{width: 100%;
}
.pxl-portfolio-grid-layout8 .pxl-grid-filter .pxl--filter-inner .filter-item .filter-item-count{display: none;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item{padding: 0 3px 3px 0 !important;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner{position: relative;
overflow: hidden;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner:before{position: absolute;
content: '';
background-color: #000;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: 1;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner img{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .more{position: absolute;
top: 25px;
right: 25px;
width: 45px;
height: 45px;
border-radius: 3px;
color: #fff;
background-color: var(--primary-color);
line-height: 42px;
font-size: 24px;
text-align: center;
z-index: 3;
transition: 400ms all ease 0s;
transform: rotate(-60deg) scale(0.5);
opacity: 0;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .more:hover{background-color: #fff;
color: var(--primary-color);
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder{position: absolute;
bottom: 14px;
left: 23px;
width: 100%;
z-index: 2;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a{color: #fff;
margin-bottom: 3px;
font-size: 24px;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a{font-size: 14px;
font-weight: 500;
margin-bottom: 3px;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a:hover{text-decoration: underline;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title{height: 0;
overflow: hidden;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category{height: 0;
overflow: hidden;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .more{transform: rotate(0deg) scale(1);
opacity: 1;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--inner:before{top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.65;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title{height: 39px;
-webkit-transition: 300ms all linear 200ms;
-khtml-transition: 300ms all linear 200ms;
-moz-transition: 300ms all linear 200ms;
-ms-transition: 300ms all linear 200ms;
-o-transition: 300ms all linear 200ms;
transition: 300ms all linear 200ms;
}
.pxl-portfolio-grid-layout8 .pxl-grid-item:hover .pxl-item--holder .pxl-item--category{height: 26px;
-webkit-transition: 300ms all linear 350ms;
-khtml-transition: 300ms all linear 350ms;
-moz-transition: 300ms all linear 350ms;
-ms-transition: 300ms all linear 350ms;
-o-transition: 300ms all linear 350ms;
transition: 300ms all linear 350ms;
}
.pxl-service-grid-layout5 .pxl-grid-item{margin-bottom: 30px;
}
@media(min-width:1200px){
.pxl-service-grid-layout5 .pxl-grid-item {
margin-bottom: 60px;
padding: 0 25px !important;
}
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
padding: 42px 35px 25px 25px;
position: relative;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon{position: relative;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .bf-mask-tab{content: '';
min-width: 95px;
width: 95px;
height: 37px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-mask-tab.png);
position: absolute;
top: -6px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
left: 0;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon{min-width: 95px;
width: 95px;
height: 93px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f2f2f2;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
position: relative;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon:before{position: absolute;
content: '';
height: 100%;
width: 100%;
top: -100%;
background-color: var(--primary-color);
z-index: -1;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-icon .item--icon i{margin-top: 12px;
display: block;
font-size: 49px;
color: #000;
width: 100%;
text-align: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content{padding-left: 20px;
}
@media(max-width:700px){
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content {
padding-left: 0px;
padding-top: 20px;
}
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .pxl-item--title {
margin-bottom: 7px;
margin-top: -8px;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .pxl-item--title a{font-size: 17px;
display: block;
height: 22px;
overflow: hidden;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .wrap-content .content-excerpt{font-size: 16px;
color: #444;
line-height: 24px;
height: 73px;
overflow: hidden;
display: block;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore{position: absolute;
bottom: 0;
right: 0;
width: 40px;
z-index: 2;
height: 40px;
text-align: center;
background: var(--primary-color);
transform: scalex(0);
transform-origin: right;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore a{width: 100%;
height: 100%;
display: block;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore:hover{background-color: #000;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-readmore i{line-height: 40px;
font-size: 13px;
color: #fff;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder{display: flex;
align-items: center;
}
@media(max-width:700px){
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
display: block;
}
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover {
box-shadow: rgba(149, 157, 165, 0.3) 0px 27px 34px;
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .pxl-readmore{transform: scalex(1);
}
.pxl-service-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .item--icon i{-o-animation: scale 0.5s forwards;
-ms-animation: scale 0.5s forwards;
-webkit-animation: scale 0.5s forwards;
animation: scale 0.5s forwards;
}
.pxl-icon-box .pxl-item--icon{line-height: 1;
}
.pxl-icon-box .pxl-item--icon img{width: auto;
}
.pxl-icon-box1{z-index: 0;
}
.pxl-icon-box1 .wrap-icon{position: relative;
display: inline-block;
}
.pxl-icon-box1 .wrap-icon .step{width: 60px;
height: 60px;
position: absolute;
border-radius: 100px;
background-color: #fff;
top: -13px;
left: -5px;
z-index: 2;
line-height: 60px;
font-weight: 700;
font-size: 26px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-icon-box1 .wrap-icon .step:before{position: absolute;
content: '';
border-radius: 100px;
top: 27px;
left: 27px;
right: 27px;
bottom: 27px;
background-color: var(--secondary-color);
opacity: 0;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
z-index: -1;
}
.pxl-icon-box1 .pxl-item--inner{padding: 0px 10px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
text-align: center;
}
@media(max-width:1200px) and (min-width:1025px){
.pxl-icon-box1 .pxl-item--inner {
padding: 40px 20px 30px 20px;
}
}
.pxl-icon-box1 .pxl-item--inner:hover .step {
color: #fff;
}
.pxl-icon-box1 .pxl-item--inner:hover .step:before{top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
opacity: 1;
}
.pxl-icon-box1 .pxl-item--inner:hover i{transform: scale(0.9);
}
.pxl-icon-box1 .pxl-item--icon{display: inline-flex;
justify-content: center;
align-items: center;
width: 152px;
height: 140px;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-icbox.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-icbox.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-icbox.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-icbox.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: top;
-ms-mask-position: top;
-o-mask-position: top;
position: relative;
}
.pxl-icon-box1 .pxl-item--icon:before{position: absolute;
top: 0;
content: '';
left: 0;
background: linear-gradient(to bottom, var(--primary-color) 0%, #5f5f5f 100%);
width: 100%;
height: 100%;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: 1;
}
.pxl-icon-box1 .pxl-item--icon:after{position: absolute;
top: 100%;
content: '';
left: 0;
background: linear-gradient(to top, var(--primary-color) 0%, #5f5f5f 100%);
width: 100%;
height: 100%;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: 1;
}
.pxl-icon-box1 .pxl-item--icon i{z-index: 2;
position: absolute;
bottom: 11px;
color: #fff;
font-size: 70px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-icon-box1 .pxl-item--title{padding-top: 32px;
margin-bottom: 22px;
font-size: 24px;
font-weight: 700;
color: #fff;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media screen and (max-width:1199px){
.pxl-icon-box1 .pxl-item--title {
font-size: 20px;
}
}
.pxl-icon-box1 .pxl-item--description {
font-size: 16px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
line-height: 28px;
color: #afafaf;
font-weight: 400;
}
@media screen and (max-width:1199px){
.pxl-icon-box1 .pxl-item--description {
padding-right: 0;
}
}
@media screen and (max-width:991px){
.pxl-icon-box1 .pxl-item--description {
font-size: 15px;
}
}
.pxl-icon-box1:hover .pxl-item--icon:before {
top: -100%;
}
.pxl-icon-box1:hover .pxl-item--icon:after{top: 0%;
}
.pxl-icon-box2 .pxl-item--inner{display: flex;
align-items: center;
}
.pxl-icon-box2 .pxl-item--inner .pxl-item--holder{padding-left: 10px;
}
.pxl-icon-box2 .pxl-item--inner .pxl-item--icon{height: 35px;
width: 35px;
border-radius: 100px;
overflow: hidden;
display: flex;
align-items: center;
background-color: var(--primary-color);
justify-content: center;
}
.pxl-icon-box2 .pxl-item--inner .pxl-item--icon i{font-size: 19px;
margin-top: 1px;
color: #fff;
}
.pxl-icon-box3 .pxl-item--holder .pxl-item--title{font-size: 20px;
font-weight: 700;
}
.pxl-icon-box3 .pxl-item--icon{position: relative;
display: inline-block;
padding: 6px 6px 0px 5px;
}
.pxl-icon-box3 .pxl-item--icon i{font-size: 52px;
}
.pxl-icon-box3 .pxl-item--icon:before, .pxl-icon-box3 .pxl-item--icon:after{position: absolute;
content: '';
width: 28px;
height: 28px;
background-color: #f6a9ac;
background-blend-mode: multiply;
z-index: -1;
}
.pxl-icon-box3 .pxl-item--icon:before{top: 0;
right: 0;
}
.pxl-icon-box3 .pxl-item--icon:after{width: 21px;
height: 21px;
bottom: 0;
left: 0;
}
@keyframes gradient {
100% {
-webkit-mask-position: bottom;
-ms-mask-position: bottom;
-o-mask-position: bottom;
}
}
.pxl-icon-box4 .pxl-item--inner {
display: flex;
align-items: center;
}
@media(max-width:575px){
.pxl-icon-box4 .pxl-item--inner {
display: block;
}
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--icon {
display: flex;
width: 83px;
min-width: 83px;
height: 83px;
border-radius: 200px;
align-items: center;
justify-content: center;
background-color: var(--primary-color);
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--icon i{font-size: 35px;
margin-top: 4px;
color: #fff;
animation: tada 2s linear infinite;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder{margin-left: 25px;
}
@media(max-width:575px){
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder {
margin-left: 0;
margin-top: 10px;
}
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title {
margin-bottom: 12px;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title a{color: #fff;
font-size: 36px;
font-weight: 700;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-icon-box4 .pxl-item--inner .pxl-item--holder .pxl-item--description{color: #fff;
font-size: 16px;
font-weight: 400;
}
.pxl-icon-box5 .pxl-item--inner{display: flex;
align-items: center;
}
.pxl-icon-box5 .pxl-item--title{margin-left: 15px;
}
.pxl-icon-box6{position: relative;
text-align: center;
padding: 46px 20px 58px 20px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-icon-box6:before{position: absolute;
content: '';
top: 30px;
left: 30px;
right: 30px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
bottom: 30px;
background-color: var(--primary-color);
opacity: 0;
}
.pxl-icon-box6 .bg-image, .pxl-icon-box6 #pxl-page-title-default{position: absolute;
bottom: 0px;
right: 0px;
-webkit-transition: 200ms all linear 150ms;
-khtml-transition: 200ms all linear 150ms;
-moz-transition: 200ms all linear 150ms;
-ms-transition: 200ms all linear 150ms;
-o-transition: 200ms all linear 150ms;
transition: 200ms all linear 150ms;
}
.pxl-icon-box6 .pxl-item--icon{position: relative;
}
.pxl-icon-box6 .pxl-item--icon i{font-size: 57px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
color: var(--primary-color);
}
.pxl-icon-box6 .pxl-item--meta .pxl-item--title{padding-top: 15px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
font-size: 22px;
font-weight: 700;
position: relative;
}
.pxl-icon-box6 .pxl-item--meta .pxl-item--description{padding-top: 2px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: relative;
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 24px;
}
.pxl-icon-box6 .pxl-item--link{z-index: 2;
position: absolute;
width: 44px;
bottom: 0;
right: 0;
height: 44px;
text-align: center;
background-color: var(--primary-color);
}
.pxl-icon-box6 .pxl-item--link:before{position: absolute;
content: '';
background-color: #fff;
top: 0;
left: 0;
width: 0;
-webkit-transition: 200ms all linear 100ms;
-khtml-transition: 200ms all linear 100ms;
-moz-transition: 200ms all linear 100ms;
-ms-transition: 200ms all linear 100ms;
-o-transition: 200ms all linear 100ms;
transition: 200ms all linear 100ms;
height: 0;
}
.pxl-icon-box6 .pxl-item--link i{position: relative;
color: #fff;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
width: 100%;
text-align: center;
font-size: 12px;
line-height: 44px;
}
.pxl-icon-box6:hover .pxl-item--link:before{width: 100%;
height: 100%;
}
.pxl-icon-box6:hover .pxl-item--link i{color: var(--primary-color);
}
.pxl-icon-box6:hover .pxl-item--title{color: #fff;
}
.pxl-icon-box6:hover .pxl-item--description{color: #fff;
}
.pxl-icon-box6:hover .pxl-item--icon i{color: #fff;
}
.pxl-icon-box6:hover:before{top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
}
.pxl-icon-box7 .pxl-item--inner{display: flex;
align-items: center;
}
.pxl-icon-box7 .pxl-item--inner .pxl-item--icon{width: 55px;
min-width: 55px;
background-color: #000;
height: 55px;
border-radius: 200px;
color: #fff;
justify-content: center;
align-items: center;
display: flex;
}
.pxl-icon-box7 .pxl-item--inner .pxl-item--holder{margin-left: 20px;
}
.pxl-icon-box7 .pxl-item--inner .pxl-item--title{margin-bottom: 0;
}
.pxl-icon-box8{text-align: center;
}
.pxl-icon-box8 i{color: var(--primary-color);
font-size: 76px;
}
@media(max-width:575px){
.pxl-icon-box8 i {
font-size: 50px;
}
}
.pxl-icon-box8 .pxl-item--title {
font-size: 22px;
margin-top: 8px;
}
.pxl-icon-box9{text-align: center;
}
.pxl-icon-box9 .pxl-item--icon{width: 105px;
min-width: 105px;
height: 105px;
border-radius: 100px;
margin: 0 auto;
}
.pxl-icon-box9 .pxl-item--icon i{color: var(--primary-color);
line-height: 105px;
font-size: 60px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-icon-box9 .pxl-item--title{font-size: 24px;
margin-top: 22px;
margin-bottom: 20px;
}
.pxl-icon-box9 .pxl-item--description{font-size: 16px;
line-height: 26px;
color: #666;
}
.pxl-icon-box9:hover .pxl-item--icon{animation: tada 1.3s linear;
}
body.rtl .pxl-icon-box2.style5 .pxl-item--icon{margin-right: 0;
margin-left: 20px;
}
.pxl-icon-box10{text-align: center;
padding: 50px 20px 52px 20px;
border-radius: 10px;
box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-icon-box10 .pxl-item--icon{width: 114px;
min-width: 114px;
height: 114px;
border-radius: 200px;
margin: 0 auto;
background-color: #fbfbfb;
}
.pxl-icon-box10 .pxl-item--icon i{color: var(--primary-color);
line-height: 114px;
font-size: 25px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-icon-box10 .pxl-item--title{font-size: 22px;
font-weight: 700;
color: #666;
margin-top: 40px;
margin-bottom: 12px;
}
.pxl-icon-box10 .pxl-item--description{font-size: 16px;
line-height: 28px;
max-width: 200px;
margin: auto;
}
.pxl-icon-box10:hover .pxl-item--icon{animation: tada 1.3s linear;
}
.pxl-icon-box11{text-align: center;
}
.pxl-icon-box11 .wrap-icon{display: inline-block;
position: relative;
}
.pxl-icon-box11 .wrap-icon .bf-mask-tab{content: '';
min-width: 95px;
width: 95px;
height: 37px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-mask-tab.png);
position: absolute;
top: 1px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
left: 0;
}
.pxl-icon-box11 .icon-tab{min-width: 95px;
width: 95px;
height: 93px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f2f2f2;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
position: relative;
}
.pxl-icon-box11 .icon-tab:before{position: absolute;
content: '';
height: 100%;
width: 100%;
top: -100%;
background-color: var(--primary-color);
z-index: -1;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-icon-box11 .icon-tab i{margin-top: 12px;
font-size: 49px;
color: #000;
width: 100%;
text-align: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-icon-box11 .pxl-item--title{font-size: 17px;
font-weight: 700;
line-height: 24px;
padding-top: 11px;
}
.pxl-icon-box11:hover .bf-mask-tab{top: -6px;
}
.pxl-icon-box11:hover .icon-tab i{margin-top: 6px;
}
.pxl-icon-box12 .pxl-item--inner{display: flex;
}
@media(max-width:767px){
.pxl-icon-box12 .pxl-item--inner {
display: block;
}
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--icon {
display: block;
height: 77px;
width: 105px;
min-width: 105px;
text-align: center;
background-color: var(--primary-color);
transform: skewx(-15deg);
}
@media(max-width:767px){
.pxl-icon-box12 .pxl-item--inner .pxl-item--icon {
transform: skewx(0deg);
}
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--icon i {
font-size: 51px;
line-height: 77px;
color: #fff;
transform: skewx(15deg);
display: block;
}
@media(max-width:767px){
.pxl-icon-box12 .pxl-item--inner .pxl-item--icon i {
transform: skewx(0deg);
}
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder {
padding-left: 30px;
}
@media(max-width:767px){
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder {
padding: 20px 0 0 0;
}
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title {
font-size: 20px;
letter-spacing: 0px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
display: inline-block;
position: relative;
margin-bottom: 9px;
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:before{position: absolute;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
width: 9px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
height: 12px;
background-color: var(--primary-color);
top: 7px;
right: -60px;
content: '';
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover{text-decoration: underline;
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover:before{right: -50px;
}
.pxl-icon-box12 .pxl-item--inner .pxl-item--holder .pxl-item--description{font-size: 16px;
line-height: 24px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder{display: flex;
align-items: center;
margin-left: 28px;
margin-right: 40px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon{width: 68px;
min-width: 68px;
height: 66px;
background-color: #f1f1f1;
text-align: center;
position: relative;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon:before{position: absolute;
content: '';
height: 100%;
width: 100%;
background-color: var(--primary-color);
top: 0;
left: 0;
transform: scalex(0);
transform-origin: center;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon i{font-size: 42px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
line-height: 66px;
z-index: 2;
position: relative;
color: #000;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step{width: 37px;
height: 37px;
position: absolute;
border-radius: 100px;
background-color: #000;
top: -25px;
left: -10px;
z-index: 2;
line-height: 37px;
font-size: 15px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
color: #fff;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--icon .step:before{position: absolute;
content: '';
border-radius: 100px;
top: 27px;
left: 27px;
right: 27px;
bottom: 27px;
background-color: var(--secondary-color);
opacity: 0;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
z-index: -1;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--title{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
font-size: 20px;
line-height: 30px;
padding-left: 20px;
margin-bottom: 0;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item--holder .pxl-item--title:hover{text-decoration: underline;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom{margin-top: 16px;
background-color: #f8f8f8;
padding: 22px 50px 22px 22px;
min-height: 135px;
position: relative;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .pxl-item--description{font-size: 15px;
line-height: 24px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more{position: absolute;
bottom: 16px;
right: 40px;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more a{font-size: 15px;
font-weight: 700;
color: #f8f8f8;
text-decoration: underline;
padding-right: 10px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:before{position: absolute;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
width: 9px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
height: 12px;
background-color: var(--primary-color);
top: 9px;
right: -19px;
content: '';
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:hover a{color: var(--secondary-color);
}
.pxl-icon-box13 .pxl-item--inner .pxl-item-bottom .more:hover:before{background-color: var(--secondary-color);
}
.pxl-icon-box13 .pxl-item--inner:hover .more a{padding-right: 0;
color: var(--primary-color);
}
.pxl-icon-box13 .pxl-item--inner:hover .pxl-item--icon:before{transform: scaley(1);
}
.pxl-icon-box13 .pxl-item--inner:hover .pxl-item--icon i{color: #fff;
}
.pxl-icon-box14 .pxl-item--inner{display: flex;
align-items: center;
background-color: #f5f5f5;
justify-content: space-between;
padding: 8px 13px 8px 8px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--icon{display: block;
width: 33px;
min-width: 33px;
height: 41px;
text-align: center;
background: var(--primary-color);
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--icon i{font-size: 19px;
color: #fff;
line-height: 41px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item-meta{padding-left: 15px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--holder{display: flex;
align-items: center;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 18px;
font-weight: 700;
margin-bottom: 0;
line-height: 18px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--holder .pxl-item--description{font-size: 14px;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link{display: block;
width: 35px;
min-width: 35px;
height: 35px;
text-align: center;
background: var(--primary-color);
position: relative;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link:before{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
background-color: #000;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: scalex(0);
transform-origin: center;
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link:hover:before{transform: scalex(1);
}
.pxl-icon-box14 .pxl-item--inner .pxl-item--link i{position: relative;
z-index: 2;
width: 100%;
height: 100%;
text-align: center;
font-size: 17px;
color: #fff;
line-height: 35px;
}
.pxl-icon-box15 .pxl-item--inner{display: flex;
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--icon{font-size: 41px;
color: var(--primary-color);
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--holder{margin-left: 22px;
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 22px;
line-height: 24px;
}
.pxl-icon-box15 .pxl-item--inner .pxl-item--holder .pxl-item--description{font-size: 16px;
color: #444;
line-height: 24px;
}
.pxl-icon-box16{text-align: center;
}
.pxl-icon-box16 .pxl-item--inner .pxl-item--icon{display: inline-flex;
justify-content: center;
border-radius: 20px;
align-items: center;
box-shadow: rgba(85, 85, 85, 0.11) 0px 9px 21px;
margin-bottom: 35px;
}
.pxl-icon-box16 .pxl-item--inner .pxl-item--title{font-size: 22px;
line-height: 24px;
font-weight: 700;
color: #131115;
}
.pxl-icon-box16.style2 .pxl-item--inner{text-align: left;
display: flex;
align-item: center;
}
.pxl-icon-box16.style2 .pxl-item--inner .pxl-item--title{font-size: 20px;
margin-left: 20px;
display: inline-flex;
align-items: center;
}
.pxl-icon-box16.style2 .pxl-item--inner .pxl-item--icon{background-color: #fff;
border-radius: 200px;
margin-bottom: 0;
}
.pxl-icon-box17{z-index: 0;
position: relative;
}
.pxl-icon-box17 .pxl-item--inner{display: flex;
align-items: center;
}
@media(max-width:480px){
.pxl-icon-box17 .pxl-item--inner {
display: block;
}
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--icon {
display: block;
width: 123px;
min-width: 123px;
height: 123px;
border-radius: 1000px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
text-align: center;
background-color: #fff;
position: relative;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--icon:before{position: absolute;
content: '';
top: 50px;
left: 50px;
bottom: 50px;
right: 50px;
opacity: 0;
border-radius: 1000px;
-webkit-transition: 200ms all ease 0ms;
-khtml-transition: 200ms all ease 0ms;
-moz-transition: 200ms all ease 0ms;
-ms-transition: 200ms all ease 0ms;
-o-transition: 200ms all ease 0ms;
transition: 200ms all ease 0ms;
background: linear-gradient(to right, #0f5eff 0%, #02e4e2 100%);
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--icon i{background: -webkit-linear-gradient(1deg, #1361ff 0%, #00e7f1 100%);
display: inline-block;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height: 123px;
font-size: 53px;
position: relative;
z-index: 2;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder{margin-left: 58px;
padding: 15px 24px 13px 24px;
position: relative;
-webkit-transition: 200ms all ease 0ms;
-khtml-transition: 200ms all ease 0ms;
-moz-transition: 200ms all ease 0ms;
-ms-transition: 200ms all ease 0ms;
-o-transition: 200ms all ease 0ms;
transition: 200ms all ease 0ms;
}
@media(max-width:480px){
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder {
margin-left: 0px;
margin-top: 20px;
}
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder .pxl-item--title {
-webkit-transition: 200ms all ease 0ms;
-khtml-transition: 200ms all ease 0ms;
-moz-transition: 200ms all ease 0ms;
-ms-transition: 200ms all ease 0ms;
-o-transition: 200ms all ease 0ms;
transition: 200ms all ease 0ms;
font-size: 18px;
margin-bottom: 5px;
border-bottom: 1px solid transparent;
display: inline-block;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder .pxl-item--description{-webkit-transition: 200ms all ease 0ms;
-khtml-transition: 200ms all ease 0ms;
-moz-transition: 200ms all ease 0ms;
-ms-transition: 200ms all ease 0ms;
-o-transition: 200ms all ease 0ms;
transition: 200ms all ease 0ms;
line-height: 24px;
color: #858585;
font-size: 15px;
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:before{position: absolute;
content: '';
width: 0px;
height: 2px;
background: linear-gradient(to right, #18b019 0%, #a7e706 100%);
left: -58px;
top: 50%;
transform: translatey(-50%);
-webkit-transition: 200ms all ease 0ms;
-khtml-transition: 200ms all ease 0ms;
-moz-transition: 200ms all ease 0ms;
-ms-transition: 200ms all ease 0ms;
-o-transition: 200ms all ease 0ms;
transition: 200ms all ease 0ms;
}
@media(max-width:480px){
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:before {
width: 2px;
height: 0px;
left: 60px;
top: -20px;
transform: translatey(0%);
}
}
.pxl-icon-box17 .pxl-item--inner .pxl-item--holder:after {
position: absolute;
content: '';
width: 0px;
height: 100%;
background: linear-gradient(to right, #18b019 0%, #a7e706 100%);
-webkit-transition: 150ms all ease 200ms;
-khtml-transition: 150ms all ease 200ms;
-moz-transition: 150ms all ease 200ms;
-ms-transition: 150ms all ease 200ms;
-o-transition: 150ms all ease 200ms;
transition: 150ms all ease 200ms;
left: 0px;
top: 0;
}
.pxl-icon-box17:hover, .pxl-icon-box17.pxl--item-active{z-index: 2;
}
.pxl-icon-box17:hover .pxl-item--title, .pxl-icon-box17.pxl--item-active .pxl-item--title{border-bottom: 1px solid #b1b1b1 !important;
}
.pxl-icon-box17:hover .pxl-item--holder, .pxl-icon-box17.pxl--item-active .pxl-item--holder{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-icon-box17:hover .pxl-item--holder:before, .pxl-icon-box17.pxl--item-active .pxl-item--holder:before{width: 58px;
}
@media(max-width:480px){
.pxl-icon-box17:hover .pxl-item--holder:before, .pxl-icon-box17.pxl--item-active .pxl-item--holder:before {
width: 2px;
height: 20px;
}
}
.pxl-icon-box17:hover .pxl-item--holder:after, .pxl-icon-box17.pxl--item-active .pxl-item--holder:after {
width: 6px;
}
.pxl-icon-box17:hover .pxl-item--icon i, .pxl-icon-box17.pxl--item-active .pxl-item--icon i{background: no-repeat;
color: #fff;
-webkit-background-clip: border-box;
-webkit-text-fill-color: aliceblue;
}
.pxl-icon-box17:hover .pxl-item--icon:before, .pxl-icon-box17.pxl--item-active .pxl-item--icon:before{opacity: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
body.rtl .pxl-icon-box2.style5 .pxl-item--icon{margin-right: 0;
margin-left: 20px;
}
.pxl-banner1{position: relative;
overflow: hidden;
}
.pxl-banner1 .pxl-item--title{position: absolute;
height: 135px;
width: 270px;
background-color: var(--primary-color);
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #fff;
border-bottom: 30px solid #fff;
padding: 31px 90px 0 90px;
top: -20px;
left: -88px;
text-align: center;
display: flex;
align-items: center;
color: #fff;
transform: rotate(-45deg);
}
.pxl-banner2{position: relative;
}
.pxl-banner2 .pxl-item--image img{width: 100%;
}
.pxl-banner2 .pxl-item--meta{top: 0;
right: 0;
position: absolute;
width: 137px;
height: 137px;
border-radius: 100px 0 100px 100px;
background-color: var(--primary-color);
text-align: center;
}
.pxl-banner2 .pxl-item--meta .pxl-item--title{font-size: 16px;
font-weight: 500;
display: block;
color: #fff;
line-height: 22px;
}
.pxl-banner2 .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-value{display: block;
padding-top: 28px;
padding-bottom: 11px;
font-size: 36px;
font-weight: 700;
color: #fff;
}
.pxl-banner4 .pxl-banner-inner{position: relative;
padding-bottom: 13px;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--image2{position: absolute;
right: 26px;
bottom: 25px;
border-radius: 10px;
overflow: hidden;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta{padding-right: 20px;
left: 0;
bottom: 0px;
position: absolute;
width: 211px;
height: 187px;
border-radius: 5px;
text-align: center;
display: flex;
align-items: center;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-title-banner.png);
background-size: cover;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title{max-width: 160px;
margin: 0 auto;
font-size: 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-weight: 700;
display: block;
color: #fff;
line-height: 20px;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number{position: relative;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-value{display: block;
line-height: 64px;
padding-bottom: 15px;
font-size: 90px;
font-weight: 700;
color: #fff;
}
.pxl-banner4 .pxl-banner-inner .pxl-item--meta .pxl-item--title .pxl--counter-number .pxl--counter-suffix{font-size: 37px;
position: absolute;
right: 10px;
font-weight: 700;
top: 0;
line-height: 16px;
}
.pxl-bn-box2 .ct-banner-meta{animation: pxl_spin 8s linear infinite;
width: 170px;
height: 170px;
position: absolute;
top: 0;
left: 10px;
z-index: 1;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-color: transparent;
border: 40px solid #fff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pxl-bn-box2 .ct-banner-title{font-size: 19.5px;
white-space: nowrap;
color: #0e0e0e;
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
-webkit-transform: rotate(-90deg);
-khtml-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
font-weight: 700;
}
.pxl-bn-box2 .ct-banner-title svg{fill: transparent;
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%);
overflow: visible;
width: 120px;
height: 120px;
}
.pxl-bn-box2 .ct-banner-title svg text{letter-spacing: inherit;
fill: var(--secondary-color);
}
.pxl-bn-box2 .ct-banner-title svg textPath:after{content: "";
fill: var(--primary-color);
display: inline-block;
width: 5px;
height: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.pxl-bn-box2 .ct-banner-inner{position: relative;
padding-top: 35px;
padding-left: 35px;
}
.pxl-counter1 .pxl--counter-number{line-height: 1;
font-size: 42px;
font-weight: 700;
color: var(--secondary-color);
display: inline-flex;
margin-bottom: 7px;
}
.pxl-counter1 .pxl--item-title{font-size: 16px;
color: var(--secondary-color);
font-weight: 400;
}
.pxl-counter1 .pxl--item-inner{text-align: center;
}
@media(max-width:767px){
.pxl-counter1 .pxl--item-inner {
text-align: left;
}
}
.pxl-counter1 i {
font-size: 65px;
}
.pxl-counter1:hover .pxl-item--icon{animation: icon-bounce 800ms ease-out;
}
.pxl-counter2 .pxl--counter-number{line-height: 1;
font-size: 42px;
font-weight: 700;
color: var(--secondary-color);
display: inline-flex;
margin-bottom: 7px;
}
.pxl-counter2 .pxl--item-title{padding-left: 30px;
font-size: 16px;
color: var(--secondary-color);
font-weight: 400;
}
.pxl-counter2 .pxl--item-inner{display: flex;
align-items: center;
}
@media(max-width:767px){
.pxl-counter2 .pxl--item-inner {
text-align: left;
}
}
.pxl-counter2 i {
font-size: 65px;
}
.pxl-counter2:hover .pxl-item--icon{animation: icon-bounce 800ms ease-out;
}
.pxl-counter3 .pxl--counter-number{position: relative;
display: inline-block;
}
.pxl-counter3 .pxl--counter-number .pxl--counter-value{font-size: 52px;
color: var(--primary-color);
font-weight: 700;
line-height: 52px;
}
.pxl-counter3 .pxl--counter-number .pxl--counter-suffix{font-size: 30px;
color: var(--primary-color);
font-weight: 700;
position: absolute;
top: 0;
line-height: 0;
right: -20px;
}
.pxl-counter3 .pxl--item-title{padding-top: 6px;
font-size: 20px;
color: var(--secondary-color);
font-weight: 700;
}
.pxl-counter3 .pxl--item-desc{margin-top: 7px;
font-size: 16px;
color: #666;
font-weight: 400;
line-height: 24px;
}
.pxl-counter4 .pxl--item-inner{display: flex;
align-items: center;
}
.pxl-counter4 .pxl--item-inner .pxl-item--icon i{color: #fff;
font-size: 60px;
}
.pxl-counter4 .pxl--item-inner .content-right{padding-left: 30px;
}
.pxl-counter4 .pxl--item-inner .content-right .pxl--counter-number{line-height: 1;
font-size: 42px;
font-weight: 700;
color: #fff;
display: inline-flex;
margin-bottom: 7px;
}
.pxl-counter4 .pxl--item-inner .content-right .pxl--counter-value{font-variant-numeric: lining-nums;
}
.pxl-counter4 .pxl--item-inner .content-right .pxl--item-title{font-size: 16px;
color: #fff;
font-weight: 400;
}
.pxl-counter4:hover .pxl-item--icon{animation: icon-bounce 800ms ease-out;
}
.pxl-counter5 .pxl--counter-number{position: relative;
display: inline-block;
}
.pxl-counter5 .pxl--counter-number .pxl--counter-value{font-size: 150px;
line-height: 150px;
font-weight: 700;
color: #000;
}
.pxl-counter5 .pxl--counter-number .pxl--counter-suffix{line-height: 60px;
position: absolute;
top: 0;
color: var(--primary-color);
right: -27px;
font-size: 60px;
font-weight: 700;
}
.pxl-counter5 .pxl--item-title{color: #5d5d5d;
font-size: 28px;
}
body.rtl .pxl-progressbar-2 .pxl-item--icon{margin-right: 0;
margin-left: 10px;
}
.pxl-video-player .btn-video{z-index: 2;
}
.pxl-video-player .pxl-box--icon{width: 100px;
height: 100px;
position: absolute;
bottom: 54px;
right: 95px;
background-color: #ffde19;
border-radius: 100px;
text-align: center;
font-size: 38px;
color: #000010;
}
@media screen and (max-width:1199px){
.pxl-video-player .pxl-box--icon {
width: 60px;
height: 60px;
font-size: 24px;
bottom: 30px;
right: 40px;
}
}
@media screen and (max-width:767px){
.pxl-video-player .pxl-box--icon {
bottom: 20px;
right: 20px;
}
}
.pxl-video-player1 .pxl-shadow-gradient {
width: 240px;
height: 240px;
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%);
background-color: var(--gradient-color-from);
background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
filter: blur(40px);
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: none;
}
@media screen and (max-width:767px){
.pxl-video-player1 .pxl-shadow-gradient {
width: 120px;
height: 120px;
filter: blur(22px);
}
}
.pxl-video-player1 .pxl-video--holder img, .pxl-video-player1 .pxl-video--holder .pxl-video--imagebg {
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
}
.pxl-video-player1 .pxl-video--holder + .btn-video-wrap{position: absolute;
z-index: 99;
text-align: center;
}
.pxl-video-player1 .pxl-video--holder + .btn-video-wrap.p-center{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%);
}
.pxl-video-player1 .pxl-video-text{font-size: 12px;
text-transform: uppercase;
color: #fefeff;
letter-spacing: 0.05em;
font-weight: 700;
width: 100%;
display: block;
margin-top: 24px;
}
.pxl-video-player1 .btn-video{position: relative;
}
.pxl-video-player1 .btn-video i{display: inline-flex;
}
.pxl-video-player1 .btn-video.style1{font-size: 17px;
width: 137px;
height: 137px;
}
@media screen and (max-width:767px){
.pxl-video-player1 .btn-video.style1 {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 15px;
}
}
.pxl-video-player1 .btn-video.style2 {
font-size: 18px;
width: 120px;
height: 120px;
color: var(--primary-color);
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.pxl-video-player1 .btn-video.style2:before{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border 3s linear infinite;
border: 0.3px solid #fff;
background-color: transparent !important;
border-radius: 500px;
opacity: 0;
}
.pxl-video-player1 .btn-video.style2:after{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border 3s 1.5s linear infinite;
background-color: transparent !important;
border: 0.3px solid #fff;
border-radius: 500px;
opacity: 0;
}
.pxl-video-player1 .btn-video.style2:hover{transform: scale(0.9);
}
.pxl-video-player1 .btn-video.style3, .pxl-video-player1 .btn-video.style5{font-size: 16px;
width: 69px;
height: 69px;
color: #fff;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
background-color: var(--primary-color);
}
.pxl-video-player1 .btn-video.style3:before, .pxl-video-player1 .btn-video.style5:before{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border2 3s linear infinite;
border: 0.3px solid var(--primary-color);
background-color: transparent !important;
border-radius: 500px;
opacity: 0;
}
.pxl-video-player1 .btn-video.style3:after, .pxl-video-player1 .btn-video.style5:after{position: absolute;
content: '';
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
animation: scale-border2 3s 1.5s linear infinite;
background-color: transparent !important;
border: 0.3px solid var(--primary-color);
border-radius: 500px;
opacity: 0;
}
.pxl-video-player1 .btn-video.style5{-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
background-image: linear-gradient(90deg, #29b430 0%, #b0f006 100%);
}
.pxl-video-player1 .btn-video.style5:before{inset: 0;
border-radius: 150px;
background: linear-gradient(45deg, #29b430, #b0f006);
padding: 0px;
border-color: transparent;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.pxl-video-player1 .btn-video.style5:after{inset: 0;
border-radius: 150px;
background: linear-gradient(45deg, #29b430, #b0f006);
padding: 0px;
border-color: transparent;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.pxl-video-player1 .btn-video.style4{font-size: 16px;
width: 110px;
height: 100px;
color: #fff;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
background-color: #fff;
border-radius: 3px;
}
.pxl-video-player1 .btn-video.style4:after{position: absolute;
content: '';
border: 2px solid var(--primary-color);
border-radius: 100px;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
transform: translate(-50%, -50%);
}
.pxl-video-player1 .btn-video.style4 i{line-height: 100px;
color: var(--primary-color);
font-size: 23px;
}
.pxl-video-player1 .pxl-video--inner{position: relative;
}
.pxl-video-player1.pxl-video-style1 .pxl-video--holder + .btn-video-wrap .pxl-shadow-gradient{display: block;
z-index: -1;
}
.pxl-video-player1.pxl-video-style4 .btn-video-wrap{display: flex;
flex-wrap: nowrap;
white-space: nowrap;
align-items: center;
}
.pxl-item--4-star i:nth-child(5){display: none;
}
.pxl-item--3-star i:nth-child(5), .pxl-item--3-star i:nth-child(4){display: none;
}
.pxl-item--2-star i:nth-child(5), .pxl-item--2-star i:nth-child(4), .pxl-item--2-star i:nth-child(3){display: none;
}
.pxl-item--1-star i:nth-child(5), .pxl-item--1-star i:nth-child(4), .pxl-item--1-star i:nth-child(3), .pxl-item--1-star i:nth-child(2){display: none;
}
.pxl-item--star{color: #ffd203;
}
.pxl-testimonial-carousel1 .pxl-swiper-arrow, .pxl-testimonial-grid1 .pxl-swiper-arrow{opacity: 0;
height: 100% !important;
top: 0;
transform: translateY(0px) !important;
}
.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet, .pxl-testimonial-grid1 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-testimonial-grid1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-testimonial-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-testimonial-grid1 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-testimonial-carousel1 .pxl-grid-item, .pxl-testimonial-grid1 .pxl-grid-item{margin-bottom: 50px;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content{box-shadow: rgba(149, 157, 165, 0.07) 0px 12px 14px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover{background-color: #000;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--title, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--title{color: #fff !important;
}
.pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--position, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content:hover .pxl-item--position{color: #b3b3b3 !important;
border-color : #1e1e1e !important;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content{background-color: #fff;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .quote, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .quote, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .quote, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .quote{position: absolute;
right: 30px;
top: 42px;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner{padding: 25px 40px 14px 40px;
display: flex;
align-items: center;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--image{margin-right: 15px;
width: 63px;
min-width: 63px;
height: 63px;
border-radius: 200px;
overflow: hidden;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--star{font-size: 12px;
color: var(--primary-color);
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 18px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 12px;
font-weight: 400;
color: #666;
}
.pxl-testimonial-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc, .pxl-testimonial-carousel1 .pxl-grid-item .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid1 .pxl-grid-item .wrap-inner-content .pxl-item--desc{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
border-top: 1px solid #e8e8e8;
color: #666;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 21px 40px 30px 40px;
}
.pxl-testimonial-carousel2 .pxl-swiper-container{overflow: inherit;
}
.pxl-testimonial-carousel2 .pxl-swiper-dots{display: grid;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
margin-top: 0;
}
.pxl-testimonial-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet{margin: 5px 0;
background-color: #f2f2f2;
}
.pxl-testimonial-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--primary-color);
}
@media(max-width:767px){
.pxl-testimonial-carousel2 .pxl-swiper-dots {
display: none;
}
}
.pxl-testimonial-carousel2 .swiper-container-vertical {
height: 193px;
}
.pxl-testimonial-carousel2 .swiper-container-vertical .pxl-swiper-wrapper{flex-direction: column;
}
.pxl-testimonial-carousel2 .swiper-container-vertical .pxl-swiper-slide{transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pxl-testimonial-carousel2 .wrap-content{justify-content: flex-end;
}
@media(max-width:767px){
.pxl-testimonial-carousel2 .wrap-content {
display: block;
}
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top {
min-width: 240px;
text-align: center;
}
@media(max-width:767px){
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--image {
display: block;
width: 100px;
height: 100px;
border-radius: 100px;
overflow: hidden;
margin: 0 auto;
}
@media(max-width:767px){
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--image {
margin-right: 10px;
margin-left: 0px;
}
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--title {
font-size: 20px;
font-weight: 700;
margin-bottom: 2px;
margin-top: 14px;
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--top .pxl-item--meta .pxl-item--position{font-size: 13px;
color: #8e8e8e;
font-weight: 400;
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder{background-color: #f2f2f2;
padding: 60px 0 54px 0;
position: relative;
}
@media(max-width:767px){
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder {
text-align: center;
padding: 30px 0 24px 0;
}
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:before {
position: absolute;
content: '';
height: 100%;
width: 100000px;
top: 0;
right: 0;
background-color: #f2f2f2;
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:after{position: absolute;
content: '';
height: 25px;
width: 27px;
top: 70px;
right: -26px;
clip-path: polygon(0 0, 0% 100%, 100% 100%);
background-color: #f2f2f2;
}
@media(max-width:767px){
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder:after {
top: 100%;
left: 50%;
transform: translatex(-50%);
clip-path: polygon(50% 100%, 0 0, 100% 0);
height: 15px;
}
}
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc {
position: relative;
z-index: 2;
font-size: 30px;
color: #050505;
font-weight: 400;
line-height: 40px;
}
@media(max-width:480px){
.pxl-testimonial-carousel2 .wrap-content .pxl-item--holder .pxl-item--desc {
font-size: 20px !important;
line-height: 30px !important;
}
}
.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap {
position: absolute !important;
bottom: 10px;
right: 0;
display: flex;
}
.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow{position: relative !important;
transform: translate(0) !important;
font-size: 15px;
}
.pxl-testimonial-carousel3 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2){margin-left: 17px;
}
.pxl-testimonial-carousel3 .wrap-inner-content{position: relative;
padding-top: 24px;
}
.pxl-testimonial-carousel3 .wrap-inner-content .quote{position: absolute;
left: 20px;
top: 0px;
z-index: 2;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc{background-color: #fff;
padding: 40px;
font-size: 17px;
line-height: 37px;
color: #666;
position: relative;
}
@media(max-width:480px){
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc {
padding: 30px 20px;
}
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--desc:before {
position: absolute;
content: '';
clip-path: polygon(100% 0, 0 0, 100% 100%);
background-color: #fff;
width: 43px;
height: 24px;
bottom: -24px;
left: 58px;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner{display: flex;
align-items: center;
padding-left: 30px;
padding-top: 50px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--image{min-width: 70px;
width: 70px;
border: 4px solid #fff;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
border-radius: 200px;
overflow: hidden;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--image img{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder{margin-left: 20px;
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 20px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-testimonial-carousel3 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position{font-size: 16px;
color: var(--primary-color);
}
.pxl-testimonial-carousel3 .wrap-inner-content:hover .pxl-item--image img{transform: scale(1.1);
}
.pxl-testimonial-carousel4.style1 .wrap-inner-content, .pxl-testimonial-grid2.style1 .wrap-inner-content{background-color: #f7f7f7;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap{position: relative !important;
top: auto !important;
left: auto !important;
display: flex !important;
justify-content: center;
margin-top: 40px;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap:before, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap:before{position: absolute;
width: 100%;
top: 50%;
transform: translatey(-50%);
height: 1px !important;
background-color: #ddd;
content: '';
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap:after, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap:after{position: absolute;
width: 183px;
top: 48%;
left: 50%;
transform: translate(-50%);
height: 2px !important;
background-color: #fff;
content: '';
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow{opacity: 1 !important;
visibility: visible !important;
border: 2px solid #e7e7e7;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow i, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow i{color: #808080;
line-height: 0;
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover{border-color: var(--primary-color);
}
.pxl-testimonial-carousel4.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i, .pxl-testimonial-grid2.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover i{color: #fff;
}
.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap, .pxl-testimonial-grid2 .pxl-swiper-arrow-wrap{position: absolute !important;
top: -107px;
right: 0;
display: flex;
}
.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-testimonial-grid2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow{position: relative !important;
transform: translate(0) !important;
box-shadow: none;
font-size: 15px;
}
.pxl-testimonial-carousel4 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2), .pxl-testimonial-grid2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2){margin-left: 17px;
}
.pxl-testimonial-carousel4 .wrap-inner-content, .pxl-testimonial-grid2 .wrap-inner-content{position: relative;
padding-top: 24px;
background-color: #fff;
padding: 35px 40px 35px 50px;
border-radius: 10px;
overflow: hidden;
}
@media(max-width:575px){
.pxl-testimonial-carousel4 .wrap-inner-content, .pxl-testimonial-grid2 .wrap-inner-content {
padding: 25px 20px 25px 25px;
}
}
.pxl-testimonial-carousel4 .wrap-inner-content:before, .pxl-testimonial-grid2 .wrap-inner-content:before {
position: absolute;
content: '';
height: 100%;
width: 8px;
background-color: var(--primary-color);
top: 0;
left: 0;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--desc{margin-bottom: 13px;
font-size: 17px;
line-height: 37px;
color: #666;
position: relative;
}
@media(max-width:480px){
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--desc, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--desc {
font-size: 16px;
line-height: 32px;
}
}
.pxl-testimonial-carousel4 .wrap-inner-content .wrap-content-bottom, .pxl-testimonial-grid2 .wrap-inner-content .wrap-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--star, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--star{color: var(--primary-color);
}
@media(max-width:480px){
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--star, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--star {
display: none;
}
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner {
display: flex;
align-items: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 200px;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner{min-width: 70px;
width: 70px;
height: 70px;
border: 4px solid #fff;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
border-radius: 200px;
overflow: hidden;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner img, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--image .pxl-item--image-inner img{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder{margin-left: 20px;
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 20px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-testimonial-carousel4 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-testimonial-grid2 .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position{font-size: 16px;
color: var(--primary-color);
}
.pxl-testimonial-carousel4 .wrap-inner-content:hover .pxl-item--image img, .pxl-testimonial-grid2 .wrap-inner-content:hover .pxl-item--image img{transform: scale(1.1);
}
.pxl-testimonial-carousel4 .pxl-grid-item, .pxl-testimonial-grid2 .pxl-grid-item{margin-bottom: 90px;
}
.pxl-testimonial-carousel4 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid2 .pxl-grid-item .wrap-inner-content{padding: 65px 40px 35px 50px;
background-color: #f5f5f5;
}
@media(max-width:480px){
.pxl-testimonial-carousel4 .pxl-grid-item .wrap-inner-content, .pxl-testimonial-grid2 .pxl-grid-item .wrap-inner-content {
padding: 50px 20px 35px 30px;
}
}
.pxl-testimonial-carousel4 .pxl-grid-item .quote, .pxl-testimonial-grid2 .pxl-grid-item .quote {
position: absolute;
top: -48px;
left: 42px;
width: 93px;
height: 93px;
min-width: 93px;
border-radius: 100px;
background-color: var(--primary-color);
border: 8px solid #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.pxl-testimonial-carousel5 .pxl-swiper-container{overflow: inherit;
}
.pxl-testimonial-carousel5 .pxl-swiper-dots{display: grid;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
margin-top: 0;
}
.pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet{margin: 5px 0;
background-color: #f2f2f2;
}
.pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--primary-color);
}
.pxl-testimonial-carousel5 .swiper-container-vertical{height: 193px;
}
.pxl-testimonial-carousel5 .swiper-container-vertical .pxl-swiper-wrapper{flex-direction: column;
}
.pxl-testimonial-carousel5 .swiper-container-vertical .pxl-swiper-slide{transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: flex;
align-items: center;
}
.pxl-testimonial-carousel5 .wrap-content{display: flex;
}
@media(max-width:767px){
.pxl-testimonial-carousel5 .wrap-content {
display: block;
}
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top {
min-width: 240px;
text-align: center;
}
@media(max-width:767px){
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top {
text-align: left;
}
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image {
display: block;
width: 177px;
height: 177px;
border-radius: 177px;
overflow: hidden;
margin: 0 auto;
}
@media(max-width:767px){
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image {
width: 100px;
height: 100px;
border-radius: 100px;
margin: 0;
}
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--top .pxl-item--image img {
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder{position: relative;
padding: 0 55px 0 75px;
}
@media(max-width:767px){
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder {
padding: 0 20px 0 0px;
}
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .quote {
position: absolute;
top: -3px;
left: -11px;
}
@media(max-width:767px){
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .quote {
top: -95px;
left: 120px;
}
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--desc {
position: relative;
z-index: 2;
font-size: 22px;
color: #e8e8e8;
font-weight: 400;
line-height: 37px;
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--title{font-size: 20px;
font-weight: 700;
margin-bottom: 6px;
color: #fff;
margin-top: 18px;
}
.pxl-testimonial-carousel5 .wrap-content .pxl-item--holder .pxl-item--meta .pxl-item--position{font-size: 16px;
color: #8e8e8e;
font-weight: 400;
}
.pxl-testimonial-carousel5 .wrap-content:hover .pxl-item--image img{transform: scale(1.1);
}
.pxl-testimonial-grid3 .pxl-grid-item{margin-bottom: 44px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top{display: flex;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--image{width: 92px;
height: 92px;
min-width: 92px;
border-radius: 100px;
overflow: hidden;
align-items: center;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder{display: block;
margin-left: 18px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--title{margin-top: 12px;
font-size: 18px;
color: #000;
font-weight: 700;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top .pxl-item--holder .pxl-item--position{font-size: 15px;
color: #666;
font-weight: 400;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i{margin-top: 14px;
margin-left: -21px;
width: 39px;
height: 39px;
border-radius: 100px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
background-color: #fff;
line-height: 39px;
text-align: center;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-instagram{color: #e1306c;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-linkedin-in{color: #0a66c2;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-facebook-f{color: #0055bf;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.fa-twitter{color: #00d0e9;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-top i.hide{display: none;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom{margin-top: 36px;
background-color: #323232;
padding: 32px 50px 35px 50px;
position: relative;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(max-width:480px){
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom {
padding: 32px 25px 35px 25px;
}
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom:before {
position: absolute;
width: 100%;
height: 100%;
content: '';
top: 0;
background-color: #f4f4f4;
left: 0;
transform: scaley(0);
transform-origin: center;
z-index: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .quote{position: absolute;
top: -18px;
left: 44px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--desc{position: relative;
font-size: 16px;
color: #fff;
line-height: 30px;
position: relative;
opacity: 0.76;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--star{position: relative;
margin-top: 8px;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content .wrap-content-bottom .pxl-item--star i{color: #ecbd00;
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content:hover .wrap-content-bottom:before{transform: scaley(1);
}
.pxl-testimonial-grid3 .pxl-grid-item .wrap-inner-content:hover .pxl-item--desc{color: #666;
opacity: 1;
}
.pxl-testimonial-grid4 .pxl-grid-item{margin-bottom: 78px;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner{padding: 35px 40px 30px 40px;
box-shadow: rgba(0, 23, 97, .1) 0px 0px 46px;
border-radius: 25px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(max-width:700px) and (min-width:575px){
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
padding: 35px 20px 30px 20px;
}
}
@media(max-width:480px){
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner {
padding: 35px 20px 30px 20px;
}
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
margin-bottom: 22px;
margin-left: -12px;
filter: grayscale(100%);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0.4;
}
@media(max-width:700px) and (min-width:575px){
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
margin-left: -5px;
}
}
@media(max-width:480px){
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .quote {
margin-left: -5px;
}
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--desc {
position: relative;
font-size: 16px;
color: #7d7f8e;
line-height: 30px;
position: relative;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom{margin-top: 27px;
display: flex;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--image{width: 70px;
height: 70px;
min-width: 70px;
border-radius: 100px;
overflow: hidden;
align-items: center;
border: 6px solid #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder{display: block;
margin-left: 6px;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--title{margin-top: 6px;
font-size: 18px;
color: #000;
font-weight: 700;
}
.pxl-testimonial-grid4 .pxl-grid-item .pxl-item--inner .wrap-content-bottom .pxl-item--holder .pxl-item--position{font-size: 15px;
color: #a5a9b6;
font-weight: 400;
}
.pxl-testimonial-grid4 .pxl-grid-item:hover .pxl-item--inner{box-shadow: rgba(0, 23, 97, .2) 0px 44px 46px;
}
.pxl-testimonial-grid4 .pxl-grid-item:hover .quote{filter: grayscale(0%);
opacity: 1;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap{position: absolute;
width: 95px;
height: 95px;
background-color: var(--primary-color);
border-radius: 50%;
z-index: 3;
top: 36%;
left: 50%;
transform: translate(-50%);
overflow: hidden;
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap {
display: none;
}
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap:before {
position: absolute;
content: '';
background-color: #fff;
width: 1px;
height: 42px;
left: 50%;
transform: translatex(-50%);
top: 28px;
z-index: 3;
opacity: 0.7;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap:hover:before{opacity: 0;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next{width: 50%;
height: 100%;
border-radius: 0 !important;
box-shadow: none !important;
background-color: var(--primary-color);
text-align: left;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next:hover{background-color: #fff;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next:hover i{color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next i{padding-left: 10px;
line-height: 95px;
color: #fff;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev{width: 50%;
height: 100%;
border-radius: 0 !important;
box-shadow: none !important;
background-color: var(--primary-color);
transform: rotate(180deg) translatey(50%);
text-align: left;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev:hover{background-color: #fff;
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev:hover i{color: var(--primary-color);
}
.pxl-testimonial-carousel6 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev i{padding-left: 10px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
line-height: 95px;
color: #fff;
}
.pxl-testimonial-carousel6 .pxl-item--inner{display: flex;
position: relative;
}
@media(max-width:575px){
.pxl-testimonial-carousel6 .pxl-item--inner {
display: block;
}
}
.pxl-testimonial-carousel6 .pxl-item--inner:before {
position: absolute;
content: '';
width: 20px;
height: 100%;
background-color: #fff;
top: 0;
left: 50%;
transform: translateX(-50%) skewx(-3deg);
z-index: 3;
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-item--inner:before {
transform: skew(0);
}
}
@media(max-width:575px){
.pxl-testimonial-carousel6 .pxl-item--inner:before {
display: none;
}
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
width: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transform: skewx(-3deg);
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
transform: skew(0);
}
}
@media(max-width:575px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--image {
min-height: 200px;
width: 100%;
}
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-test.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 50%;
position: relative;
transform: skewx(-3deg);
padding: 46px 90px 40px 90px;
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
transform: skew(0);
}
}
@media(max-width:991px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
padding: 40px;
}
}
@media(max-width:575px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder {
width: 100%;
padding: 40px 20px;
}
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: 0.9;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star{z-index: 2;
position: relative;
transform: skewx(3deg);
display: inline-block;
background-color: #fff;
border-radius: 100px;
padding: 1px 12px 4px 12px;
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star {
transform: skew(0);
}
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--star i {
font-size: 12px;
color: var(--primary-color);
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--desc{z-index: 2;
position: relative;
transform: skewx(3deg);
display: block;
font-size: 18px;
line-height: 30px;
color: #fff;
padding: 21px 0 20px 0;
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
transform: skew(0);
}
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom {
z-index: 2;
position: relative;
transform: skewx(3deg);
display: block;
display: flex;
align-items: center;
}
@media(max-width:1200px){
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom {
transform: skew(0);
}
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .pxl-item--author {
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 100px;
overflow: hidden;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right{margin-left: 15px;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--title{font-size: 18px;
font-weight: 700;
color: #fff;
}
.pxl-testimonial-carousel6 .pxl-item--inner .pxl-item--holder .content-bottom .content-right .pxl-item--position{font-size: 15px;
color: #afaeae;
}
.pxl-testimonial-carousel7 .pxl-swiper-arrow{opacity: 0;
height: 100% !important;
top: 0;
transform: translateY(0px) !important;
}
.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet{width: 14px;
height: 14px;
background-color: #dedede;
margin: 0 7px;
border: 2px solid #dedede;
}
.pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-testimonial-carousel7 .pxl-swiper-pagination-bullet:hover{background-color: #fff;
border: 2px solid var(--primary-color);
}
.pxl-testimonial-carousel7 .pxl-swiper-dots{margin-top: 50px;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content{padding: 40px 40px 35px 117px;
background-color: #f6f6f6;
position: relative;
}
@media(max-width:575px){
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content {
padding: 117px 25px 35px 25px;
}
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:before {
position: absolute;
content: '';
width: 2px;
height: 147px;
top: 50%;
transform: translatey(-50%);
left: 58px;
background-color: #dedede;
}
@media(max-width:575px){
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:before {
display: none;
}
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:after {
position: absolute;
content: '';
width: 2px;
height: 0px;
top: 50%;
transform: translatey(-50%);
left: 58px;
background-color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(max-width:575px){
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content:after {
display: none;
}
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .quote {
position: absolute;
left: 25px;
z-index: 2;
top: 50%;
transform: translatey(-50%);
background-color: var(--primary-color);
height: 65px;
width: 65px;
border: 6px solid #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
}
@media(max-width:575px){
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .quote {
top: 20px;
transform: translatey(0%);
}
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner {
display: flex;
align-items: center;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image{margin-right: 15px;
width: 63px;
min-width: 63px;
height: 63px;
border-radius: 200px;
overflow: hidden;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 18px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 12px;
font-weight: 400;
color: #444;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #444;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 20px 0 22px 0;
}
.pxl-testimonial-carousel7 .pxl-swiper-slide .wrap-inner-content .pxl-item--star{font-size: 12px;
color: var(--primary-color);
}
.pxl-testimonial-carousel7 .pxl-swiper-slide:hover .wrap-inner-content:after{height: 147px;
}
.pxl-testimonial-carousel7.style1 .quote{background-image: linear-gradient(270deg, #00e8f1 0%, #1b66ff 100%) !important;
}
.pxl-testimonial-carousel7.style1 .wrap-inner-content:after{background-color: #578dfc !important;
}
.pxl-testimonial-carousel7.style1 .pxl-item--star{color: #ffc106 !important;
}
.pxl-testimonial-carousel7.style1 .pxl-item--star i{padding-right: 5px;
}
.pxl-testimonial-carousel7.style1 .pxl-item--image{width: 71px !important;
min-width: 71px !important;
height: 71px !important;
padding: 4px;
background-image: linear-gradient(180deg, #16ae1e 0%, #baf127 100%) !important;
}
.pxl-testimonial-carousel7.style1 .pxl-item--image .pxl-item--image-inner{max-height: 63px !important;
border-radius: 100px;
overflow: hidden;
}
.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet{border: none !important;
}
.pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:before{position: absolute;
content: '';
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border-radius: 100px;
background-image: #dedede;
}
.pxl-testimonial-carousel7.style1 .swiper-pagination-bullet-active, .pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:hover{background-image: linear-gradient(90deg, #0759ff 0%, #0ce3f3 100%) !important;
}
.pxl-testimonial-carousel7.style1 .swiper-pagination-bullet-active:before, .pxl-testimonial-carousel7.style1 .pxl-swiper-pagination-bullet:hover:before{background-color: #fff;
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow{transform: none;
top: auto;
width: 45px;
height: 45px;
border-radius: 5px;
left: auto;
line-height: 45px;
color: var(--primary-color);
}
@media(max-width:1310px){
.pxl-testimonial-carousel8 .pxl-swiper-arrow {
display: none;
}
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow:hover {
color: #fff;
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow-next{bottom: 10px;
right: -75px;
}
.pxl-testimonial-carousel8 .pxl-swiper-arrow-prev{bottom: 60px;
right: -75px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content{padding: 45px 70px 41px 70px;
border-radius: 5px;
background-color: #fff;
}
@media(max-width:1024px){
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content {
padding: 40px 20px;
}
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--star {
font-size: 12px;
display: inline-block;
background-color: #f9fafc;
border-radius: 100px;
padding: 5px 15px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--star i{padding: 0 2px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .quote{position: absolute;
right: 60px;
bottom: 40px;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner{display: flex;
align-items: center;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--image{margin-right: 15px;
width: 60px;
min-width: 60px;
height: 60px;
border-radius: 200px;
overflow: hidden;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--title{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 18px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--inner .pxl-item--holder .pxl-item--position{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 15px;
font-weight: 400;
color: #444;
}
.pxl-testimonial-carousel8 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #000;
transform: skew(-3deg);
font-size: 20px;
font-weight: 400;
line-height: 34px;
margin: 21px 0 37px 0;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow{width: 61px;
height: 61px;
transform: inherit;
background-color: #f1f1f1;
box-shadow: none;
opacity: 1 !important;
visibility: visible !important;
}
@media(max-width:450px){
.pxl-testimonial-carousel9 .pxl-swiper-arrow {
display: none;
}
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow:hover {
background-color: var(--primary-color);
color: #000;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow i{font-size: 38px;
line-height: 61px;
margin-left: -46px;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow.pxl-swiper-arrow-prev{transform: rotatey(180deg);
right: 110px;
left: auto;
bottom: 0;
top: auto;
}
.pxl-testimonial-carousel9 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: 0px;
bottom: 0;
top: auto;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner{display: flex;
align-items: center;
}
@media(max-width:767px){
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner {
display: block;
}
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
min-width: 140px;
min-height: 290px;
height: 100%;
transform: skewx(3deg);
border-radius: 10px;
overflow: hidden;
display: flex;
justify-content: center;
}
@media(max-width:767px){
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image {
min-width: 100%;
height: 250px;
transform: skewx(0deg);
}
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .image-bg {
background-size: cover;
background-position: center;
width: 100%;
min-width: 170px;
min-height: 290px;
height: 100%;
display: block;
transform: skewx(-3deg);
}
@media(max-width:767px){
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .image-bg {
background-position: top center;
min-width: 100%;
transform: skewx(0deg);
}
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
padding-left: 35px;
z-index: 2;
}
@media(max-width:767px){
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
padding-left: 0px;
padding-top: 20px;
}
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star {
display: inline-flex;
background-color: #f1f1f1;
padding: 0px 11px;
border-radius: 100px;
margin-left: -55px;
}
@media(max-width:767px){
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star {
margin-left: 0px;
}
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star i {
line-height: 23px;
font-size: 12px;
color: var(--primary-color);
padding-right: 4px;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--star i:last-child{padding-right: 0;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--desc{font-size: 23px;
font-weight: 600;
line-height: 36px;
color: #030303;
padding: 14px 0 24px 0;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 30px;
font-weight: 700;
color: #000;
}
.pxl-testimonial-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position{font-size: 14px;
margin-top: -5px;
color: var(--primary-color);
}
.pxl-testimonial-single1{text-align: center;
}
.pxl-testimonial-single1 .pxl-item--description{font-size: 22px;
line-height: 36px;
color: #4a4a4a;
}
.pxl-testimonial-single1 .pxl-item--holder{display: flex;
align-items: center;
justify-content: center;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item--image{width: 77px;
height: 77px;
border-radius: 100px;
overflow: hidden;
position: relative;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item--image:before{position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 145, 249, 0.4);
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta{padding-top: 20px;
text-align: left;
padding-left: 20px;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta .pxl-item--title{margin-bottom: 2px;
font-size: 22px;
color: #050505;
}
.pxl-testimonial-single1 .pxl-item--holder .pxl-item-meta .pxl-item--title{font-size: 22px;
color: #050505;
}
@media(max-width:1250px) and (min-width:1025px){
.pl-lg-30 > .elementor-element-populated {
padding-left: 30px !important;
}
}
.swiper-filter-active .non-swiper-slide {
display: none;
}
.swiper-filter-wrap, .pxl-grid-filter3{display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.swiper-filter-wrap .filter-item, .pxl-grid-filter3 .filter-item{display: inline-block;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
margin: 10px 24px;
cursor: pointer;
position: relative;
z-index: 1;
}
.swiper-filter-wrap .filter-item:before, .pxl-grid-filter3 .filter-item:before{content: '';
width: 11px;
height: 41px;
-webkit-border-radius: 11px;
-khtml-border-radius: 11px;
-moz-border-radius: 11px;
-ms-border-radius: 11px;
-o-border-radius: 11px;
border-radius: 11px;
background-color: #f4f4f4;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scaley(0);
-khtml-transform: translate(-50%, -50%) scaley(0);
-moz-transform: translate(-50%, -50%) scaley(0);
-ms-transform: translate(-50%, -50%) scaley(0);
-o-transform: translate(-50%, -50%) scaley(0);
transform: translate(-50%, -50%) scaley(0);
opacity: 0;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: -1;
}
.swiper-filter-wrap .filter-item span, .pxl-grid-filter3 .filter-item span{color: #010927;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.swiper-filter-wrap .filter-item.active, .pxl-grid-filter3 .filter-item.active{color: var(--primary-color);
}
.swiper-filter-wrap .filter-item.active:before, .pxl-grid-filter3 .filter-item.active:before{opacity: 1;
-webkit-transform: translate(-50%, -50%) scaley(1);
-khtml-transform: translate(-50%, -50%) scaley(1);
-moz-transform: translate(-50%, -50%) scaley(1);
-ms-transform: translate(-50%, -50%) scaley(1);
-o-transform: translate(-50%, -50%) scaley(1);
transform: translate(-50%, -50%) scaley(1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow{left: 50%;
-webkit-transform: translatex(-50%);
-khtml-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
right: auto;
bottom: 0;
top: auto;
opacity: 1;
visibility: visible;
width: 40px;
height: 40px;
background-color: transparent;
border: 2px solid #4b5345;
line-height: 36px;
color: #4b5345;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before{content: "\f142";
font-size: 16px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover{border-color: var(--primary-color);
background-color: var(--primary-color);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev{margin-left: -80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i{-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next{margin-left: 80px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-arrow + .pxl-swiper-dots{position: absolute;
bottom: 120px;
left: 0;
right: 0;
margin: 0;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction{bottom: 10px;
font-size: 0px;
line-height: 20px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span{font-weight: 500;
color: #fff;
font-size: 16px;
display: inline-block;
min-width: 20px;
text-align: center;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current{position: relative;
margin-right: 50px;
}
.pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before{content: '';
position: absolute;
top: 50%;
left: 32px;
width: 27px;
height: 1px;
background-color: #fff;
}
.pxl-swiper-arrow-style1.pxl-arrows-active{padding-bottom: 90px;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow{opacity: 1;
visibility: visible;
height: 55px;
width: 55px;
line-height: 55px;
font-size: 20px;
background: transparent;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
position: static;
-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);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow i{display: inline-flex;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg{height: 55px;
width: 55px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main{fill: #ececec;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover{opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev{-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
margin-right: 16px;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main{opacity: 0;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover{opacity: 1;
}
.pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap{display: flex;
flex-wrap: nowrap;
align-items: center;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow{font-size: 36px;
color: #c5d3d8;
background-color: transparent;
box-shadow: none;
}
.pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i{-webkit-transform: scalex(-1);
-khtml-transform: scalex(-1);
-moz-transform: scalex(-1);
-ms-transform: scalex(-1);
-o-transform: scalex(-1);
transform: scalex(-1);
display: inline-block;
}
.pxl-swiper-arrow-style4 .pxl-swiper-arrow{width: 63px;
height: 63px;
background-color: transparent;
border: 2px solid #1a2f31;
box-shadow: none;
}
@media screen and (max-width:1199px){
.pxl-swiper-arrow-style4 .pxl-swiper-arrow {
width: 50px;
height: 50px;
}
}
@media screen and (min-width:1400px){
.pxl-swiper-arrow-style4 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: -110px;
}
.pxl-swiper-arrow-style4 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -110px;
}
}
.pxl-swiper-arrow-style4 .pxl-swiper-arrow:hover {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets{margin-top: 35px;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span{margin: 0 4px;
width: 11px;
height: 11px;
background-color: var(--gradient-color-from);
background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:before{content: '';
width: 13px;
height: 13px;
border: 1px solid var(--primary-color);
top: -1px;
left: -1px;
position: absolute;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
opacity: 0;
-webkit-transform: scale(1.4);
-khtml-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after{-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
content: '';
width: 5px;
height: 5px;
-webkit-border-radius: 13px;
-khtml-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
position: absolute;
top: 3px;
left: 3px;
background-color: var(--gradient-color-from);
background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
opacity: 0;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active{background: transparent;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after{opacity: 1;
}
.pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before{-webkit-transform: scale(1);
-khtml-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.pxl-swiper-sliders .pxl-item--image img{width: 100%;
}
.pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a{color: inherit;
}
.pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover{color: inherit;
}
.pxl-post-carousel3 .pxl-swiper-wrapper{padding: 50px 0;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner{box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body{padding: 23px 30px 30px 30px;
position: relative;
background-color: #fff;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body:before{position: absolute;
content: '';
background-color: #000;
height: 13px;
width: 97px;
bottom: 0;
right: 27px;
transform: skewx(-45deg);
transition: 250ms all ease 0s;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta{display: flex;
align-items: center;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta div, .pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta a{font-size: 16px;
color: #7a7a7a;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta i{color: var(--primary-color);
padding-right: 8px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta .pxl-item--date{padding-right: 25px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title{font-size: 22px;
line-height: 30px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a{font-size: 22px;
line-height: 30px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a:hover{color: var(--primary-color);
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .item--content{padding-top: 14px;
font-size: 17px;
color: #444;
line-height: 28px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore{border-top: 1px solid #e9f0f3;
padding-top: 20px;
margin-top: 24px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a{font-size: 16px;
color: var(--secondary-color);
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
transition: 250ms all ease 0s;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a i{transition: 250ms all ease 0s !important;
font-size: 13px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a span{padding-right: 10px;
transition: 250ms all ease 0s;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a:hover span{padding-right: 15px;
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .entry-body:before{background-color: var(--primary-color);
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a{color: var(--primary-color);
}
.pxl-post-carousel3 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a i{transform: rotate(45deg);
}
.pxl-post-carousel4 .pxl-swiper-wrapper{padding: 50px 0;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide{padding-top: 110px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner{box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body{padding: 0px 30px 19px 30px;
position: relative;
background-color: #fff;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--image img{border-radius: 3px;
margin-top: -105px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta{display: flex;
align-items: center;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta div, .pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta a{font-size: 16px;
color: #7a7a7a;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta i{color: var(--primary-color);
padding-right: 8px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .post-meta .pxl-item--date{padding-right: 25px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title{padding-top: 23px;
font-size: 22px;
line-height: 30px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a{font-size: 22px;
line-height: 30px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .pxl-item--title a:hover{color: var(--primary-color);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .entry-body .item--content{padding-top: 14px;
font-size: 17px;
color: #444;
line-height: 28px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore{border-top: 1px solid #e9f0f3;
padding-top: 16px;
margin-top: 24px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a{font-size: 16px;
color: var(--secondary-color);
text-transform: uppercase;
font-weight: 700;
display: flex;
align-items: center;
transition: 250ms all ease 0s;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a i{font-size: 13px;
transition: 250ms all ease 0s !important;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a span{padding-right: 10px;
transition: 250ms all ease 0s;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide .pxl-item--inner .pxl-item--readmore a:hover span{padding-right: 15px;
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover img{transform: scale(1.1);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .entry-body:before{background-color: var(--primary-color);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a{color: var(--primary-color);
}
.pxl-post-carousel4 .pxl-swiper-wrapper .pxl-swiper-slide:hover .pxl-item--readmore a i{transform: rotate(45deg);
}
.pxl-post-carousel1 .pxl-grid-item, .pxl-blog-grid-layout2 .pxl-grid-item{margin-bottom: 60px;
}
.pxl-post-carousel1 .pxl-swiper-dots, .pxl-blog-grid-layout2 .pxl-swiper-dots{margin-top: -46px;
}
.pxl-post-carousel1 .pxl-swiper-pagination-bullet, .pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-post-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-post-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-blog-grid-layout2 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-post-carousel1 .pxl-swiper-wrapper, .pxl-blog-grid-layout2 .pxl-swiper-wrapper{padding: 40px 0 80px 0;
}
.pxl-post-carousel1 .pxl-item--inner, .pxl-blog-grid-layout2 .pxl-item--inner{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-post-carousel1 .pxl-item--inner:hover, .pxl-blog-grid-layout2 .pxl-item--inner:hover{box-shadow: rgba(17, 12, 46, 0.1) 0px 48px 40px 0px;
}
.pxl-post-carousel1 .pxl-item--title, .pxl-blog-grid-layout2 .pxl-item--title{font-size: 20px;
font-weight: 700;
color: var(--secondary-color);
line-height: 30px;
}
.pxl-post-carousel1 .pxl-item--title:hover, .pxl-blog-grid-layout2 .pxl-item--title:hover{color: var(--primary-color);
}
.pxl-post-carousel1 .pxl-item--category, .pxl-blog-grid-layout2 .pxl-item--category{padding: 11px 25px 14px 25px;
border-bottom: 1px solid #e8e8e8;
}
.pxl-post-carousel1 .pxl-item--category a, .pxl-blog-grid-layout2 .pxl-item--category a{font-size: 12px;
font-weight: 600;
color: var(--primary-color);
letter-spacing: 3px;
text-transform: uppercase;
}
.pxl-post-carousel1 .wrap-feature, .pxl-blog-grid-layout2 .wrap-feature{overflow: hidden;
position: relative;
}
.pxl-post-carousel1 .wrap-feature .pxl-item--date, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date{text-align: center;
position: absolute;
bottom: 0;
right: 35px;
width: 105px;
height: 75px;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-date.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-date.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-date.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-date);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
background-color: #fff;
}
.pxl-post-carousel1 .wrap-feature .pxl-item--date .month-day, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .month-day{margin-top: 25px;
color: var(--secondary-color);
font-size: 18px;
font-weight: 700;
}
.pxl-post-carousel1 .wrap-feature .pxl-item--date .year, .pxl-blog-grid-layout2 .wrap-feature .pxl-item--date .year{margin-top: -3px;
color: #9b9b9b;
font-size: 12px;
font-weight: 400;
}
.pxl-post-carousel1 .pxl-item--readmore .btn-readmore, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore{margin-top: 5px;
display: block;
padding: 11px 21px 12px 21px;
font-size: 15px;
font-weight: 700;
color: #fff !important;
background-color: var(--primary-color);
position: relative;
}
.pxl-post-carousel1 .pxl-item--readmore .btn-readmore:before, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore:before{position: absolute;
content: '';
left: 2px;
right: 2px;
bottom: 15px;
top: 15px;
border: 0px solid var(--primary-color);
}
.pxl-post-carousel1 .pxl-item--readmore .btn-readmore:hover:before, .pxl-blog-grid-layout2 .pxl-item--readmore .btn-readmore:hover:before{left: 2px;
right: 2px;
bottom: 2px;
top: 2px;
border: 4px solid #fff;
}
.pxl-post-carousel1 .pxl-item--author a, .pxl-blog-grid-layout2 .pxl-item--author a{display: block;
color: #898989;
}
.pxl-post-carousel1 .pxl-item--author a i, .pxl-blog-grid-layout2 .pxl-item--author a i{color: var(--primary-color);
padding-right: 10px;
}
.pxl-post-carousel1 .pxl-item--author a span, .pxl-blog-grid-layout2 .pxl-item--author a span{padding-left: 4px;
color: var(--secondary-color);
font-weight: 700;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-post-carousel1 .pxl-item--author a:hover span, .pxl-blog-grid-layout2 .pxl-item--author a:hover span{color: var(--primary-color);
}
.pxl-post-carousel1 .pxl-swiper-arrow, .pxl-blog-grid-layout2 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translatey(0px);
}
.pxl-post-carousel1 .entry-body, .pxl-blog-grid-layout2 .entry-body{padding: 13px 25px 35px 25px;
}
.pxl-post-carousel1 .entry-body .pxl-item--holder, .pxl-blog-grid-layout2 .entry-body .pxl-item--holder{display: flex;
align-items: center;
justify-content: space-between;
}
.pxl-post-carousel1.btn-2 .btn-readmore, .pxl-blog-grid-layout2.btn-2 .btn-readmore{background-color: var(--primary-color);
padding: 7px 0px 7px 21px;
}
.pxl-post-carousel1.btn-2 .btn-readmore:before, .pxl-blog-grid-layout2.btn-2 .btn-readmore:before{display: none;
}
.pxl-post-carousel1.btn-2 .btn-readmore:after, .pxl-blog-grid-layout2.btn-2 .btn-readmore:after{position: absolute;
content: '';
width: 24px !important;
height: 100% !important;
background-color: var(--primary-color);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
border: none;
bottom: auto;
left: auto;
transition: 200ms all linear 0ms;
z-index: 0;
right: -22px !important;
z-index: -1;
top: 0 !important;
clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0% 50%);
}
.pxl-post-carousel1.btn-2 .btn-readmore:hover, .pxl-blog-grid-layout2.btn-2 .btn-readmore:hover{padding: 7px 21px 7px 15px;
}
.pxl-post-carousel1.btn-2 .btn-readmore:hover:after, .pxl-blog-grid-layout2.btn-2 .btn-readmore:hover:after{clip-path: polygon(0 0, 9% 0, 100% 50%, 9% 100%, 0 100%, 0% 50%);
z-index: 0;
opacity: 1;
transform: scalex(1);
}
.pxl-post-carousel2 .pxl-swiper-arrow{top: 40%;
width: 89px;
height: 81px;
border-radius: 0 !important;
background-color: rgba(0, 0, 0, .7);
}
@media(max-width:991px){
.pxl-post-carousel2 .pxl-swiper-arrow {
display: none;
}
}
.pxl-post-carousel2 .pxl-swiper-arrow i {
font-size: 35px;
line-height: 81px;
color: #fff;
}
.pxl-post-carousel2 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -100px;
transform: rotatey(90deg);
transform-origin: center;
opacity: 0;
-webkit-transition: 350ms all linear 0ms;
-khtml-transition: 350ms all linear 0ms;
-moz-transition: 350ms all linear 0ms;
-ms-transition: 350ms all linear 0ms;
-o-transition: 350ms all linear 0ms;
transition: 350ms all linear 0ms;
}
.pxl-post-carousel2 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -100px;
transform: rotatey(-90deg);
transform-origin: center;
opacity: 0;
-webkit-transition: 350ms all linear 0ms;
-khtml-transition: 350ms all linear 0ms;
-moz-transition: 350ms all linear 0ms;
-ms-transition: 350ms all linear 0ms;
-o-transition: 350ms all linear 0ms;
transition: 350ms all linear 0ms;
}
.pxl-post-carousel2 .pxl-swiper-arrow:hover{background-color: rgba(213, 58, 22, .7);
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image{position: relative;
overflow: hidden;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date{width: 81px;
height: 83px;
background-color: #fff;
position: absolute;
top: 19px;
left: 17px;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date .day{padding-top: 18px;
padding-bottom: 1px;
color: var(--primary-color);
font-size: 36px;
font-weight: 800;
line-height: 27px;
text-align: center;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image .pxl-item--date .month{color: #050505;
font-size: 16px;
text-align: center;
font-weight: 700;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder{background-color: #fff;
overflow: hidden;
padding-top: 22px;
margin-left: 23px;
padding-left: 23px;
margin-top: -50px;
z-index: 2;
position: relative;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a{font-size: 15px;
font-weight: 600;
color: var(--primary-color);
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title{height: 60px;
overflow: hidden;
font-size: 22px;
line-height: 30px;
margin-bottom: 20px;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a{border-bottom: 1px solid transparent;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{border-bottom: 1px solid #828282;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore{font-size: 15px;
color: #050505;
font-weight: 700;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore i{color: #050505;
transform: translate(3px);
width: 28px;
background-color: #fff;
margin-left: -15px;
font-size: 12px;
transition: 300ms all ease 0ms;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot{margin-left: 7px;
position: relative;
display: inline-block;
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
margin-bottom: 2px;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot:before{position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
left: 7px;
top: 0;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore .dot:after{position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
left: 14px;
top: 0;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .btn-readmore:hover i{margin-left: 11px;
color: var(--primary-color);
}
.pxl-post-carousel2:hover .pxl-swiper-arrow{transform: rotatey(0);
opacity: 1;
}
.pxl-post-carousel2:hover .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -40px !important;
}
.pxl-post-carousel2:hover .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -40px !important;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image{max-height: 310px;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-post-carousel.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-post-carousel.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-post-carousel.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-post-carousel.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: left top;
-ms-mask-position: left top;
-o-mask-position: left top;
border-radius: 8px;
overflow: hidden;
}
@media(max-width:767px){
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image {
border-radius: 8px 8px 0 0;
mask-image: none;
-webkit-mask-image: none;
-ms-mask-image: none;
-o-mask-image: none;
}
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .pxl-item--image img {
transform: scale(1.1) translatex(-15px);
-webkit-transition: 300ms all ease 0ms;
-khtml-transition: 300ms all ease 0ms;
-moz-transition: 300ms all ease 0ms;
-ms-transition: 300ms all ease 0ms;
-o-transition: 300ms all ease 0ms;
transition: 300ms all ease 0ms;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content{max-width: 507px;
padding: 0px 50px 30px 50px;
transform: skewx(-5deg);
border-radius: 0 0 5px 5px;
background-color: #f8f8f8;
margin-left: 17px;
}
@media(max-width:767px){
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content {
max-width: 100%;
padding: 0px 20px 30px 20px;
transform: skewx(0deg);
border-radius: 0 0 5px 5px;
margin-left: 0px;
}
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date {
transform: skewx(5deg) translate(-33px, -23px);
padding: 0 22px;
line-height: 46px;
font-size: 13px;
text-transform: uppercase;
color: #fff;
background-color: var(--primary-color);
border-radius: 1000px;
display: inline-block;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date i{padding-right: 5px;
font-size: 16px;
}
@media(max-width:767px){
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--date {
transform: skewx(0deg) translate(0px, -23px);
}
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
transform: skewx(5deg) translatex(-6px);
font-size: 25px;
color: #323232;
line-height: 35px;
margin-bottom: 5px;
}
@media(max-width:767px){
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
font-size: 20px;
line-height: 30px;
transform: skewx(0deg) translatex(-6px);
}
}
@media(max-width:575px){
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title {
font-size: 18px;
line-height: 28px;
transform: skewx(0deg) translatex(-6px);
}
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title a {
font-size: 25px;
color: #323232;
line-height: 35px;
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .pxl-item--title a:hover{color: var(--primary-color);
}
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .item--content{transform: skewx(5deg);
font-size: 18px;
line-height: 28px;
color: #737879;
}
@media(max-width:767px){
.pxl-post-carousel5 .pxl-swiper-slide .entry-body .content .item--content {
transform: skewx(0deg);
}
}
.pxl-post-carousel5 .pxl-swiper-slide:hover .pxl-item--image img {
transform: scale(1.1) translatex(0px);
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top{margin-top: 27px;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category, .pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment{display: flex;
align-items: center;
font-size: 16px;
color: #0e0e0e;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category a:hover, .pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment a:hover{color: #0084ff;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--category img, .pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment img{margin-right: 5px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-top .pxl-item--comment{margin-left: 25px;
}
.pxl-post-carousel6 .pxl-swiper-slide .pxl-item--title a{font-size: 26px;
font-weight: 700;
line-height: 32px;
}
.pxl-post-carousel6 .pxl-swiper-slide .pxl-item--title a:hover{color: #0084ff;
}
.pxl-post-carousel6 .pxl-swiper-slide .item--content{margin-top: 13px;
font-size: 16px;
line-height: 24px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom{border-top: 2px solid #eaeaea;
padding-top: 18px;
margin-top: 24px;
display: flex;
align-items: center;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-left{display: block;
background-color: #0084ff;
border-radius: 1000px;
width: 58px;
height: 58px;
text-align: center;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-left i{font-size: 32px;
color: #fff;
line-height: 58px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right{padding-left: 15px;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author{font-size: 18px;
font-weight: 700;
color: #0e0e0e;
text-transform: capitalize;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author .by{color: #757575;
text-transform: lowercase;
padding-right: 4px;
font-weight: 400;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--author a:hover{color: #0084ff;
}
.pxl-post-carousel6 .pxl-swiper-slide .post-meta-bottom .content-right .pxl-item--date{margin-top: 3px;
font-size: 14px;
font-weight: 400;
color: #757575;
}
.pxl-service-carousel1 .pxl-swiper-pagination-bullet, .pxl-service-grid-layout2 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-service-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-grid-layout2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-service-grid-layout2 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-service-carousel1 .pxl-swiper-arrow, .pxl-service-grid-layout2 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translatey(20px);
z-index: 10;
}
.pxl-service-carousel1 .pxl-swiper-slide, .pxl-service-grid-layout2 .pxl-swiper-slide, .pxl-service-carousel1 .pxl-grid-item, .pxl-service-grid-layout2 .pxl-grid-item{position: relative;
padding: 25px !important;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
@media(max-width:767px){
.pxl-service-carousel1 .pxl-swiper-slide, .pxl-service-grid-layout2 .pxl-swiper-slide, .pxl-service-carousel1 .pxl-grid-item, .pxl-service-grid-layout2 .pxl-grid-item {
padding: 0 !important;
}
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item {
padding: 0 !important;
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner{padding: 0 17px 45px 17px;
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a{color: var(--primary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover, .pxl-service-grid-layout2 .pxl-swiper-slide.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover, .pxl-service-carousel1 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover, .pxl-service-grid-layout2 .pxl-grid-item.pxl-grid-item .pxl-item--inner .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-service-carousel1 .pxl-swiper-slide .roof, .pxl-service-grid-layout2 .pxl-swiper-slide .roof, .pxl-service-carousel1 .pxl-grid-item .roof, .pxl-service-grid-layout2 .pxl-grid-item .roof{max-height: 128px;
overflow: hidden;
position: relative;
text-align: center;
}
.pxl-service-carousel1 .pxl-swiper-slide .roof:before, .pxl-service-grid-layout2 .pxl-swiper-slide .roof:before, .pxl-service-carousel1 .pxl-grid-item .roof:before, .pxl-service-grid-layout2 .pxl-grid-item .roof:before{position: absolute;
content: '';
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
opacity: 0.4;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
left: 0px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner{position: relative;
text-align: center;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding: 0 20px 50px 20px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder{padding: 0 20px 30px 20px;
box-shadow: rgba(0, 0, 0, 0.06) 0px 30px 27px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon{font-size: 40px;
color: var(--secondary-color);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt{font-size: 16px;
color: var(--secondary-color);
font-weight: 400;
line-height: 24px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 22px;
height: 30px;
overflow: hidden;
line-height: 30px;
color: var(--primary-color);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a{font-size: 0px;
line-height: 0px;
color: #fff;
background-color: var(--primary-color);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: absolute;
left: 50%;
transform: translatex(-50%);
padding: 0px;
min-width: 158px;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before{position: absolute;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
content: '';
width: 100%;
height: 5px;
bottom: -18px;
background-color: var(--primary-color);
left: 0;
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover{background-color: var(--secondary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover:before, .pxl-service-grid-layout2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:hover:before, .pxl-service-carousel1 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover:before, .pxl-service-grid-layout2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:hover:before{background-color: var(--secondary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .item--icon, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .item--icon, .pxl-service-carousel1 .pxl-grid-item:hover .item--icon, .pxl-service-grid-layout2 .pxl-grid-item:hover .item--icon{transform: scale(1.1);
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .item--icon i, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .item--icon i, .pxl-service-carousel1 .pxl-grid-item:hover .item--icon i, .pxl-service-grid-layout2 .pxl-grid-item:hover .item--icon i{color: var(--primary-color);
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-carousel1 .pxl-grid-item:hover .pxl-readmore a, .pxl-service-grid-layout2 .pxl-grid-item:hover .pxl-readmore a{line-height: 30px;
font-size: 15px;
padding: 10px 40px;
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-carousel1 .pxl-grid-item:hover .pxl-readmore a:before, .pxl-service-grid-layout2 .pxl-grid-item:hover .pxl-readmore a:before{bottom: -10px;
}
.pxl-service-carousel1 .pxl-swiper-slide:hover .roof:before, .pxl-service-grid-layout2 .pxl-swiper-slide:hover .roof:before, .pxl-service-carousel1 .pxl-grid-item:hover .roof:before, .pxl-service-grid-layout2 .pxl-grid-item:hover .roof:before{opacity: 0;
}
.pxl-service-carousel2 .pxl-swiper-dots, .pxl-service-grid-layout3 .pxl-swiper-dots{margin-top: -5px;
}
.pxl-service-carousel2 .pxl-swiper-pagination-bullet, .pxl-service-grid-layout3 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-service-carousel2 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-grid-layout3 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel2 .pxl-swiper-pagination-bullet:hover, .pxl-service-grid-layout3 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-service-carousel2 .pxl-swiper-arrow, .pxl-service-grid-layout3 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translatey(20px);
z-index: 10;
}
.pxl-service-carousel2 .pxl-swiper-slide, .pxl-service-grid-layout3 .pxl-swiper-slide, .pxl-service-carousel2 .pxl-grid-item, .pxl-service-grid-layout3 .pxl-grid-item{position: relative;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding: 0px 16px 70px 16px !important;
filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.1));
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-item--title, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-item--title, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-item--title, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-item--title{height: 63px;
overflow: hidden;
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover:before, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover:before, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover:before, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover:before, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover:after, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover:after, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover:after, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover:after, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-readmore a, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .pxl-readmore a:after, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .pxl-readmore a:after{background-color: var(--primary-color) !important;
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a, .pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .pxl-readmore a:after, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a:after, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .pxl-readmore a:after{background-color: #fff !important;
}
.pxl-service-carousel2 .pxl-swiper-slide.pxl-grid-item .inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-swiper-slide.pxl-grid-item .inner-hover .item--icon, .pxl-service-carousel2 .pxl-grid-item.pxl-grid-item .inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-grid-item.pxl-grid-item .inner-hover .item--icon{background: transparent !important;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover), .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover), .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner:not(.inner-hover), .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner:not(.inner-hover){overflow: hidden;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner{position: relative;
text-align: center;
clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
background-color: #fff;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner:before{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder{padding: 0px 20px 30px 20px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon{font-size: 55px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #fff;
position: relative;
width: 105px;
height: 105px;
display: block;
margin: 0 auto;
background-color: var(--primary-color);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i{line-height: 105px;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt{font-size: 16px;
color: var(--secondary-color);
font-weight: 400;
line-height: 24px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: relative;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 22px;
padding-top: 33px;
position: relative;
line-height: 30px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a{position: relative;
margin-top: 34px;
font-size: 15px;
line-height: 30px;
color: #fff;
background-color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
padding: 6px 27px;
font-weight: 700;
display: inline-block;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner .pxl-readmore a:before{position: absolute;
content: '';
width: 24px;
height: 100%;
background-color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: 0;
right: -15px;
z-index: -1;
transform: scalex(0);
top: 0;
clip-path: polygon(37% 0, 100% 50%, 37% 100%, 0 100%, 0 0);
opacity: 0;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: absolute;
top: 0;
right: 16px;
left: 16px;
transform: scaley(0);
clip-path: none;
background-color: transparent;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover:before{background-color: var(--primary-color);
clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover:after, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover:after, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover:after, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover:after{position: absolute;
content: '';
background-color: var(--primary-color);
width: 65px;
height: 100px;
top: 0;
right: 43px;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before{width: 100% !important;
transform: translatex(0%);
left: 0;
height: 100% !important;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .content-excerpt, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .content-excerpt{color: #fff;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a:hover, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a{background-color: #fff;
color: var(--secondary-color);
padding: 6px 20px 6px 34px;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:before{transform-origin: left;
z-index: 0;
opacity: 1;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
transform: scalex(1);
background-color: #fff;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover{padding: 6px 27px 6px 28px;
color: var(--primary-color);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-readmore a:hover:before{transform: scalex(0);
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .pxl-item--holder:before{width: 100%;
height: 100%;
}
.pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon, .pxl-service-carousel2 .pxl-grid-item .pxl-item--inner.inner-hover .item--icon, .pxl-service-grid-layout3 .pxl-grid-item .pxl-item--inner.inner-hover .item--icon{transform: translatey(30px);
background-color: transparent !important;
}
.pxl-service-carousel2 .pxl-swiper-slide:hover .inner-hover, .pxl-service-grid-layout3 .pxl-swiper-slide:hover .inner-hover, .pxl-service-carousel2 .pxl-grid-item:hover .inner-hover, .pxl-service-grid-layout3 .pxl-grid-item:hover .inner-hover{transform: scaley(1);
}
.pxl-service-carousel7 .pxl-swiper-container{padding-top: 60px;
}
.pxl-service-carousel7 .pxl-swiper-dots{margin-top: -5px;
}
.pxl-service-carousel7 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-service-carousel7 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel7 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translatey(20px);
z-index: 10;
}
.pxl-service-carousel7 .pxl-swiper-slide{position: relative;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding: 0px 16px 70px 16px !important;
filter: drop-shadow(0px 0px 9px rgba(0, 0, 0, 0.1));
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:not(.inner-hover){overflow: hidden;
}
.pxl-service-carousel7 .pxl-swiper-slide .item--icon{position: absolute;
left: 50%;
transform: translatex(-50%);
top: -25px;
font-size: 55px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #fff;
width: 117px;
height: 117px;
display: block;
z-index: 2;
text-align: center;
border-radius: 500px;
margin: 0 auto;
background-color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .item--icon i{line-height: 105px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner{position: relative;
text-align: center;
clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
background-color: #fff;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:before{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner:after{position: absolute;
content: '';
width: 100%;
height: 5px;
bottom: 0;
left: 0;
background-color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder{min-height: 390px;
padding: 95px 45px 30px 45px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
@media(max-width:991px){
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
padding: 95px 20px 30px 20px;
}
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt {
font-size: 16px;
color: var(--secondary-color);
font-weight: 400;
line-height: 24px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: relative;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 22px;
padding-top: 33px;
position: relative;
line-height: 30px;
font-weight: 700;
color: var(--secondary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a{position: relative;
margin-top: 34px;
font-size: 15px;
line-height: 30px;
color: #fff;
background-color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
padding: 6px 27px;
font-weight: 700;
display: inline-block;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:before{position: absolute;
content: '';
background-color: var(--primary-color);
width: 48px;
height: 2px;
bottom: 20px;
left: -58px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a:after{position: absolute;
content: '';
background-color: var(--primary-color);
width: 48px;
height: 2px;
bottom: 20px;
right: -58px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: absolute;
top: 0;
opacity: 0;
right: 16px;
left: 16px;
transform: scale(0.5);
clip-path: none;
background-color: transparent;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover:before{background-color: #050505;
clip-path: polygon(50% 0%, 100% 27%, 100% 100%, 0 100%, 0 27%);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover:after{position: absolute;
content: '';
background-color: #050505;
width: 65px;
height: 100px;
top: 0;
right: 43px;
bottom: auto;
left: auto;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before{width: 100% !important;
transform: translatex(0%);
left: 0;
height: 100% !important;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder{padding: 140px 45px 30px 45px;
}
@media(max-width:991px){
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder {
padding: 140px 20px 30px 20px;
}
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .content-excerpt {
color: #fff;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--content{height: 50px;
overflow: hidden;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a{background-color: #fff;
color: var(--secondary-color);
padding: 6px 27px 6px 27px;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:before, .pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:after{display: none;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-readmore a:hover{color: var(--primary-color);
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .pxl-item--holder:before{width: 100%;
height: 100%;
}
.pxl-service-carousel7 .pxl-swiper-slide .pxl-item--inner.inner-hover .item--icon{transform: translatey(30px);
background-color: transparent !important;
}
.pxl-service-carousel7 .pxl-swiper-slide:hover .item--icon{top: 40px;
}
.pxl-service-carousel7 .pxl-swiper-slide:hover .inner-hover{transform: scale(1);
opacity: 1;
}
.pxl-service-carousel8 .pxl-swiper-container{padding-top: 75px;
}
.pxl-service-carousel8 .pxl-swiper-dots{margin-top: -5px;
}
.pxl-service-carousel8 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-service-carousel8 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel8 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-service-carousel8 .pxl-swiper-arrow{width: 52px;
height: 52px;
line-height: 52px;
}
.pxl-service-carousel8 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -10px;
}
.pxl-service-carousel8 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -10px;
}
.pxl-service-carousel8 .pxl-swiper-slide{position: relative;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding: 0px 16px 100px 16px !important;
}
.pxl-service-carousel8 .pxl-swiper-slide .item--icon{position: absolute;
left: 50%;
transform: translatex(-50%);
top: -55px;
font-size: 50px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #fff;
width: 103px;
height: 103px;
display: block;
z-index: 2;
text-align: center;
margin: 0 auto;
background-color: var(--primary-color);
clip-path: polygon(50% 0%, 100% 53%, 100% 100%, 0 100%, 0 53%);
}
.pxl-service-carousel8 .pxl-swiper-slide .item--icon i{line-height: 122px;
}
.pxl-service-carousel8 .pxl-swiper-slide .item--roof{position: absolute;
left: 50%;
transform: translatex(-50%);
top: -92px;
font-size: 50px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
color: #fff;
width: 103px;
height: 103px;
display: block;
z-index: 2;
text-align: center;
filter: grayscale(1);
opacity: 0.7;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner{position: relative;
text-align: center;
background-color: #fff;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--image{max-height: 298px;
overflow: hidden;
position: relative;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background-color: #010100;
opacity: 0.2;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder{padding: 20px 45px 34px 45px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: absolute;
left: 28px;
right: 28px;
bottom: -55px;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.06) 5px 0px 24px;
}
@media(max-width:767px){
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder {
padding: 20px 25px 34px 25px !important;
}
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt {
font-size: 16px;
color: var(--secondary-color);
font-weight: 400;
line-height: 24px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
position: relative;
height: 0px;
overflow: hidden;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 24px;
position: relative;
overflow: hidden;
display: block;
height: 30px;
line-height: 30px;
font-weight: 700;
color: var(--secondary-color);
margin-bottom: 0;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category{font-size: 16px;
position: relative;
font-weight: 700;
text-transform: uppercase;
color: var(--primary-color);
margin-bottom: -2px;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore{height: 0px;
overflow: hidden;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore a{font-size: 15px;
color: #040404;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
font-weight: 700;
display: inline-block;
}
.pxl-service-carousel8 .pxl-swiper-slide .pxl-item--inner .pxl-readmore i{transform: translatey(-1px);
font-size: 9px;
color: var(--primary-color);
margin-left: 5px;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .item--roof{filter: grayscale(0);
opacity: 1;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-item--image:before{opacity: 0.5;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-item--holder{padding: 20px 45px 23px 45px;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .content-excerpt{margin: 16px 0 21px 0;
height: 70px !important;
}
.pxl-service-carousel8 .pxl-swiper-slide:hover .pxl-readmore{height: 30px;
}
.pxl-service-carousel8.style2 .item--roof{display: none;
}
.pxl-service-carousel8.style2 .item--icon{clip-path : none !important;
width: 87px !important;
height: 87px !important;
background-color: #0084ff;
top: -42px !important;
}
.pxl-service-carousel8.style2 .item--icon:before{position: absolute;
content: '';
background-image: linear-gradient(270deg, #00e8f1 0%, #1b66ff 100%) !important;
top: 0;
right: 0;
width: 0;
height: 100%;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel8.style2 .item--icon i{line-height: 87px;
position: relative;
z-index: 3;
}
.pxl-service-carousel8.style2 .pxl-readmore span{border-bottom: 1px solid #bdbdbd;
}
.pxl-service-carousel8.style2 .pxl-readmore i{transform: translatey(3px) !important;
background: -webkit-linear-gradient(1deg, #0054ff, #60eef6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pxl-service-carousel8.style2 .pxl-readmore i:before{content: "\f178" !important;
font-weight: 400;
font-size: 21px;
}
.pxl-service-carousel8.style2 .pxl-item--category a{color: #12ad1a !important;
}
.pxl-service-carousel8.style2 .pxl-swiper-slide:hover .item--icon{top: -57px !important;
}
.pxl-service-carousel8.style2 .pxl-swiper-slide:hover .item--icon:before{left: 0;
width: 100%;
}
.pxl-service-carousel9 .pxl-swiper-container{padding: 50px 24px;
margin: 0 -20px;
}
.pxl-service-carousel9 .pxl-swiper-slide{padding: 0 15px !important;
opacity: 0;
}
.pxl-service-carousel9 .pxl-swiper-slide.swiper-slide-visible{opacity: 1;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner{background-color: #fff;
text-align: center;
box-shadow: 0 10px 50px rgba(132, 132, 132, 0.1);
border-radius: 3px;
padding: 40px 30px 20px 30px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .item--icon{height: 90px;
width: 90px;
border-radius: 200px;
background-color: #f4f5fa;
display: inline-block;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .item--icon i{color: var(--primary-color);
line-height: 90px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 45px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title{padding-top: 25px;
margin-bottom: 0;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a{height: 30px;
display: block;
overflow: hidden;
font-size: 22px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a:hover{color: var(--primary-color);
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-item--inner .pxl-item--content{margin: 11px 0 26px 0;
display: block;
font-size: 17px;
color: #444;
line-height: 28px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore{border-top: 1px solid #e5e5e5;
padding-top: 17px;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a{font-size: 16px;
color: #000;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a i{font-size: 12px;
margin-left: 15px;
display: inline-block;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a:hover{color: var(--primary-color);
}
.pxl-service-carousel9 .pxl-swiper-slide .pxl-readmore a:hover i{transform: rotate(45deg);
}
.pxl-service-carousel9 .pxl-swiper-slide:hover .item--icon{box-shadow: rgba(209, 63, 24, 0.5) 0px 14px 24px;
background-color: var(--primary-color);
}
.pxl-service-carousel9 .pxl-swiper-slide:hover .item--icon i{color: #fff;
}
.pxl-service-carousel10 .pxl-swiper-arrow{width: 61px;
height: 61px;
opacity: 0;
}
.pxl-service-carousel10 .pxl-swiper-arrow i{font-size: 24px;
line-height: 61px;
}
.pxl-service-carousel10 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -94px;
}
.pxl-service-carousel10 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -94px;
}
.pxl-service-carousel10 .pxl-swiper-slide{padding: 0 15px !important;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner{position: relative;
background-color: #fff;
text-align: center;
box-shadow: rgba(149, 157, 165, 0.05) 0px 8px 24px;
border-radius: 3px;
margin: 0 30px;
margin-top: -40px;
}
@media(max-width:575px){
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner {
margin: 0 !important;
}
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .item--icon {
margin-top: -40px;
height: 80px;
width: 80px;
border-radius: 200px;
background-color: #fff;
display: inline-block;
box-shadow: rgba(0, 0, 0, 0.05) 0px 14px 24px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .item--icon i{color: var(--primary-color);
line-height: 80px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 40px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title{padding: 0px 30px 0px 30px;
padding-top: 25px;
margin-bottom: 0;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a{height: 30px;
display: block;
overflow: hidden;
font-size: 22px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--title a:hover{color: var(--primary-color);
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-item--inner .pxl-item--content{padding: 0px 30px 0px 30px;
margin: 11px 0 26px 0;
height: 80px;
display: block;
overflow: hidden;
font-size: 17px;
color: #444;
line-height: 28px;
padding-bottom: 17px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore{border-top: 1px solid #e5e5e5;
overflow: hidden;
border-radius: 0 0 3px 3px;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a{width: 100%;
font-size: 16px;
line-height: 60px;
color: #000;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a i{font-size: 12px;
margin-left: 15px;
display: inline-block;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a:hover{color: #fff;
background-color: var(--primary-color);
}
.pxl-service-carousel10 .pxl-swiper-slide .pxl-readmore a:hover i{transform: rotate(45deg);
}
.pxl-service-carousel10 .pxl-swiper-slide:hover .item--icon{box-shadow: rgba(209, 63, 24, 0.5) 0px 14px 24px;
background-color: var(--primary-color);
}
.pxl-service-carousel10 .pxl-swiper-slide:hover .item--icon i{color: #fff;
}
.pxl-service-carousel10:hover .pxl-swiper-arrow-next{right: -74px;
opacity: 1;
}
.pxl-service-carousel10:hover .pxl-swiper-arrow-prev{left: -74px;
opacity: 1;
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-next{border: 2px solid #d9d9d9;
background-color: transparent !important;
box-shadow: none;
font-size: 11px;
right: -123px !important;
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next:hover, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-next:hover{background-color: var(--primary-color) !important;
border-color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-prev{border: 2px solid #d9d9d9;
background-color: transparent !important;
box-shadow: none;
font-size: 11px;
left: -123px !important;
}
.pxl-service-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover, .pxl-service-grid-layout6 .pxl-swiper-arrow.pxl-swiper-arrow-prev:hover{background-color: var(--primary-color) !important;
border-color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-grid-item, .pxl-service-grid-layout6 .pxl-grid-item{margin-bottom: 55px;
}
.pxl-service-carousel3 .pxl-grid-item .pxl-item--holder, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--holder{box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}
.pxl-service-carousel3 .pxl-swiper-slide, .pxl-service-grid-layout6 .pxl-swiper-slide, .pxl-service-carousel3 .pxl-grid-item, .pxl-service-grid-layout6 .pxl-grid-item{padding: 0 15px !important;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner{background-color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-feature:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .wrap-feature:before, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .wrap-feature:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .wrap-feature:before{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
content: '';
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
opacity: 0;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder{padding: 42px 30px;
position: relative;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
right: 18px;
top: -40px;
position: absolute;
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 200px;
text-align: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon:before, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon:before{position: absolute;
content: '';
top: 40px;
left: 40px;
right: 40px;
bottom: 40px;
border-radius: 200px;
background-color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon i{position: relative;
font-size: 45px;
color: #dc3e3e;
width: 100%;
text-align: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
line-height: 80px;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a{font-size: 22px;
line-height: 30px;
height: 30px;
overflow: hidden;
display: block;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a:hover{color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner .pxl-item--holder .content-excerpt{color: #444;
line-height: 24px;
font-size: 16px;
line-height: 30px;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner:hover .item--icon:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner:hover .item--icon:before, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner:hover .item--icon:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner:hover .item--icon:before{top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-item--inner:hover .item--icon i, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-item--inner:hover .item--icon i, .pxl-service-carousel3 .pxl-grid-item .pxl-item--inner:hover .item--icon i, .pxl-service-grid-layout6 .pxl-grid-item .pxl-item--inner:hover .item--icon i{color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 60px;
background-color: #ededed;
overflow: hidden;
position: relative;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a span, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a span, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a span, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a span{z-index: 2;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:before, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:before{position: absolute;
width: 200%;
height: 200%;
z-index: 0;
content: "";
top: 110%;
left: 50%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
border-radius: 50%;
z-index: 0;
background: var(--primary-color);
-webkit-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:after, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:after, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:after, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:after{position: absolute;
width: 200%;
height: 200%;
z-index: 0;
content: "";
top: 110%;
left: 50%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
border-radius: 50%;
z-index: 1;
background: #000;
-webkit-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-khtml-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-moz-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-ms-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
-o-transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
transition: 0.7s cubic-bezier(0.24, 0.74, 0.58, 1);
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a i, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a i, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a i, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a i{z-index: 2;
padding-left: 13px;
line-height: 60px;
font-size: 10px;
}
.pxl-service-carousel3 .pxl-swiper-slide .pxl-readmore a:hover:after, .pxl-service-grid-layout6 .pxl-swiper-slide .pxl-readmore a:hover:after, .pxl-service-carousel3 .pxl-grid-item .pxl-readmore a:hover:after, .pxl-service-grid-layout6 .pxl-grid-item .pxl-readmore a:hover:after{top: -40%;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .wrap-feature:before, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .wrap-feature:before, .pxl-service-carousel3 .pxl-grid-item:hover .wrap-feature:before, .pxl-service-grid-layout6 .pxl-grid-item:hover .wrap-feature:before{opacity: 0.1;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .item--icon, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .item--icon, .pxl-service-carousel3 .pxl-grid-item:hover .item--icon, .pxl-service-grid-layout6 .pxl-grid-item:hover .item--icon{background-color: var(--primary-color);
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .item--icon i, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .item--icon i, .pxl-service-carousel3 .pxl-grid-item:hover .item--icon i, .pxl-service-grid-layout6 .pxl-grid-item:hover .item--icon i{color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .pxl-readmore a, .pxl-service-carousel3 .pxl-grid-item:hover .pxl-readmore a, .pxl-service-grid-layout6 .pxl-grid-item:hover .pxl-readmore a{color: #fff;
}
.pxl-service-carousel3 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-swiper-slide:hover .pxl-readmore a:before, .pxl-service-carousel3 .pxl-grid-item:hover .pxl-readmore a:before, .pxl-service-grid-layout6 .pxl-grid-item:hover .pxl-readmore a:before{top : -40%;
}
.pxl-service-carousel4.default .pxl-swiper-arrow-wrap, .pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap{position: absolute !important;
top: -107px;
right: 0;
display: flex;
}
.pxl-service-carousel4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow{position: relative !important;
transform: translate(0) !important;
box-shadow: none;
font-size: 15px;
}
.pxl-service-carousel4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2), .pxl-service-grid-layout4.default .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2){margin-left: 17px;
}
.pxl-service-carousel4 .pxl-grid-item, .pxl-service-grid-layout4 .pxl-grid-item{margin-bottom: 40px;
}
.pxl-service-carousel4 .pxl-grid-item .pxl-item--title a, .pxl-service-grid-layout4 .pxl-grid-item .pxl-item--title a{display: block;
height: 30px;
overflow: hidden;
padding: 0 15px;
}
.pxl-service-carousel4 .pxl-item--inner, .pxl-service-grid-layout4 .pxl-item--inner{background-color: #1b1b1b;
text-align: center;
padding: 32px 20px 54px 20px;
position: relative;
}
.pxl-service-carousel4 .pxl-item--inner .item--icon i, .pxl-service-grid-layout4 .pxl-item--inner .item--icon i{color: var(--primary-color);
font-size: 54px;
line-height: 54px;
}
.pxl-service-carousel4 .pxl-item--inner .pxl-item--title a, .pxl-service-grid-layout4 .pxl-item--inner .pxl-item--title a{font-weight: 700;
font-size: 22px;
line-height: 30px;
color: #fff;
margin-bottom: 10px;
margin-top: 5px;
}
.pxl-service-carousel4 .pxl-item--inner .pxl-item--title a:hover, .pxl-service-grid-layout4 .pxl-item--inner .pxl-item--title a:hover{text-decoration: underline;
}
.pxl-service-carousel4 .pxl-item--inner .content-excerpt, .pxl-service-grid-layout4 .pxl-item--inner .content-excerpt{font-size: 16px;
line-height: 24px;
color: #b9b9b9;
max-height: 75px;
overflow: hidden;
margin: 20px 0 26px 0;
}
.pxl-service-carousel4 .pxl-item--inner .hover, .pxl-service-grid-layout4 .pxl-item--inner .hover{background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: scaley(0);
transform-origin: top center;
-webkit-transition: 200ms all linear 100ms;
-khtml-transition: 200ms all linear 100ms;
-moz-transition: 200ms all linear 100ms;
-ms-transition: 200ms all linear 100ms;
-o-transition: 200ms all linear 100ms;
transition: 200ms all linear 100ms;
}
.pxl-service-carousel4 .pxl-item--inner .hover .pxl-item--holder, .pxl-service-grid-layout4 .pxl-item--inner .hover .pxl-item--holder{position: relative;
padding-top: 109px;
}
.pxl-service-carousel4 .pxl-item--inner .hover:before, .pxl-service-grid-layout4 .pxl-item--inner .hover:before{background-color: #000;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.4;
}
.pxl-service-carousel4 .pxl-readmore, .pxl-service-grid-layout4 .pxl-readmore{position: absolute;
bottom: 0;
left: 0;
border-bottom: 4px solid var(--primary-color);
width: 100%;
text-align: right;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-service-carousel4 .pxl-readmore span, .pxl-service-grid-layout4 .pxl-readmore span{position: relative;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover, .pxl-service-grid-layout4 .pxl-readmore.bt-hover{text-align: center;
padding-right: 0;
transform: scaley(0);
transform-origin: bottom center;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover i, .pxl-service-grid-layout4 .pxl-readmore.bt-hover i{position: relative;
width: 20px;
background-color: transparent;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover a, .pxl-service-grid-layout4 .pxl-readmore.bt-hover a{padding-right: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover a:before, .pxl-service-grid-layout4 .pxl-readmore.bt-hover a:before{position: absolute;
clip-path: polygon(50% 40%, 100% 0, 100% 100%, 0 100%, 0 0);
height: 110px;
width: 100%;
background-color: var(--primary-color);
bottom: -1px;
left: 0;
content: '';
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel4 .pxl-readmore.bt-hover a:hover:before, .pxl-service-grid-layout4 .pxl-readmore.bt-hover a:hover:before{background-color: #070707;
}
.pxl-service-carousel4 .pxl-readmore a, .pxl-service-grid-layout4 .pxl-readmore a{font-size: 15px;
font-weight: 700;
color: #fff;
line-height: 49px;
padding-right: 72px;
}
.pxl-service-carousel4 .pxl-readmore a i, .pxl-service-grid-layout4 .pxl-readmore a i{font-size: 18px;
position: absolute;
height: 100%;
width: 53px;
text-align: center;
line-height: 49px;
background-color: var(--primary-color);
top: 0;
right: 0;
}
.pxl-service-carousel4 .pxl-swiper-slide, .pxl-service-grid-layout4 .pxl-swiper-slide{padding: 0 0 0 30px !important;
}
.pxl-service-carousel4 .pxl-swiper-slide:hover .pxl-readmore, .pxl-service-grid-layout4 .pxl-swiper-slide:hover .pxl-readmore{opacity: 0;
}
.pxl-service-carousel4 .pxl-swiper-slide:hover .pxl-readmore.bt-hover, .pxl-service-grid-layout4 .pxl-swiper-slide:hover .pxl-readmore.bt-hover{opacity: 1;
transform: scaley(1);
}
.pxl-service-carousel4 .pxl-swiper-slide:hover .hover, .pxl-service-grid-layout4 .pxl-swiper-slide:hover .hover{transform: scaley(1) !important;
}
@media(max-width:767px){
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap {
display: none;
}
}
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
top: 130px;
opacity: 0;
}
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -73px;
}
.pxl-service-carousel4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-service-grid-layout4.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -106px;
left: auto;
}
.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow, .pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow{opacity: 1;
}
.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -53px;
}
.pxl-service-carousel4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-service-grid-layout4:hover.style2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -86px;
}
.pxl-service-carousel5 .pxl-swiper-container{padding-top: 200px;
}
.pxl-service-carousel5 .pxl-swiper-arrow-wrap{position: absolute !important;
top: -107px;
right: 0;
display: flex;
}
.pxl-service-carousel5 .pxl-swiper-arrow-wrap .pxl-swiper-arrow{position: relative !important;
transform: translate(0) !important;
box-shadow: none;
font-size: 15px;
}
.pxl-service-carousel5 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:nth-child(2){margin-left: 17px;
}
.pxl-service-carousel5 .pxl-swiper-slide{padding: 0 10px !important;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner{padding: 4px;
position: relative;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner:before{position: absolute;
content: '';
width: 139px;
height: 110px;
background-color: var(--primary-color);
top: 0;
left: 0;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner:after{position: absolute;
content: '';
width: 139px;
height: 110px;
background-color: var(--primary-color);
bottom: 0;
right: 0;
z-index: -1;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder{background-position: center;
background-size: cover;
padding: 28px 35px;
position: relative;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:before{z-index: 0;
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6;
top: 0;
left: 0;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top{position: relative;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .item--icon{position: relative;
z-index: 2;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .item--icon i{font-size: 50px;
color: #fff;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .pxl-item--title{position: relative;
z-index: 2;
font-size: 20px;
color: #fff;
line-height: 30px;
padding-top: 4px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .content-top .pxl-item--title a{display: block;
min-height: 57px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover{position: absolute;
transform: scalex(0);
transform-origin: center;
left: 0;
background-color: var(--primary-color);
bottom: 0;
padding: 30px;
z-index: 3;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
text-align: center;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .item--icon{position: relative;
z-index: 2;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .item--icon i{font-size: 50px;
color: #fff;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-item--title{font-size: 20px;
color: #fff;
line-height: 30px;
padding-top: 4px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .content-excerpt{font-size: 16px;
color: #ffe8e7;
line-height: 24px;
padding-top: 4px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore{padding-top: 44px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore a{font-size: 15px;
color: #ffe8e7;
font-weight: 700;
text-transform: uppercase;
line-height: 24px;
}
.pxl-service-carousel5 .pxl-swiper-slide .pxl-item--inner .hover .pxl-readmore a:hover{text-decoration: underline;
}
.pxl-service-carousel5 .pxl-swiper-slide:hover .hover{transform: scalex(1);
}
.pxl-service-carousel6{text-align: center;
}
.pxl-service-carousel6 .pxl-swiper-pagination-bullet{width: 14px;
height: 14px;
background-color: #4d4d4d;
margin: 0 7px;
border: 2px solid #4d4d4d;
}
.pxl-service-carousel6 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-service-carousel6 .pxl-swiper-pagination-bullet:hover{background-color: transparent;
border: 2px solid var(--primary-color);
}
.pxl-service-carousel6 .pxl-swiper-slide{padding: 0 15px !important;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--image{position: relative;
padding: 0 1px;
}
.pxl-service-carousel6 .pxl-swiper-slide .item--icon{z-index: 3;
position: absolute;
bottom: -20px;
left: 50%;
transform: translatex(-50%);
width: 80px;
height: 80px;
border-radius: 100px;
background-color: #fff;
display: inline-block;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.pxl-service-carousel6 .pxl-swiper-slide .item--icon i{font-size: 50px;
color: var(--primary-color);
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder{margin-top: -67px;
background-color: #2a2a2a;
padding: 83px 25px 35px 25px;
clip-path: polygon(50% 25%, 100% 0, 100% 100%, 0 100%, 0 0);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder .pxl-item--title{margin-top: 18px;
color: #fff;
font-size: 22px;
height: 30px;
overflow: hidden;
line-height: 30px;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-item--holder .content-excerpt{color: #b0b0b0;
font-size: 16px;
line-height: 24px;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore{position: relative;
overflow: hidden;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore .ar1{position: absolute;
top: 0;
left: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore .ar2{position: absolute;
top: 0;
left: -154px;
-webkit-transition: 500ms all ease 0ms;
-khtml-transition: 500ms all ease 0ms;
-moz-transition: 500ms all ease 0ms;
-ms-transition: 500ms all ease 0ms;
-o-transition: 500ms all ease 0ms;
transition: 500ms all ease 0ms;
opacity: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a{background-color: #505050;
line-height: 59px;
color: #fff;
font-size: 16px;
font-weight: 700;
display: block;
width: 100%;
height: 100%;
padding-left: 178px;
text-align: left;
-webkit-transition: 350ms all ease 0ms;
-khtml-transition: 350ms all ease 0ms;
-moz-transition: 350ms all ease 0ms;
-ms-transition: 350ms all ease 0ms;
-o-transition: 350ms all ease 0ms;
transition: 350ms all ease 0ms;
}
@media(max-width:575px){
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a {
padding-left: 130px;
}
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a i {
color: #fff;
transform: translate(3px);
margin-left: -15px;
font-size: 12px;
transition: 250ms all ease 0ms;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a span{z-index: 2px;
position: relative;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot{margin-left: 7px;
position: relative;
display: inline-block;
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
margin-bottom: 2px;
opacity: 0;
-webkit-transition: 250ms all ease 0ms;
-khtml-transition: 250ms all ease 0ms;
-moz-transition: 250ms all ease 0ms;
-ms-transition: 250ms all ease 0ms;
-o-transition: 250ms all ease 0ms;
transition: 250ms all ease 0ms;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot:before{position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
left: 7px;
top: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a .dot:after{position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
left: 14px;
top: 0;
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a:hover i{margin-left: 11px;
color: var(--primary-color);
}
.pxl-service-carousel6 .pxl-swiper-slide .pxl-readmore a:hover .dot{opacity: 1;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder{background-color: #fff;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder .pxl-item--title{color: #000;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-item--holder .content-excerpt{color: #444;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-readmore a{background-color: #000;
}
.pxl-service-carousel6 .pxl-swiper-slide:hover .pxl-readmore a .ar2{left: 0;
opacity: 1;
}
.pxl-portfolio-carousel1 .pxl-swiper-container, .pxl-portfolio-grid-layout5 .pxl-swiper-container{margin: 0;
padding: 50px 0;
}
.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet, .pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-portfolio-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-portfolio-grid-layout5 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-portfolio-carousel1 .pxl-swiper-wrapper, .pxl-portfolio-grid-layout5 .pxl-swiper-wrapper{align-items: center;
}
.pxl-portfolio-carousel1 .pxl-swiper-arrow, .pxl-portfolio-grid-layout5 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translatey(20px);
z-index: 10;
}
@media(min-width:575px){
.pxl-portfolio-carousel1 .pxl-grid-item:hover, .pxl-portfolio-grid-layout5 .pxl-grid-item:hover {
transform: scale(1.07);
}
}
.pxl-portfolio-carousel1 .pxl-swiper-slide, .pxl-portfolio-grid-layout5 .pxl-swiper-slide, .pxl-portfolio-carousel1 .pxl-grid-item, .pxl-portfolio-grid-layout5 .pxl-grid-item {
position: relative;
padding: 20px !important;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner{position: relative;
overflow: hidden;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--image{max-height: 520px;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--image img, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--image img{-webkit-transition: 2000ms all linear 0ms;
-khtml-transition: 2000ms all linear 0ms;
-moz-transition: 2000ms all linear 0ms;
-ms-transition: 2000ms all linear 0ms;
-o-transition: 2000ms all linear 0ms;
transition: 2000ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:before, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:before{position: absolute;
content: '';
width: 100%;
height: 50%;
bottom: 0;
left: 0;
background: linear-gradient(to top, #4c4c4c 0%, #4c4c4c 80%, transparent 100%);
pointer-events: none;
opacity: 0.7;
z-index: 1;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:after, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:after{position: absolute;
content: '';
width: 100%;
height: 50%;
bottom: 0;
left: 0;
background: linear-gradient(to top, var(--primary-color) 0%, var(--primary-color) 80%, transparent 100%);
pointer-events: none;
opacity: 0;
z-index: 1;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder{position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 35px 30px 35px;
z-index: 2;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
@media(max-width:1024px){
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder {
padding: 0 20px 20px 20px;
}
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .item--icon {
font-size: 40px;
color: #fff;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
opacity: 0;
display: inline-block;
transform: rotatey(90deg) translatey(-30px);
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--category a{font-size: 13px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a{font-size: 24px;
line-height: 30px;
color: #fff;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
@media(max-width:1024px){
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title a {
line-height: 20px;
}
}
@media(max-width:1024px){
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title {
line-height: 20px;
}
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .pxl-item--holder {
transform: scale(1.05);
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .item--icon, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover .item--icon, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover .item--icon, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover .item--icon{transform: rotatey(0deg) translatey(0px);
opacity: 1;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-portfolio-grid-layout5 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-portfolio-carousel1 .pxl-grid-item .pxl-item--inner:hover:after, .pxl-portfolio-grid-layout5 .pxl-grid-item .pxl-item--inner:hover:after{opacity: 0.7;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active{padding: 0px !important;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category{margin-top: -3px;
padding-bottom: 6px;
}
@media(max-width:1024px){
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--category {
padding-bottom: 0;
}
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder {
padding: 0 35px 40px 35px;
}
@media(max-width:1024px){
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder {
padding: 0 20px 20px 20px;
}
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner .pxl-item--holder .item--icon {
transform: rotatey(0deg) translatey(0px);
opacity: 1;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:after, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner:after, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner:after{opacity: 0.7;
}
.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner:before, .pxl-portfolio-carousel1 .pxl-grid-item.swiper-slide-active .pxl-item--inner:before, .pxl-portfolio-grid-layout5 .pxl-grid-item.swiper-slide-active .pxl-item--inner:before{opacity: 0;
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper{position: relative;
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper:before{position: absolute;
content: '';
width: 100%;
height: 50px;
background-color: #fff;
top: -1px;
right: -100%;
z-index: 1;
clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper .pxl-swiper-slide{position: relative;
}
.pxl-portfolio-carousel2 .pxl-swiper-wrapper .pxl-swiper-slide:before{position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.4;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow{width: 89px;
height: 81px;
border-radius: 0 !important;
background-color: rgba(0, 0, 0, .7);
}
@media(max-width:767px){
.pxl-portfolio-carousel3 .pxl-swiper-arrow {
display: none;
}
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow i {
font-size: 35px;
line-height: 81px;
color: #fff;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: 7%;
opacity: 0;
-webkit-transition: 350ms all linear 0ms;
-khtml-transition: 350ms all linear 0ms;
-moz-transition: 350ms all linear 0ms;
-ms-transition: 350ms all linear 0ms;
-o-transition: 350ms all linear 0ms;
transition: 350ms all linear 0ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: 7%;
opacity: 0;
}
.pxl-portfolio-carousel3 .pxl-swiper-arrow:hover{background-color: rgba(213, 58, 22, .7);
}
.pxl-portfolio-carousel3 .pxl-item--holder{position: absolute;
bottom: 23px;
left: 35px;
padding-left: 40px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
@media(max-width:575px){
.pxl-portfolio-carousel3 .pxl-item--holder {
left: 0px;
}
}
.pxl-portfolio-carousel3 .pxl-item--holder:before {
position: absolute;
content: '';
background-color: #676767;
width: 0px;
height: 1px;
bottom: 38px;
left: 2px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
@media(max-width:575px){
.pxl-portfolio-carousel3 .pxl-item--holder:before {
display: none;
}
}
.pxl-portfolio-carousel3 .pxl-item--holder:after {
position: absolute;
content: '';
background-color: #676767;
height: 0px;
width: 1px;
bottom: 18px;
left: 19px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
@media(max-width:575px){
.pxl-portfolio-carousel3 .pxl-item--holder:after {
display: none;
}
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--category {
transform: translatex(30px);
margin-bottom: 4px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
opacity: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--category a{font-size: 12px;
color: #ddd;
letter-spacing: 2px;
text-transform: uppercase;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--title{transform: translatex(30px);
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
opacity: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--title a{-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
font-size: 24px;
color: #fff;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore{transform: translatex(30px);
margin-top: 36px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
opacity: 0;
}
@media(max-width:575px){
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore {
margin-top: 10px;
}
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore a {
font-size: 15px;
color: #fff;
font-weight: 700;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore i{color: var(--primary-color);
transform: translate(3px);
width: 28px;
margin-left: -15px;
font-size: 12px;
transition: 250ms all ease 0ms;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot{margin-left: 7px;
position: relative;
display: inline-block;
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
margin-bottom: 2px;
opacity: 0;
-webkit-transition: 250ms all ease 0ms;
-khtml-transition: 250ms all ease 0ms;
-moz-transition: 250ms all ease 0ms;
-ms-transition: 250ms all ease 0ms;
-o-transition: 250ms all ease 0ms;
transition: 250ms all ease 0ms;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot:before{position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
left: 7px;
top: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore .dot:after{position: absolute;
content: '';
width: 4px;
height: 4px;
border-radius: 100px;
background-color: var(--primary-color);
left: 14px;
top: 0;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore:hover .dot{opacity: 1;
}
.pxl-portfolio-carousel3 .pxl-item--holder .pxl-item--readmore:hover i{margin-left: 11px;
}
.pxl-portfolio-carousel3 .pxl-item--image{position: relative;
overflow: hidden;
}
.pxl-portfolio-carousel3 .pxl-item--image img{transform: scale(1.05);
transition: 500ms;
}
.pxl-portfolio-carousel3 .pxl-item--image:before{position: absolute;
z-index: 2;
content: '';
background-color: #000;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: 400ms all linear 0ms;
-khtml-transition: 400ms all linear 0ms;
-moz-transition: 400ms all linear 0ms;
-ms-transition: 400ms all linear 0ms;
-o-transition: 400ms all linear 0ms;
transition: 400ms all linear 0ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide{padding: 0 14px !important;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover img{transform: scale(1);
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--readmore{opacity: 1;
transform: translatex(0);
transition-delay: 400ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--title{opacity: 1;
transform: translatex(0);
transition-delay: 300ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--category{opacity: 1;
transform: translatex(0);
transition-delay: 200ms;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--image:before{opacity: 0.7;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder{z-index: 3;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder:before{width: 280px;
}
.pxl-portfolio-carousel3 .pxl-swiper-slide:hover .pxl-item--holder:after{height: 280px;
}
.pxl-portfolio-carousel3:hover .pxl-swiper-arrow-next{right: 10%;
opacity: 1;
}
.pxl-portfolio-carousel3:hover .pxl-swiper-arrow-prev{left: 10%;
opacity: 1;
}
.pxl-portfolio-carousel3.style2 .pxl-item--category a{color: #12ad1a;
}
.pxl-portfolio-carousel3.style2 .dot{background-color: #056cce !important;
}
.pxl-portfolio-carousel3.style2 .dot:before, .pxl-portfolio-carousel3.style2 .dot:after{background-color: #056cce !important;
}
.pxl-portfolio-carousel3.style2 .pxl-item--readmore i{color: #056cce !important;
}
.pxl-portfolio-carousel3.style2 .pxl-swiper-arrow:hover{background-color: rgba(5, 108, 206, .7);
}
.pxl-portfolio-carousel4 .pxl-swiper-dots{margin-top: 70px;
}
.pxl-portfolio-carousel4 .pxl-swiper-dots .pxl-swiper-pagination-bullet{background-color: #e3e3e3;
margin: 0 10px;
}
.pxl-portfolio-carousel4 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--primary-color);
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow{width: 89px;
height: 81px;
border-radius: 0 !important;
background-color: rgba(0, 0, 0, .7);
}
@media(max-width:767px){
.pxl-portfolio-carousel4 .pxl-swiper-arrow {
display: none;
}
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow i {
font-size: 35px;
line-height: 81px;
color: #fff;
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: 7%;
opacity: 0;
-webkit-transition: 350ms all linear 0ms;
-khtml-transition: 350ms all linear 0ms;
-moz-transition: 350ms all linear 0ms;
-ms-transition: 350ms all linear 0ms;
-o-transition: 350ms all linear 0ms;
transition: 350ms all linear 0ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: 7%;
opacity: 0;
}
.pxl-portfolio-carousel4 .pxl-swiper-arrow:hover{background-color: rgba(213, 58, 22, .7);
}
.pxl-portfolio-carousel4 .pxl-item--holder{position: absolute;
bottom: 40px;
left: 50px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
@media(max-width:575px){
.pxl-portfolio-carousel4 .pxl-item--holder {
left: 30px;
}
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--category {
transform: translatex(30px);
margin-bottom: 4px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
opacity: 0;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--category a{font-size: 12px;
color: #ddd;
letter-spacing: 2px;
text-transform: uppercase;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--title{transform: translatex(30px);
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
margin-bottom: 8px;
opacity: 0;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--title a{-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
font-size: 24px;
color: #fff;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore{transform: translatex(30px);
margin-top: 29px;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
opacity: 0;
}
@media(max-width:575px){
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore {
margin-top: 10px;
}
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore a {
font-size: 24px;
width: 45px;
height: 45px;
background-color: var(--primary-color);
display: block;
border-radius: 3px;
text-align: center;
color: #fff;
}
.pxl-portfolio-carousel4 .pxl-item--holder .pxl-item--readmore a:hover{color: var(--primary-color);
background-color: #fff;
}
.pxl-portfolio-carousel4 .pxl-item--image{position: relative;
overflow: hidden;
border-radius: 3px;
}
.pxl-portfolio-carousel4 .pxl-item--image img{transform: scale(1.05);
transition: 500ms;
}
.pxl-portfolio-carousel4 .pxl-item--image:before{position: absolute;
z-index: 2;
content: '';
background-image: linear-gradient(#000, transparent);
transform: rotate(180deg);
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: 400ms all linear 0ms;
-khtml-transition: 400ms all linear 0ms;
-moz-transition: 400ms all linear 0ms;
-ms-transition: 400ms all linear 0ms;
-o-transition: 400ms all linear 0ms;
transition: 400ms all linear 0ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide{padding: 0 14px !important;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover img{transform: scale(1);
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--readmore{opacity: 1;
transform: translatex(0);
transition-delay: 400ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--title{opacity: 1;
transform: translatex(0);
transition-delay: 300ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--category{opacity: 1;
transform: translatex(0);
transition-delay: 200ms;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--image:before{opacity: 0.7;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder{z-index: 3;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder:before{width: 280px;
}
.pxl-portfolio-carousel4 .pxl-swiper-slide:hover .pxl-item--holder:after{height: 280px;
}
.pxl-portfolio-carousel4:hover .pxl-swiper-arrow-next{right: 10%;
opacity: 1;
}
.pxl-portfolio-carousel4:hover .pxl-swiper-arrow-prev{left: 10%;
opacity: 1;
}
.pxl-service-carousel11 .pxl-swiper-slide{padding: 0 15px !important;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content{border-radius: 5px;
overflow: hidden;
position: relative;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--image{position: relative;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--image:before{content: '';
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(55deg, rgba(0, 0, 0, 0.8), transparent 80%);
top: 0;
left: -40px;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner{position: absolute;
bottom: 4px;
left: 25px;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner .pxl-item--title{height: 52px;
overflow: hidden;
max-width: 130px;
font-size: 20px;
color: #fff;
line-height: 26px;
}
.pxl-service-carousel11 .pxl-swiper-slide .wrap-content .pxl-item--inner .pxl-item--title:hover{text-decoration: underline;
}
.pxl-service-carousel11 .pxl-swiper-slide:hover .pxl-item--image:before{left: 0px;
}
.pxl-image-box1{border-radius: 20px;
position: relative;
overflow: hidden;
}
.pxl-image-box1 .pxl-item--image img{width: 100%;
}
.pxl-image-box1 .wrap-content{width: 100%;
padding: 30px 30px 36px 70px;
position: absolute;
bottom: 0;
left: 0;
background-color: #f5f5f5;
overflow: hidden;
text-align: right;
}
@media(max-width:575px){
.pxl-image-box1 .wrap-content {
padding: 20px 20px 26px 20px;
}
}
@media(max-width:480px){
.pxl-image-box1 .wrap-content {
padding: 10px 20px 16px 20px;
}
}
.pxl-image-box1 .wrap-content .pxl-item--title {
font-size: 22px;
font-weight: 700;
line-height: 30px;
}
@media(max-width:575px){
.pxl-image-box1 .wrap-content .pxl-item--title {
font-size: 18px;
line-height: 28px;
}
}
.pxl-image-box1 .wrap-content .pxl-item--button a {
margin-top: 5px;
display: inline-block;
font-size: 36px;
font-weight: 700;
border-radius: 10px;
background-color: #000;
line-height: 56px;
padding: 0 12px;
color: #fff;
}
@media(max-width:575px){
.pxl-image-box1 .wrap-content .pxl-item--button a {
font-size: 25px;
padding: 0 7px;
}
}
.pxl-image-box1 .wrap-content .pxl-item--button a:hover {
text-decoration: underline;
}
.pxl-image-box1.style2{border-radius: 0;
}
.pxl-image-box1.style2 .wrap-content{width: 100%;
padding: 25px;
}
@media(max-width:575px){
.pxl-image-box1.style2 .wrap-content {
padding: 20px 20px 26px 20px;
}
}
@media(max-width:480px){
.pxl-image-box1.style2 .wrap-content {
padding: 10px 20px 16px 20px;
}
}
.pxl-image-box1.style2 .pxl-item--title {
font-size: 18px;
font-weight: 700;
}
@media(max-width:575px){
.pxl-image-box1.style2 .pxl-item--title {
font-size: 16px;
line-height: 25px;
}
}
.pxl-image-box1.style2 .pxl-item--button a {
font-size: 24px;
font-weight: 700;
border-radius: 0px;
padding: 0 30px;
line-height: 46px;
color: #fff;
}
@media(max-width:575px){
.pxl-image-box1.style2 .pxl-item--button a {
font-size: 20px;
padding: 0 10px;
}
}
.pxl-image-box1.style2 .pxl-item--button a:hover {
text-decoration: underline;
}
.pxl-image-box2 .pxl-item--inner{display: flex;
align-items: center;
}
.pxl-image-box2 .pxl-item--inner .pxl-item-image{width: 85px;
height: 85px;
min-width: 85px;
border-radius: 200px;
overflow: hidden;
}
.pxl-image-box2 .pxl-item--inner .pxl-item--holder{padding-left: 15px;
}
.pxl-image-box2 .pxl-item--inner .pxl-item--holder .pxl-item--title{margin-bottom: 0;
}
.pxl-image-box4 .pxl-item--inner{display: flex;
align-items: center;
justify-content: center;
}
.pxl-image-box4 .pxl-item--inner .pxl-item--holder{padding-left: 23px;
}
.pxl-image-box4 .pxl-item--inner .pxl-item--holder .pxl-item--title{margin-bottom: 0;
}
.pxl-image-box3 .pxl-item--inner{position: relative;
}
.pxl-image-box3 .pxl-item--inner .pxl-item--title{position: absolute;
font-size: 20px;
font-weight: 700;
text-align: center;
color: #fff;
line-height: 29px;
z-index: 2;
bottom: 20px;
max-width: 150px;
left: 50%;
transform: translateX(-50%);
}
.pxl-image-box5{position: relative;
border-radius: 8px;
overflow: hidden;
}
.pxl-image-box5:before{z-index: 1;
position: absolute;
content: '';
border: 1px solid #f5f5f5;
top: 0px;
left: 0px;
bottom: 0px;
border-radius: 8px;
right: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-image-box5 .pxl-item--inner{z-index: 2;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.pxl-image-box5 .pxl-item--inner .wrap-content{display: flex;
align-items: center;
justify-content: space-between;
}
.pxl-image-box5 .pxl-item--inner .wrap-content .pxl-item--image{width: 76px;
height: 69px;
overflow: hidden;
}
.pxl-image-box5 .pxl-item--inner .wrap-content .pxl-item--title{z-index: 3;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 17px;
color: #1e1e2a;
margin-bottom: 0;
padding-left: 20px;
}
.pxl-image-box5 .pxl-item--inner .pxl-item--button{z-index: 3;
}
.pxl-image-box5 .pxl-item--inner .pxl-item--button i{z-index: 3;
margin-right: 20px;
font-size: 22px;
color: #1e1e2a;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-image-box5:hover:before{border-color: var(--primary-color);
}
.pxl-image-box5:hover .pxl-item--title a, .pxl-image-box5:hover .pxl-item--button i{color: var(--primary-color) !important;
}
.pxl-image-box5 .link{position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
}
.pxl-image-box5{position: relative;
}
.pxl-accordion .pxl-item-accordion{margin-bottom: 0;
cursor: pointer;
}
.pxl-accordion .pxl-item--content-acc{display: none;
}
.pxl-accordion .fa-chevron-double-right{font-style: normal;
}
.pxl-accordion1.style1 .pxl-item-accordion{font-size: 18px;
color: var(--secondary-color);
position: relative;
background-color: #f2f2f2;
font-weight: 700;
line-height: 1.3;
margin-bottom: 20px;
padding: 25px 80px 25px 25px;
width: 100%;
}
.pxl-accordion1.style1 .fa-chevron-double-right{background-color: var(--secondary-color);
position: absolute;
top: 0;
right: 0;
height: 100%;
display: flex;
width: 70px;
font-size: 13px;
justify-content: center;
color: #fff;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
align-items: center;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-icon-acc2.png);
background-position: center;
background-size: cover;
}
.pxl-accordion1.style1 .pxl-item--content-acc{color: var(--secondary-color);
line-height: 1.75;
margin-bottom: 27px;
padding: 0 80px 0 25px;
}
@media screen and (max-width:1199px){
.pxl-accordion1.style1 .pxl-item--content-acc {
padding-left: 10px;
padding-right: 10px;
}
}
.pxl-accordion1.style1 .pxl--item {
margin-bottom: 12px;
}
.pxl-accordion1.style1 .pxl--item:last-child{border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.pxl-accordion1.style1 .pxl--item.active .fa-chevron-double-right:before{-webkit-transform: rotate(90deg);
-khtml-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.pxl-accordion1.style1 .pxl--item.active .fa-chevron-double-right{background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-icon-acc.png);
}
.pxl-accordion2.style1 .pxl-item-accordion{-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
font-size: 18px;
color: var(--secondary-color);
position: relative;
font-weight: 700;
line-height: 1.3;
padding: 20px 80px 19px 45px;
width: 100%;
}
@media screen and (max-width:1199px){
.pxl-accordion2.style1 .pxl-item-accordion {
padding: 20px 80px 10px 10px !important;
}
}
.pxl-accordion2.style1 i {
position: absolute;
top: 0;
right: 8px;
height: 100%;
display: flex;
width: 70px;
font-size: 20px;
justify-content: center;
color: var(--primary-color);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
align-items: center;
}
.pxl-accordion2.style1 .pxl-item--content-acc{color: var(--secondary-color);
line-height: 1.75;
margin-bottom: 27px;
padding: 0 80px 0 45px;
}
@media screen and (max-width:1199px){
.pxl-accordion2.style1 .pxl-item--content-acc {
padding-left: 10px;
padding-right: 10px;
}
}
.pxl-accordion2.style1 .pxl--item {
margin-bottom: 18px;
border: 1px solid #efefef;
}
.pxl-accordion2.style1 .pxl--item:last-child{margin-bottom: 0;
padding-bottom: 0;
}
.pxl-accordion2.style1 .pxl--item.active i{-webkit-transform: rotatex(180deg);
-khtml-transform: rotatex(180deg);
-moz-transform: rotatex(180deg);
-ms-transform: rotatex(180deg);
-o-transform: rotatex(180deg);
transform: rotatex(180deg);
}
.pxl-accordion2.style1 .pxl--item.active{background-color: #f9fafc;
}
.pxl-accordion2.style1 .pxl--item.active .pxl-item-accordion{padding: 23px 80px 8px 45px;
}
@media screen and (max-width:1199px){
.pxl-accordion2.style1 .pxl--item.active .pxl-item-accordion {
padding: 20px 80px 10px 10px !important;
}
}
.pxl-tabs .pxl-item--title {
cursor: pointer;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-tabs .pxl-item--content{display: none;
}
.pxl-tabs .elementor-section.elementor-section-stretched{width: auto !important;
left: 0 !important;
}
.pxl-tabs .pxl-tabs--elementor{margin: 0 -15px;
}
.pxl-tabs.tab-effect-fade .pxl-item--content{position: absolute;
top: 0;
left: 0;
right: 0;
height: 100% !important;
display: block !important;
opacity: 0 !important;
visibility: hidden;
-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-tabs.tab-effect-fade .pxl-item--content.active{position: static;
opacity: 1 !important;
visibility: visible;
}
.pxl-tabs.tab-effect-fade .pxl-tabs--content{position: relative;
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content{position: absolute;
right: 0;
width: 100%;
height: 0px;
top: 0;
text-align: center;
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img{width: 100%;
max-width: 835px;
}
@media(max-width:991px){
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
max-width: 100%;
}
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
position: absolute;
}
.pxl-tabs2 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content:first-child{position: static;
transform: translatey(15px);
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title{width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media(max-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title {
display: inline-block;
position: relative;
}
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
display: inline-flex;
width: 100%;
height: 100%;
position: relative;
}
@media(max-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
display: block;
position: relative;
}
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
position: absolute;
display: inline-flex;
justify-content: space-between;
min-width: 350px;
max-width: 350px;
background-color: #fff;
padding: 30px 20px 30px 25px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
align-items: center;
}
@media(max-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
display: block;
position: relative;
}
}
@media(max-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
display: inline-block;
position: relative;
min-width: 100%;
max-width: 100%;
margin-top: 10px;
}
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title {
margin-left: 20px;
}
@media(max-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title {
margin-left: 0px;
margin-top: 10px;
}
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab {
font-size: 17px;
font-weight: 700;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab{margin-top: 5px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #444;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab{position: relative;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab{content: '';
min-width: 95px;
width: 95px;
height: 37px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-mask-tab.png);
position: absolute;
top: -6px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
left: 0;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab{min-width: 95px;
width: 95px;
height: 93px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f2f2f2;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
position: relative;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab:before{position: absolute;
content: '';
height: 100%;
width: 100%;
top: -100%;
background-color: var(--primary-color);
z-index: -1;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab i{margin-top: 12px;
font-size: 49px;
color: #000;
width: 100%;
text-align: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(min-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(1) {
top: 85px;
left: 0;
}
}
@media(min-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(2) {
top: 85px;
right: 80px;
}
}
@media(max-width:1100px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(2) {
right: 0;
}
}
@media(min-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(3) {
bottom: 70px;
left: 30px;
}
}
@media(max-width:1100px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(3) {
left: 0px;
}
}
@media(min-width:991px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(4) {
bottom: 70px;
right: 50px;
}
}
@media(max-width:1100px){
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:nth-child(4) {
right: 0;
}
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i {
margin-top: 6px;
color: #fff;
}
.pxl-tabs2 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab:before{top: 0;
}
.pxl-tabs3 .pxl-tabs--inner{position: relative;
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content{position: absolute;
right: 0;
width: 100%;
height: 0px;
top: 0;
}
@media(max-width:1024px){
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content {
top: 0% !important;
right: 0% !important;
position: relative !important;
height: 100% !important;
text-align: center;
}
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
z-index: 0;
text-align: right;
}
@media(max-width:1024px){
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content {
position: absolute;
height: 100%;
display: inline-block !important;
}
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
position: absolute;
}
@media(max-width:1024px){
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content.active {
position: static;
height: 100%;
}
}
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
float: right;
margin: 0;
}
@media(max-width:1024px){
.pxl-tabs3 .pxl-tabs--inner .pxl-tabs--content .pxl-item--content img {
max-width: 100%;
}
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
position: relative;
display: flex;
}
@media(max-width:1024px){
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
position: relative;
display: block;
text-align: center;
}
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
max-width: 140px;
min-width: 140px;
text-align: center;
}
@media(max-width:1024px){
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
margin-top: 20px;
position: relative;
display: inline-block;
max-width: 141px;
min-width: 141px;
}
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .title-tab {
font-size: 17px;
font-weight: 700;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-content-title .description-tab{margin-top: 5px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #444;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab{position: relative;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab{content: '';
min-width: 95px;
width: 95px;
height: 37px;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-mask-tab.png);
position: absolute;
top: 1px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
left: 22px;
}
@-moz-document url-prefix() {
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .bf-mask-tab {
left: 23px;
}
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab {
min-width: 95px;
width: 95px;
height: 93px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f2f2f2;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-tab.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
position: relative;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab:before{position: absolute;
content: '';
height: 100%;
width: 100%;
top: -100%;
background-color: var(--primary-color);
z-index: -1;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .icon-tab i{margin-top: 12px;
font-size: 49px;
color: #000;
width: 100%;
text-align: center;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .bf-mask-tab{top: -6px !important;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .bf-mask-tab{top: -6px;
}
.pxl-tabs3 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i{margin-top: 6px;
}
.pxl-tabs1.style-round-box .wrap-title{display: flex;
justify-content: end;
padding-top: 11px;
}
.pxl-tabs1.style-round-box .wrap-title i{display: none;
}
.pxl-tabs1.style-round-box .pxl-tabs--title{padding: 5px 0;
border-radius: 100px;
font-size: 0;
}
.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title{background-color: #f2f2f2;
padding: 5px;
border-radius: 100px;
color: var(--secondary-color);
}
.pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title.active, .pxl-tabs1.style-round-box .pxl-tabs--title .pxl-item--title:hover{color: #fff;
background-color: var(--primary-color);
}
.pxl-tabs1.style-round-box .pxl-item-accordion{margin-bottom: 20px;
display: inline-flex;
}
.pxl-tabs1.style-round-box .pxl-item--title{cursor: pointer;
display: inline-block;
line-height: 38px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
margin-right: 14px;
margin-top: 14px;
position: relative;
z-index: 1;
}
.pxl-tabs1.style-round-box .pxl-item--title.active, .pxl-tabs1.style-round-box .pxl-item--title:hover{color: #fff;
}
.pxl-tabs1.style-round-box .pxl-item--title:last-child{margin-right: 0px !important;
}
.pxl-tabs1.style-round-box .pxl-item--content{font-size: 17px;
color: #7b7b7b;
line-height: 1.647;
}
.pxl-tabs1 .pxl-tabs--title{padding: 25px;
border-radius: 10px;
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title{background-color: #fff;
padding: 11px 35px;
border-radius: 3px;
color: var(--secondary-color);
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title span{display: flex;
align-items: center;
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title span i{padding-left: 10px;
}
.pxl-tabs1 .pxl-tabs--title .pxl-item--title.active, .pxl-tabs1 .pxl-tabs--title .pxl-item--title:hover{color: #fff;
background-color: #fab319;
}
.pxl-tabs1 .pxl-item-accordion{margin-bottom: 20px;
display: inline-flex;
}
.pxl-tabs1 .pxl-item--title{cursor: pointer;
display: inline-block;
line-height: 38px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
margin-right: 14px;
position: relative;
z-index: 1;
}
.pxl-tabs1 .pxl-item--title.active, .pxl-tabs1 .pxl-item--title:hover{color: #fff;
}
.pxl-tabs1 .pxl-item--title:last-child{margin-right: 0px !important;
}
.pxl-tabs1 .pxl-item--content{font-size: 17px;
color: #7b7b7b;
line-height: 1.647;
}
.over-hd{overflow: hidden;
}
.tt_navigation_cell{width: 100%;
display: flex;
justify-content: center;
background-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/bg-timetable.png);
background-position: center;
background-size: cover;
padding: 77px 20px;
margin: 0 !important;
}
@media(max-width:1250px){
.tt_navigation_cell {
background-image: none;
background-color: #000;
padding: 50px 20px;
}
}
@media(max-width:991px){
.tt_navigation_cell {
padding: 30px 20px;
}
}
@media(max-width:480px){
.tt_navigation_cell {
padding: 30px 15px;
}
}
.tt_navigation_cell .tt_tabs_navigation li {
margin: 10px !important;
}
.tt_navigation_cell .tt_tabs_navigation li a{border-radius: 5px;
color: #fff !important;
border: 1px solid #fff !important;
font-size: 20px !important;
padding: 12px 30px !important;
transition: 0.3s !important;
}
.tt_navigation_cell .tt_tabs_navigation li a:hover{background-color: var(--primary-color);
}
@media(max-width:575px){
.tt_navigation_cell .tt_tabs_navigation li a {
padding: 8px 20px !important;
font-size: 16px !important;
}
}
@media(max-width:480px){
.tt_navigation_cell .tt_tabs_navigation li a {
padding: 8px 18px !important;
font-size: 15px !important;
}
}
.tt_tabs > .ui-tabs-panel {
margin-top: -73px;
background-color: #fcf9f4;
padding: 115px !important;
}
@media(max-width:1200px){
.tt_tabs > .ui-tabs-panel {
padding: 115px 70px !important;
}
}
@media(max-width:991px){
.tt_tabs > .ui-tabs-panel {
padding: 115px 10px !important;
}
}
@media(max-width:767px){
.tt_tabs > .ui-tabs-panel {
padding: 75px 10px 55px 10px !important;
}
}
.pxl-tabs4.style-round-box .pxl-tabs--title {
border-bottom: 1px solid #d7d7d7;
display: flex;
justify-content: space-between;
}
@media(max-width:575px){
.pxl-tabs4.style-round-box .pxl-tabs--title {
display: block;
}
}
.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
font-size: 18px;
font-weight: 700;
line-height: 39px;
padding: 0 30px;
text-transform: uppercase;
color: #000;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
margin: 0;
}
@media(max-width:767px){
.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
font-size: 16px;
padding: 0 15px;
}
}
@media(max-width:575px){
.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title {
line-height: 30px;
display: block;
margin-bottom: 10px;
}
}
.pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title.active, .pxl-tabs4.style-round-box .pxl-tabs--title .pxl-item--title:hover {
color: #fff;
background-color: var(--primary-color);
}
.pxl-tabs4.style-button-set .pxl-tabs--title{display: block;
}
@media(max-width:575px){
.pxl-tabs4.style-button-set .pxl-tabs--title {
display: block;
}
}
.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
font-size: 18px;
font-weight: 700;
display: inline-block;
line-height: 69px;
padding: 0 30px;
margin: 0 15px;
text-transform: capitalize;
color: #000;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media(max-width:767px){
.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
font-size: 16px;
padding: 0 15px;
}
}
@media(max-width:575px){
.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title {
line-height: 30px;
display: block;
margin-bottom: 10px;
}
}
.pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title.active, .pxl-tabs4.style-button-set .pxl-tabs--title .pxl-item--title:hover {
color: #fff;
background-color: var(--primary-color);
}
.pxl-tabs5 .pxl-tabs--inner{display: flex;
}
@media(max-width:991px){
.pxl-tabs5 .pxl-tabs--inner {
display: block;
}
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title {
width: 50%;
}
@media(max-width:991px){
.pxl-tabs5 .pxl-tabs--inner .wrap-title {
width: 100%;
}
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title {
display: flex;
flex-wrap: wrap;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title{padding: 0 15px;
width: 50%;
margin-bottom: 85px;
}
@media(max-width:575px){
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title {
width: 100%;
}
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab {
background-color: #fff;
border-radius: 5px;
padding: 0 30px 23px 30px;
position: relative;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab:before{position: absolute;
content: '';
width: 98px;
height: 5px;
background-color: var(--primary-color);
transform: skew(-45deg);
top: -5px;
right: 0;
opacity: 0;
-webkit-transition: 200ms linear 0ms;
-khtml-transition: 200ms linear 0ms;
-moz-transition: 200ms linear 0ms;
-ms-transition: 200ms linear 0ms;
-o-transition: 200ms linear 0ms;
transition: 200ms linear 0ms;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab:after{position: absolute;
content: '';
width: 98px;
height: 5px;
background-color: var(--primary-color);
transform: skew(-45deg);
bottom: -5px;
left: 0;
opacity: 0;
-webkit-transition: 200ms linear 0ms;
-khtml-transition: 200ms linear 0ms;
-moz-transition: 200ms linear 0ms;
-ms-transition: 200ms linear 0ms;
-o-transition: 200ms linear 0ms;
transition: 200ms linear 0ms;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .icon-tab i{display: block;
width: 70px;
height: 70px;
border-radius: 3px;
border: 1px solid #efefef;
background-color: #fff;
text-align: center;
transform: translatey(-35px);
line-height: 70px;
font-size: 40px;
color: var(--primary-color);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title .wrap-icon-tab .title-tab{margin-top: -15px;
font-size: 22px;
font-weight: 700;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .title-tab, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .title-tab{color: var(--primary-color);
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .wrap-icon-tab:before, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .wrap-icon-tab:before{right: 20px;
opacity: 1;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .wrap-icon-tab:after, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .wrap-icon-tab:after{left: 20px;
opacity: 1;
}
.pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title:hover .icon-tab i, .pxl-tabs5 .pxl-tabs--inner .wrap-title .pxl-tabs--title .pxl-item--title.active .icon-tab i{background-color: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
.pxl-tabs5 .pxl-tabs--inner .pxl-tabs--content{width: 50%;
}
@media(max-width:991px){
.pxl-tabs5 .pxl-tabs--inner .pxl-tabs--content {
width: 100%;
}
}
.pxl-tabs6 .pxl-item--content {
display: block;
opacity: 0;
}
.pxl-tabs6 .wrap-title{margin-bottom: 50px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title{justify-content: flex-end;
align-items: center;
}
@media(max-width:575px){
.pxl-tabs6 .wrap-title .pxl-tabs--title {
display: grid;
justify-content: stretch;
}
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title {
position: relative;
padding-bottom: 14px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:before{position: absolute;
content: '';
background-color: #e3e3e3;
width: 100%;
height: 3px;
bottom: 0;
left: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:after{position: absolute;
content: '';
background-color: var(--primary-color);
width: 0%;
height: 3px;
bottom: 0;
border-radius: 100px;
left: 0;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child .title-tab{padding-right: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child .title-tab:before{opacity: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:last-child:before{border-radius: 0 100px 100px 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title.active:after{width: 100%;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child .title-tab{padding-left: 0;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child .title-tab img{margin-left: -3px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title:first-child:before{border-radius: 100px 0 0 100px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab{position: relative;
padding: 0 30px;
align-items: center;
display: flex;
}
@media(max-width:575px){
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab {
padding: 0px;
padding-top: 10px;
}
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab:before {
position: absolute;
content: '';
background-color: #c7c7c7;
height: 19px;
width: 2px;
top: 50%;
right: -1px;
transform: translatey(-50%);
}
@media(max-width:575px){
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab:before {
display: none;
}
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab span {
font-size: 19px;
font-weight: 700;
line-height: 31px;
}
.pxl-tabs6 .wrap-title .pxl-tabs--title .pxl-item--title .title-tab img{width: 31px;
margin-right: 8px;
}
.pxl-progressbar-1 .pxl--progressbar{height: 10px;
position: relative;
width: 0;
-webkit-transition: width 1.4s ease;
-khtml-transition: width 1.4s ease;
-moz-transition: width 1.4s ease;
-ms-transition: width 1.4s ease;
-o-transition: width 1.4s ease;
transition: width 1.4s ease;
background-color: var(--gradient-color-from);
background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
top: 5px;
}
.pxl-progressbar-1 .pxl--holder{background-color: #f4f4f4;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
height: 10px;
}
.pxl-progressbar-1 .pxl--percentage{font-size: 15px;
font-weight: 500;
color: #382c4d;
}
.pxl-progressbar-1 .pxl--title{font-weight: 500;
font-size: 16px;
color: #382c4d;
flex-grow: 1;
margin-right: 20px;
margin-bottom: 0;
}
.pxl-progressbar-1 .pxl--meta{margin-bottom: 7px;
}
.pxl-progressbar-1 .pxl--item + .pxl--item{margin-top: 28px;
}
.pxl-progressbar-2 .pxl-item--icon{width: 46px;
height: 46px;
-webkit-border-radius: 46px;
-khtml-border-radius: 46px;
-moz-border-radius: 46px;
-ms-border-radius: 46px;
-o-border-radius: 46px;
border-radius: 46px;
background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
font-size: 20px;
color: #fff;
min-width: 46px;
margin-top: 3px;
margin-right: 10px;
}
.pxl-progressbar-2 .pxl--progressbar{height: 13px;
position: relative;
width: 0;
-webkit-transition: width 1.4s ease;
-khtml-transition: width 1.4s ease;
-moz-transition: width 1.4s ease;
-ms-transition: width 1.4s ease;
-o-transition: width 1.4s ease;
transition: width 1.4s ease;
background-image: -webkit-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -moz-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -ms-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: -o-linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
background-image: linear-gradient(60deg, var(--gradient-color-from), var(--gradient-color-to) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to) 50%');
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.pxl-progressbar-2 .pxl--holder{background-color: rgba(0, 0, 0, 0.13);
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
height: 13px;
}
.pxl-progressbar-2 .pxl--percentage{font-size: 18px;
font-weight: 500;
color: #382c4d;
}
.pxl-progressbar-2 .pxl--title{font-weight: 500;
font-size: 18px;
color: #382c4d;
flex-grow: 1;
margin-right: 20px;
margin-bottom: 0;
}
.pxl-progressbar-2 .pxl--meta{margin-bottom: 7px;
}
.pxl-progressbar-2 .pxl--item{display: flex;
flex-wrap: nowrap;
align-items: center;
}
.pxl-progressbar-2 .pxl--item .pxl--bottom{flex-grow: 1;
}
.pxl-progressbar-2 .pxl--item + .pxl--item{margin-top: 25px;
}
.pxl-team-carousel1 .pxl-swiper-pagination-bullet, .pxl-team-grid1 .pxl-swiper-pagination-bullet{margin: 0 7px;
background-color: #d3d3d3;
}
.pxl-team-carousel1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-team-grid1 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-team-carousel1 .pxl-swiper-pagination-bullet:hover, .pxl-team-grid1 .pxl-swiper-pagination-bullet:hover{background-color: var(--primary-color);
}
.pxl-team-carousel1 .pxl-swiper-dots, .pxl-team-grid1 .pxl-swiper-dots{margin-top: -20px;
}
.pxl-team-carousel1 .pxl-swiper-arrow, .pxl-team-grid1 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translateY(0px);
}
.pxl-team-carousel1 .pxl-swiper-wrapper, .pxl-team-grid1 .pxl-swiper-wrapper{padding: 50px 0;
}
.pxl-team-carousel1 .pxl-grid-item, .pxl-team-grid1 .pxl-grid-item{margin-bottom: 55px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner{position: relative;
padding: 27px 25px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:before{position: absolute;
content: '';
top: -3px;
left: 0;
background-color: #ededed;
width: 120px;
height: 135px;
clip-path: polygon(0 0, 0% 100%, 100% 0);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: 2;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:after, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:after, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:after, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:after{position: absolute;
content: '';
bottom: -3px;
right: 0;
background-color: #e4e4e4;
width: 70px;
height: 80px;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
z-index: 2;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image{position: relative;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image{overflow: hidden;
position: relative;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image:before{position: absolute;
content: '';
background: linear-gradient(to left, var(--secondary-color) 0%, transparent 100%);
opacity: 0.9;
right: -125px;
top: 0;
width: 125px;
z-index: 2;
height: 100%;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image img, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--image img, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image img, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--image img{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social{z-index: 3;
position: absolute;
bottom: -26px;
right: 20px;
display: grid;
text-align: center;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a{margin-bottom: 4px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
opacity: 0;
transform: translatey(10px);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a i, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a i, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a i, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a i{color: #fff;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social a:hover i{color: var(--primary-color);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn{margin-top: 9px;
display: block;
width: 52px;
height: 52px;
background-color: var(--primary-color);
color: #fff;
text-align: center;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .wrap-item-image .pxl-item--social .item--social-btn i{line-height: 52px;
font-size: 20px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--title, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .pxl-item--title, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--title, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .pxl-item--title{font-size: 22px;
color: var(--secondary-color);
font-weight: 700;
margin-bottom: 0;
padding: 17px 0 1px 0;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner .pxl-item--position, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner .pxl-item--position, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner .pxl-item--position, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner .pxl-item--position{font-size: 16px;
color: #666;
font-weight: 400;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a{opacity: 1;
transform: translatey(0);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(1), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(1), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(1), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(1){transition-delay: 100ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(2), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(2), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(2), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(2){transition-delay: 200ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(3), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(3), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(3), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(3){transition-delay: 300ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(4), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(4), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(4), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(4){transition-delay: 400ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(5), .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--social a:nth-child(5), .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(5), .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--social a:nth-child(5){transition-delay: 500ms;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--image:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover .pxl-item--image:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--image:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover .pxl-item--image:before{right: 0;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover img, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover img, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover img, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover img{transform: scale(1.03);
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:before, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover:before, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover:before, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover:before{background-color: var(--primary-color);
top: 0px;
}
.pxl-team-carousel1 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-team-grid1 .pxl-swiper-slide .pxl-item--inner:hover:after, .pxl-team-carousel1 .pxl-grid-item .pxl-item--inner:hover:after, .pxl-team-grid1 .pxl-grid-item .pxl-item--inner:hover:after{bottom: 0px;
background-color: var(--primary-color);
}
.pxl-team-carousel2 .pxl-swiper-arrow, .pxl-team-grid2 .pxl-swiper-arrow{opacity: 0;
height: 100%;
top: 0;
transform: translateY(0px);
}
.pxl-team-carousel2 .pxl-swiper-arrow-prev, .pxl-team-grid2 .pxl-swiper-arrow-prev{left: -50px !important;
}
.pxl-team-carousel2 .pxl-swiper-arrow-next, .pxl-team-grid2 .pxl-swiper-arrow-next{right: -50px !important;
}
.pxl-team-carousel2 .pxl-swiper-wrapper, .pxl-team-grid2 .pxl-swiper-wrapper{padding: 50px 0;
}
.pxl-team-carousel2 .pxl-swiper-slide.pxl-grid-item, .pxl-team-grid2 .pxl-swiper-slide.pxl-grid-item, .pxl-team-carousel2 .pxl-grid-item.pxl-grid-item, .pxl-team-grid2 .pxl-grid-item.pxl-grid-item{margin-bottom: 72px;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner{background-color: #f5f5f5;
text-align: center;
padding-top: 40px;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image{display: inline-flex;
width: 240px;
height: 240px;
border-radius: 200px;
overflow: hidden;
padding: 10px;
margin: 0 auto;
position: relative;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image a, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image a, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image a, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image a{width: 100%;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image img, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image img, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image img{border-radius: 300px;
height: 100%;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--image:before, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--image:before{position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 200px;
border: 2px dashed #a6a6a6;
content: '';
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder{margin-top: 62px;
padding: 40px 0 30px 0;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder{background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 20px;
position: relative;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb{position: absolute;
display: inline-flex;
align-items: center;
border-radius: 50px;
border: 2px solid #e9e9e9;
top: -27px;
width: max-content;
left: 50%;
transform: translatex(-50%);
background-color: #fff;
padding: 7px 50px 10px 35px;
font-size: 17px;
font-weight: 700;
color: #000;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb i, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .phone-nb i, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb i, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .phone-nb i{color: var(--primary-color);
font-size: 17px;
padding-right: 10px;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social{overflow: hidden;
height: 0px;
transition: 300ms !important;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a{display: inline-block;
padding: 0 17px;
color: #7c7d94;
-webkit-transition: 300ms all linaer;
-khtml-transition: 300ms all linaer;
-moz-transition: 300ms all linaer;
-ms-transition: 300ms all linaer;
-o-transition: 300ms all linaer;
transition: 300ms all linaer;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--social a:hover{color: var(--primary-color);
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--position, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--position{font-size: 16px;
color: #999;
font-weight: 700;
}
.pxl-team-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-team-grid2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-team-carousel2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title, .pxl-team-grid2 .pxl-grid-item .pxl-item--inner .pxl-item--holder .pxl-item--title{font-size: 22px;
color: #000;
font-weight: 700;
margin-bottom: 6px;
}
.pxl-team-carousel2 .pxl-swiper-slide:hover .pxl-item--image:before, .pxl-team-grid2 .pxl-swiper-slide:hover .pxl-item--image:before, .pxl-team-carousel2 .pxl-grid-item:hover .pxl-item--image:before, .pxl-team-grid2 .pxl-grid-item:hover .pxl-item--image:before{border-color: var(--primary-color);
animation: pxl_spin 8s linear infinite;
}
.pxl-team-carousel2 .pxl-swiper-slide:hover .pxl-item--social, .pxl-team-grid2 .pxl-swiper-slide:hover .pxl-item--social, .pxl-team-carousel2 .pxl-grid-item:hover .pxl-item--social, .pxl-team-grid2 .pxl-grid-item:hover .pxl-item--social{height: 23px !important;
margin-bottom: 20px !important;
}
.pxl-team-grid3 .pxl-grid-item{margin-bottom: 44px;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social{position: relative;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social{padding-top: 20px;
z-index: 3;
position: absolute;
bottom: 0;
right: 0px;
display: grid;
text-align: center;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social:before{position: absolute;
content: '';
bottom: 0;
left: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 80%, transparent 100%);
z-index: 0;
width: 100%;
height: 0%;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a{margin-bottom: 4px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
opacity: 0;
transform: translatey(10px);
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i{color: #fff;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i{color: var(--primary-color);
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social .item--social-btn{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
z-index: 2;
margin-top: 9px;
display: block;
width: 48px;
height: 48px;
background-color: var(--primary-color);
color: #fff;
text-align: center;
}
.pxl-team-grid3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social .item--social-btn i{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
line-height: 48px;
font-size: 20px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom{text-align: center;
padding-left: 30px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder{background-color: #e4e4e4;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding: 17px 10px 20px 10px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title{color: #000;
font-size: 20px;
font-weight: 700;
margin-bottom: 2px;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title a{transition: 200ms;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position{color: #000;
font-size: 15px;
font-weight: 400;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .phone-nb{padding-top: 12px;
color: #000;
font-size: 15px;
font-weight: 600;
}
.pxl-team-grid3 .pxl-grid-item .wrap-meta-botttom .phone-nb i{color: var(--primary-color);
padding-right: 10px;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder{background-color: var(--primary-color);
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder .pxl-item--title a{color: #fff !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--holder .pxl-item--position{color: #fff !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .item--social-btn{background-color: #fff !important;
color: var(--primary-color) !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a{opacity: 1 !important;
transform: translatey(0) !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social:before{height: 100% !important;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(1){transition-delay: 100ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(2){transition-delay: 200ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(3){transition-delay: 300ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(4){transition-delay: 400ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--social a:nth-child(5){transition-delay: 500ms;
}
.pxl-team-grid3 .pxl-grid-item:hover .pxl-item--image:before{right: 0;
}
.pxl-team-grid3 .pxl-grid-item:hover:before{background-color: var(--primary-color);
top: 0px;
}
.pxl-team-grid3 .pxl-grid-item:hover:after{bottom: 0px;
background-color: var(--primary-color);
}
.pxl-team-grid4 .pxl-swiper-arrow, .pxl-team-carousel3 .pxl-swiper-arrow{background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
width: 44px !important;
height: 44px !important;
border: none;
top: 127px !important;
}
.pxl-team-grid4 .pxl-swiper-arrow i, .pxl-team-carousel3 .pxl-swiper-arrow i{font-size: 11px;
}
.pxl-team-grid4 .pxl-swiper-arrow.pxl-swiper-arrow-next, .pxl-team-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-next{right: -22px !important;
}
.pxl-team-grid4 .pxl-swiper-arrow.pxl-swiper-arrow-prev, .pxl-team-carousel3 .pxl-swiper-arrow.pxl-swiper-arrow-prev{left: -22px !important;
}
.pxl-team-grid4 .pxl-grid-item, .pxl-team-carousel3 .pxl-grid-item, .pxl-team-grid4 .pxl-swiper-slide, .pxl-team-carousel3 .pxl-swiper-slide{margin-bottom: 44px;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--image, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .pxl-item--image, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--image{position: relative;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .pxl-item--image:before, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .pxl-item--image:before, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .pxl-item--image:before{position: absolute;
content: '';
top: 40px;
bottom: 40px;
right: 40px;
left: 40px;
background-color: #000;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
opacity: 0;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social{position: relative;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social{z-index: 3;
position: absolute;
bottom: 40%;
left: 50%;
display: flex;
text-align: center;
transform: translate(-50%);
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a{width: 52px;
margin: 0 5px;
height: 52px;
margin-bottom: 4px;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
opacity: 0;
transform: translatey(10px);
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a i, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a i{background-color: #fff;
width: 100%;
color: #737879;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
line-height: 52px;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover{transition-delay: 0ms !important;
}
.pxl-team-grid4 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i, .pxl-team-carousel3 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i, .pxl-team-grid4 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i, .pxl-team-carousel3 .pxl-swiper-slide .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i{transition-delay: 0ms !important;
background-color: var(--primary-color);
color: #fff;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom{text-align: center;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
padding: 17px 10px 38px 10px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--title, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--title, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--title{color: #000;
font-size: 20px;
font-weight: 700;
margin-bottom: 2px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-botttom .pxl-item--holder .pxl-item--position, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--position, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-botttom .pxl-item--holder .pxl-item--position{color: #000;
font-size: 15px;
font-weight: 400;
}
.pxl-team-grid4 .pxl-grid-item .wrap-content-bottom, .pxl-team-carousel3 .pxl-grid-item .wrap-content-bottom, .pxl-team-grid4 .pxl-swiper-slide .wrap-content-bottom, .pxl-team-carousel3 .pxl-swiper-slide .wrap-content-bottom{position: relative;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover{-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
background-color: var(--primary-color);
text-align: center;
padding: 17px 10px 20px 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: scaley(0);
transform-origin: top;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--title a, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--title a, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title a, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title a, .pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--title, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--title, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--title{color: #fff;
font-size: 20px;
font-weight: 700;
margin-bottom: 2px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .pxl-item--position, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .pxl-item--position, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .pxl-item--position, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .pxl-item--position{color: #fff;
font-size: 15px;
font-weight: 400;
padding-bottom: 15px;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .btn-readmore, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .btn-readmore, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .btn-readmore, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .btn-readmore{color: #fff;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
text-decoration: underline;
}
.pxl-team-grid4 .pxl-grid-item .wrap-meta-hover .btn-readmore:hover, .pxl-team-carousel3 .pxl-grid-item .wrap-meta-hover .btn-readmore:hover, .pxl-team-grid4 .pxl-swiper-slide .wrap-meta-hover .btn-readmore:hover, .pxl-team-carousel3 .pxl-swiper-slide .wrap-meta-hover .btn-readmore:hover{opacity: 0.9;
}
.pxl-team-grid4 .pxl-grid-item .content-bottom, .pxl-team-carousel3 .pxl-grid-item .content-bottom, .pxl-team-grid4 .pxl-swiper-slide .content-bottom, .pxl-team-carousel3 .pxl-swiper-slide .content-bottom{position: relative;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-meta-hover, .pxl-team-carousel3 .pxl-grid-item:hover .wrap-meta-hover, .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-meta-hover, .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-meta-hover{transform: scaley(1);
}
.pxl-team-grid4 .pxl-grid-item:hover .pxl-item--image:before, .pxl-team-carousel3 .pxl-grid-item:hover .pxl-item--image:before, .pxl-team-grid4 .pxl-swiper-slide:hover .pxl-item--image:before, .pxl-team-carousel3 .pxl-swiper-slide:hover .pxl-item--image:before{top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.61;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a, .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a, .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a{opacity: 1 !important;
transform: translatey(0) !important;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(1), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(1), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(1), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(1){transition-delay: 200ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(2), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(2), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(2), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(2){transition-delay: 300ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(3), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(3), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(3), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(3){transition-delay: 400ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(4), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(4), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(4), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(4){transition-delay: 500ms;
}
.pxl-team-grid4 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(5), .pxl-team-carousel3 .pxl-grid-item:hover .wrap-image-social .pxl-item--social a:nth-child(5), .pxl-team-grid4 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(5), .pxl-team-carousel3 .pxl-swiper-slide:hover .wrap-image-social .pxl-item--social a:nth-child(5){transition-delay: 600ms;
}
.pxl-team-carousel4 .pxl-swiper-slide{padding: 0;
}
.pxl-team-carousel4 .pxl-swiper-slide .pxl-item--title{font-size: 22px;
margin: 20px 0 5px 0;
}
.pxl-team-carousel4 .pxl-swiper-slide .pxl-item--position{font-size: 16px;
color: #666;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image{position: relative;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social{position: absolute;
display: grid;
bottom: 20px;
border-radius: 5px;
overflow: hidden;
right: -10px;
background-color: var(--primary-color);
transform: rotatey(90deg);
opacity: 0;
transform-origin: right;
transition: 300ms all linear 0ms;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a{background-color: var(--primary-color);
color: #fff;
line-height: 31px;
text-align: center;
padding: 0 10px;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:first-child, .pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:last-child{padding: 4px 10px;
}
.pxl-team-carousel4 .pxl-swiper-slide .wrap-item-image .pxl-item--social a:hover{color: var(--primary-color);
background-color: #fff;
}
.pxl-team-carousel4 .pxl-swiper-slide:hover .pxl-item--social{transform: rotatey(0deg);
right: 20px;
opacity: 1;
}
.pxl-team-carousel5 .pxl-swiper-container{padding: 50px 24px;
margin: 0 -20px;
}
.pxl-team-carousel5 .pxl-swiper-slide{opacity: 0;
padding: 0 15px;
}
.pxl-team-carousel5 .pxl-swiper-slide.swiper-slide-visible{opacity: 1;
}
.pxl-team-carousel5 .pxl-swiper-slide .pxl-item--inner{filter: drop-shadow(3px 5px 25px rgba(0, 0, 0, 0.1));
display: flex;
justify-content: center;
}
.pxl-team-carousel5 .pxl-swiper-slide:nth-child(even) .wrap-item-inner{background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
overflow: hidden;
min-height: 543px;
max-width: 272px;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt2.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt2.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt2.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt2.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
}
.pxl-team-carousel5 .pxl-swiper-slide:nth-child(odd) .wrap-item-inner{background-color: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
overflow: hidden;
min-height: 543px;
max-width: 272px;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt1.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt1.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt1.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mt1.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner{border-radius: 3px;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--title{font-size: 30px;
line-height: 32px;
margin: 20px 0 5px 0;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--position{font-size: 15px;
color: var(--primary-color);
margin: 8px 0 20px 0;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--meta{padding: 6px 48px 30px 48px;
overflow: hidden;
position: relative;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--meta:before{position: absolute;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
content: '';
width: 100%;
height: 0px;
bottom: 0;
left: 0;
background-color: var(--primary-color);
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social{border-radius: 5px;
overflow: hidden;
transition: 300ms all linear 0ms;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a{color: #fff;
display: inline-block;
width: 43px;
height: 43px;
line-height: 43px;
color: #1c1c1c;
border-radius: 100px;
border: 1px solid #1c1c1c;
text-align: center;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a i{line-height: 43px;
font-size: 18px;
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--social a:hover{color: var(--primary-color);
background-color: #fff;
border-color: var(--primary-color);
}
.pxl-team-carousel5 .pxl-swiper-slide .wrap-item-inner .pxl-item--image{position: relative;
min-height: 327px;
max-height: 327px;
overflow: hidden;
}
.pxl-team-carousel5 .pxl-swiper-slide:hover .pxl-item--meta:before{height: 6px;
}
.pxl-team-grid5 .pxl-grid-item{margin-bottom: 57px;
}
.pxl-team-grid5 .pxl-grid-item:last-child(){margin-bottom: 0 !important;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner{display: flex;
align-items: center;
}
@media(max-width:767px){
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner {
display: block;
}
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social {
border-radius: 8px;
overflow: hidden;
position: relative;
min-width: 205px;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social:before{position: absolute;
content: '';
background-image: linear-gradient(90deg, #0054ff 0%, #00e8f1 100%);
opacity: 0.9;
width: 101%;
height: 0px;
bottom: -1px;
left: 0;
z-index: 1;
clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);
-webkit-transition: 300ms ease 0ms;
-khtml-transition: 300ms ease 0ms;
-moz-transition: 300ms ease 0ms;
-ms-transition: 300ms ease 0ms;
-o-transition: 300ms ease 0ms;
transition: 300ms ease 0ms;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social{z-index: 2;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
height: 62px;
width: 100%;
bottom: 0;
left: 0;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a{transform: scale(0);
-webkit-transition: 300ms ease 0ms;
-khtml-transition: 300ms ease 0ms;
-moz-transition: 300ms ease 0ms;
-ms-transition: 300ms ease 0ms;
-o-transition: 300ms ease 0ms;
transition: 300ms ease 0ms;
margin: 0 6px;
display: block;
text-align: center;
height: 36px;
width: 36px;
border-radius: 100px;
background-color: #fff;
line-height: 36px;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a i{color: #050505;
-webkit-transition: 300ms ease 0ms;
-khtml-transition: 300ms ease 0ms;
-moz-transition: 300ms ease 0ms;
-ms-transition: 300ms ease 0ms;
-o-transition: 300ms ease 0ms;
transition: 300ms ease 0ms;
}
.pxl-team-grid5 .pxl-grid-item .pxl-item--inner .wrap-image-social .pxl-item--social a:hover i{color: #aff006;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom{padding-left: 15px;
}
@media(max-width:767px){
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom {
padding-left: 0px;
padding-top: 20px;
}
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--title {
font-size: 22px;
color: #050505;
margin-bottom: 0;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--position{font-size: 16px;
color: #444;
position: relative;
padding: 2px 0 10px 0;
margin-bottom: 15px;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--position:before{position: absolute;
content: '';
background-image: linear-gradient(90deg, #12ad1a 0%, #aff006 100%);
bottom: 0;
left: 0;
width: 33px;
height: 3px;
}
.pxl-team-grid5 .pxl-grid-item .wrap-content-bottom .pxl-item--description{font-size: 16px;
color: #444;
line-height: 24px;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a{transform: scale(1) !important;
transition-delay: 100ms;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a:nth-child(2){transition-delay: 150ms;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social a:nth-child(3){transition-delay: 250ms;
}
.pxl-team-grid5 .pxl-grid-item:hover .wrap-image-social:before{height: 100px;
}
.pxl-team-grid5.style2 .wrap-image-social{order: 2;
}
.pxl-team-grid5.style2 .wrap-content-bottom{padding-left: 0px;
padding-right: 15px;
}
.pxl-pricing1{padding: 48px 45px;
position: relative;
}
@media(max-width:480px){
.pxl-pricing1 {
padding: 25px;
}
}
.pxl-pricing1 .item--star {
position: absolute;
padding: 5px 10px;
background-color: #fff;
top: -10px;
border-radius: 5px;
right: 20px;
}
.pxl-pricing1 .item--star i{color: #fab319;
}
.pxl-pricing1:before{z-index: -1;
position: absolute;
content: '';
width: 100%;
background-color: var(--regular-color);
height: 50%;
top: 0;
left: 0;
display: inline-block;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center top;
-ms-mask-position: center top;
-o-mask-position: center top;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(max-width:1024px){
.pxl-pricing1:before {
-webkit-mask-image: none;
}
}
.pxl-pricing1:after {
position: absolute;
content: '';
z-index: -1;
width: 100%;
height: 80%;
background-color: var(--regular-color);
bottom: 0;
left: 0;
display: inline-block;
mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-webkit-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-ms-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-o-mask-image: url(//eibusson.fr/wp-content/themes/roofex/assets/img/mask-pricing.png);
-webkit-mask-repeat: no-repeat;
-ms-mask-repeat: no-repeat;
-o-mask-repeat: no-repeat;
-webkit-mask-position: center bottom;
-ms-mask-position: center bottom;
-o-mask-position: center bottom;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
@media(max-width:1024px){
.pxl-pricing1:after {
-webkit-mask-image: none;
}
}
.pxl-pricing1 .pxl-item--title {
font-size: 24px;
position: relative;
margin-top: -2px;
margin-bottom: 12px;
}
.pxl-pricing1 .pxl-item--title span{color: #fff;
}
@media screen and (max-width:991px){
.pxl-pricing1 .pxl-item--title {
font-size: 20px;
}
}
.pxl-pricing1 .pxl-item--subtitle {
font-family: 'Mulish';
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 23px;
position: relative;
-webkit-transition: 300ms all linear 0ms;
-khtml-transition: 300ms all linear 0ms;
-moz-transition: 300ms all linear 0ms;
-ms-transition: 300ms all linear 0ms;
-o-transition: 300ms all linear 0ms;
transition: 300ms all linear 0ms;
}
.pxl-pricing1 .pxl-item--feature{position: relative;
list-style: none;
margin: 0 0 32px;
padding: 0;
}
.pxl-pricing1 .pxl-item--feature li{display: flex;
align-items: center;
color: #fff;
font-family: 'Mulish';
font-weight: 600;
font-size: 18px;
}
@media(max-width:480px){
.pxl-pricing1 .pxl-item--feature li {
font-size: 16px;
}
}
@media screen and (max-width:991px){
.pxl-pricing1 .pxl-item--feature {
font-size: 15px;
}
}
.pxl-pricing1 .pxl-item--feature i {
line-height: 1;
font-size: 18px;
color: #fff;
font-weight: 700;
margin-right: 15px;
margin-bottom: -4px;
}
.pxl-pricing1 .pxl-item--feature li + li{margin-top: 19px;
}
@media screen and (max-width:991px){
.pxl-pricing1 .pxl-item--feature li + li {
margin-top: 20px;
}
}
.pxl-pricing1 .pxl-item--feature .non-active i {
color: #ec2a00;
font-size: 11px;
}
.pxl-pricing1 .pxl-item--feature .non-active i:before{content: "\f126";
}
.pxl-pricing1 .pxl-item--price{position: relative;
font-size: 38px;
font-weight: 700;
color: #fff;
line-height: 1;
margin-bottom: 32px;
}
@media screen and (max-width:991px){
.pxl-pricing1 .pxl-item--price {
font-size: 24px;
}
}
.pxl-pricing1 .pxl-item--price small {
font-size: 18px;
font-weight: 400;
}
@media screen and (max-width:991px){
.pxl-pricing1 .pxl-item--price small {
font-size: 14px;
}
}
.pxl-pricing1 .pxl-item--meta {
position: relative;
background-color: #fff;
padding: 34px 20px 30px;
-webkit-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
-khtml-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
-ms-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
box-shadow: 0 1px 61px rgba(0, 0, 0, 0.09);
}
@media screen and (max-width:991px){
.pxl-pricing1 .pxl-item--meta {
padding-left: 15px;
padding-right: 15px;
}
}
.pxl-pricing1 .pxl-item--readmore {
margin-bottom: 12px;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore{position: relative;
border-radius: 3px;
border: 2px solid #fff;
background-color: transparent;
overflow: hidden;
color: #fff;
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
padding: 13px 30px;
}
@media(max-width:480px){
.pxl-pricing1 .pxl-item--readmore .btn-readmore {
padding: 10px 20px;
font-size: 16px;
}
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore:after {
transform: skewX(0deg);
right: 0;
left: auto;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore:hover{background-color: #fab319;
border-color: #fab319;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore:hover:after{transition: 250ms all linear 350ms;
width: 100%;
left: 0;
right: auto;
}
.pxl-pricing1 .pxl-item--readmore .btn-readmore i{padding-left: 10px;
font-size: 22px;
}
.pxl-pricing-carousel1 .pxl-swiper-dots{display: grid;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -41px;
margin-top: 0;
}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet{margin: 5px 0;
background-color: #f2f2f2;
}
.pxl-pricing-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: var(--primary-color);
}
.pxl-pricing-carousel1 .swiper-container-vertical{height: 440px;
}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-wrapper{flex-direction: column;
}
.pxl-pricing-carousel1 .swiper-container-vertical .pxl-swiper-slide{transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.pxl-pricing-carousel1 .pxl-swiper-slide{padding-bottom: 30px;
overflow: hidden;
-webkit-transition: 250ms all linear 0ms;
-khtml-transition: 250ms all linear 0ms;
-moz-transition: 250ms all linear 0ms;
-ms-transition: 250ms all linear 0ms;
-o-transition: 250ms all linear 0ms;
transition: 250ms all linear 0ms;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content{background-color: #f2f2f2;
text-align: center;
padding: 39px 0 36px 0;
position: relative;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content:before{position: absolute;
content: '';
width: 0;
height: 5px;
background-color: var(--primary-color);
left: 50%;
right: 50%;
bottom: 0;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--title{font-size: 20px;
font-weight: 700;
color: #050505;
margin-bottom: -5px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price{margin-bottom: -2px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--unit{font-size: 24px;
font-weight: 700;
color: #050505;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--price .pxl-item--pricing{font-size: 48px;
font-weight: 700;
color: #050505;
}
.pxl-pricing-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--desc{font-size: 16px;
font-weight: 700;
color: #878787;
}
.pxl-pricing-carousel1 .pxl-swiper-slide:hover{box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
.pxl-pricing-carousel1 .pxl-swiper-slide:hover .wrap-inner-content:before{width: 100%;
left: 0;
right: 0;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content{background-color: rgba(255, 255, 255, 0.12);
}
.pxl-pricing-carousel1.style1 .wrap-inner-content:before{top: 0;
bottom: auto;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--title{color: #fff;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--price .pxl-item--unit{color: #fff;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--price .pxl-item--pricing{color: #fff;
}
.pxl-pricing-carousel1.style1 .wrap-inner-content .pxl-item--desc{color: #878787;
}
body.rtl .pxl-pricing2 .pxl-item--feature li i{margin-right: 0;
margin-left: 20px;
}
body.rtl .pxl-pricing2 .pxl-item--button{margin-left: 0;
margin-right: -30px;
}
body.rtl .pxl-pricing2 .pxl-item--button a{-webkit-border-radius: 69px 0 0 69px;
-khtml-border-radius: 69px 0 0 69px;
-moz-border-radius: 69px 0 0 69px;
-ms-border-radius: 69px 0 0 69px;
-o-border-radius: 69px 0 0 69px;
border-radius: 69px 0 0 69px;
}
body.rtl .pxl-pricing2 .pxl-item--video{margin-right: 0;
margin-left: -30px;
}
body.rtl .pxl-pricing2 .pxl-item--price{-webkit-border-radius: 0 85px 85px 0;
-khtml-border-radius: 0 85px 85px 0;
-moz-border-radius: 0 85px 85px 0;
-ms-border-radius: 0 85px 85px 0;
-o-border-radius: 0 85px 85px 0;
border-radius: 0 85px 85px 0;
}
.pxl-hidden-button{cursor: pointer;
-webkit-transition: 200ms all linear 0ms;
-khtml-transition: 200ms all linear 0ms;
-moz-transition: 200ms all linear 0ms;
-ms-transition: 200ms all linear 0ms;
-o-transition: 200ms all linear 0ms;
transition: 200ms all linear 0ms;
}
@media(max-width:1500px){
.hide-1500 {
display: none;
}
}
.pxl-hidden-sidebar.active .pxl-item--overlay {
-webkit-transform: scaleX(1);
-khtml-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.pxl-hidden-sidebar.active .pxl-item--conent {
-webkit-transform: translateX(0px);
-khtml-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}
.pxl-hidden-sidebar .pxl-item--overlay {
background-color: rgba(27, 35, 54, 0.8);
height: 100%;
width: 100%;
right: 0;
top: 0;
position: fixed;
z-index: 1026;
-webkit-transform: scaleX(0);
-khtml-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
transform-origin: 100% 50%;
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
-webkit-transition: transform 0.8s ease 0s;
-khtml-transition: transform 0.8s ease 0s;
-moz-transition: transform 0.8s ease 0s;
-ms-transition: transform 0.8s ease 0s;
-o-transition: transform 0.8s ease 0s;
transition: transform 0.8s ease 0s;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.pxl-hidden-sidebar .pxl-item--conent {
overflow-y: scroll;
position: fixed;
z-index: 1029;
top: 0;
right: 0;
bottom: 0;
width: 450px;
font-size: 15px;
line-height: 26px;
color: #383838;
overflow: hidden;
-webkit-transform: translateX(460px);
-khtml-transform: translateX(460px);
-moz-transform: translateX(460px);
-ms-transform: translateX(460px);
-o-transform: translateX(460px);
transform: translateX(460px);
-webkit-transition: transform 0.8s ease 0s;
-khtml-transition: transform 0.8s ease 0s;
-moz-transition: transform 0.8s ease 0s;
-ms-transition: transform 0.8s ease 0s;
-o-transition: transform 0.8s ease 0s;
transition: transform 0.8s ease 0s;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.pxl-hidden-sidebar .pxl-item--conent:hover .pxl-close {
top: 40px;
opacity: 1;
}
.pxl-widget-cart-wrap:hover .pxl-close {
background-color: var(--secondary-color) !important;
top: 10px;
opacity: 1;
}
.pxl-widget-cart-wrap:hover .pxl-close:before, .pxl-widget-cart-wrap:hover .pxl-close:after {
background-color: #fff !important;
}
.far {
font-family: "Font Awesome 5 Pro" !important;
}