.admin-bar .header.header-two{ top:32px; } sr7-overlay{ background-color: rgba(0,0,0,0.7) !important; background-image: none !important; } .icons-selector .fip-box i:not(.fab) { font-family: "Font Awesome 5 Pro"; } #exp-header-elementor .full-width-menu{ position:static; } .exp-menu-primary .exp-megamenu > .sub-menu .elementor-widget-container .ct-menu-item{ background-color:transparent !important; border-top:0px; border-bottom:0px; padding:0px; } .skew-header-style::before { content: ''; border-radius: 12px; transform: skewX(15deg); background-color: rgba(255, 0, 0, 1); background-image: linear-gradient(-90deg, rgba(255, 0, 0, 1) 0%, rgba(206, 2, 2, 1) 100%); } .skew-header-style-two::before { border-radius: 20px; transform: skewX(18deg); border: 2px solid rgba(255,255,255, 0.50); content: ''; background-color: rgba(0,0,0,0.5); width: 100%; } .footer .footer__widget-content .footer__blog-single{ position:relative; display:flex; gap:20px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.2); } .footer .footer__widget-content .footer__blog-single:last-child{ border-bottom:0px; margin-bottom:0px; padding-bottom:0px; } .footer .footer__widget-content .footer__blog-single .inner{ position: relative; min-height: 70px; padding-left: 95px; } .footer .footer__widget-content .footer__blog-single .inner .image{ position: absolute; left: 0px; top: 0px; border-radius: 10px; width:80px; height:80px; } .footer .footer__widget-content .footer__blog-single .inner .image img{ border-radius: 10px; width:80px; height:80px; } .footer .footer__widget-content .footer__blog-single span{ position:relative; color:#ccc; } .footer .footer__widget-content .footer__blog-single .post-title a{ position:relative; color:#fff; line-height: 28px; font-size: 18px; } .footer .footer__widget-content .footer__blog-single .inner .post-meta{ position:relative; display:flex; gap:20px; margin-bottom:0px; } .footer .footer__widget-content .footer__blog-single .inner .post-meta li{ position: relative; font-weight: 400; font-size: 14px; color: #ffffff; padding-left: 25px; margin-top: 5px; } .footer .footer__widget-content .footer__blog-single .inner .post-meta li i{ position: absolute; content: '\f017'; left: 0px; top:5px; font-weight: 800; color: var(--main-color); font-family: 'Font Awesome 6 Free'; } #exp-header-elementor .exp-header-elementor-main { position: relative; z-index: 999; } #exp-header-elementor .exp-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; } #exp-header-elementor .exp-header-elementor-sticky.exp-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); } #exp-header-elementor.exp-header-rmboxshadow .exp-header-elementor-sticky.exp-header-fixed { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #exp-header-elementor.exp-header-rmboxshadow .exp-header-elementor-sticky.exp-header-fixed .exp-logo-nav { -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); } .admin-bar #exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed, .admin-bar #exp-header-elementor .ex-header--transparent, .admin-bar #exp-search-popup, .admin-bar #exp-hidden-panel-popup { top: 32px; } @media screen and (max-width: 782px) { .admin-bar #exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed, .admin-bar #exp-header-elementor .ex-header--transparent, .admin-bar #exp-search-popup, .admin-bar #exp-hidden-panel-popup { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar #exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed, .admin-bar #exp-header-elementor .ex-header--transparent, .admin-bar #exp-search-popup, .admin-bar #exp-hidden-panel-popup { top: 0; } } .about, .collection, .who{ position: relative; overflow: visible; } .footer .footer__blog-single .thumb a img{ min-height:80px; min-width:80px; object-fit:cover; } .area::before{ display:none; } .partner{ background-color:transparent !important; } #exp-header-default.main-header .navbar-logo.constrc-sticky-logo{ display: none; } #exp-header-default.main-header.sticky-header .navbar-logo.constrc-sticky-logo{ display: block; } @media screen and (max-width: 1199px) { #exp-header-mobile .exp-header-mobile.exp-header-mobile-fixed { position: fixed; left: 0; top: 0; right: 0; -webkit-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown; -khtml-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown; -moz-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown; -ms-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown; -o-animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown; animation: 0.95s ease 0s normal forwards 1 running EXP_Header_SlideDown; background-color: #fff; } #exp-header-mobile .exp-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; } } #exp-header-elementor .px-header--transparent { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } @media screen and (max-width: 1199px) { #exp-header-mobile.style-dark, #exp-header-mobile.style-dark .exp-header-menu{ background-color: #000; } #exp-header-mobile.style-dark .exp-nav-mobile-button:before, #exp-header-mobile.style-dark .exp-nav-mobile-button span, #exp-header-mobile.style-dark .exp-nav-mobile-button:after { background-color: #fff; } #exp-header-mobile.style-dark .exp-menu-primary li a{ color: #fff; } #exp-header-mobile.style-dark .exp-header-mobile-search .search-field { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.67); } } .exp-scroll-top { width: 46px; height: 46px; display: inline-block; position: fixed; bottom: 20px; right: 40px; background-color: #fff; -webkit-border-radius: 40px; -khtml-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; 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: 46px; text-align: center; font-size: 15px; opacity: 0; visibility: hidden; transition: inherit; } .exp-scroll-top.exp-on { bottom: 40px; opacity: 1; visibility: visible; } @media screen and (max-width: 1199px) { .exp-scroll-top.exp-on { bottom: 15px; } } .exp-scroll-top:hover, .exp-scroll-top:focus { margin-bottom: 4px; color: #383838; } @media screen and (max-width: 1400px) { .exp-scroll-top { right: 20px; } } @media screen and (max-width: 1199px) { .exp-scroll-top { width: 30px; height: 30px; line-height: 30px; font-size: 12px; right: 15px; } } .octf-sidepanel .panel-btn .fa-th{ font-family: "FontAwesome" !important; } /*================================================ Loading ================================================*/ @-o-keyframes moveUp { 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @-ms-keyframes moveUp { 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @-webkit-keyframes moveUp { 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @-webkit-keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @-webkit-keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @-webkit-keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes ctspin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes ctspin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes ctspin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes ctspin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes myPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, ); box-shadow: 0 0 0 60px rgba(255, 255, 255, ); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, ); box-shadow: 0 0 0 0 rgba(255, 255, 255, ); } } @keyframes myPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, ); box-shadow: 0 0 0 60px rgba(255, 255, 255, ); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, ); box-shadow: 0 0 0 0 rgba(255, 255, 255, ); } } @-webkit-keyframes myPulsePrimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.2); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.2); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); } } @keyframes myPulsePrimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.2); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.2); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); } } @-webkit-keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-webkit-keyframes ct-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes ct-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes ct-bounce2 { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.08); } } @keyframes ct-bounce2 { 0%, 100% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(1.08); -webkit-transform: scale(1.08); } } @-webkit-keyframes ct-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes ct-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } @-webkit-keyframes ct-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes ct-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ct-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes ct-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @-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; } } @keyframes ball { 0% { transform: translate(0, 0); } 5% { transform: translate(8px, -14px); } 10% { transform: translate(15px, -10px); } 17% { transform: translate(23px, -24px); } 20% { transform: translate(30px, -20px); } 27% { transform: translate(38px, -34px); } 30% { transform: translate(45px, -30px); } 37% { transform: translate(53px, -44px); } 40% { transform: translate(60px, -40px); } 50% { transform: translate(60px, 0); } 57% { transform: translate(53px, -14px); } 60% { transform: translate(45px, -10px); } 67% { transform: translate(37px, -24px); } 70% { transform: translate(30px, -20px); } 77% { transform: translate(22px, -34px); } 80% { transform: translate(15px, -30px); } 87% { transform: translate(7px, -44px); } 90% { transform: translate(0, -40px); } 100% { transform: translate(0, 0); } } @keyframes barUp1 { 0% { transform: scale(1, 0.2); } 40% { transform: scale(1, 0.2); } 50% { transform: scale(1, 1); } 90% { transform: scale(1, 1); } 100% { transform: scale(1, 0.2); } } @keyframes barUp2 { 0% { transform: scale(1, 0.4); } 40% { transform: scale(1, 0.4); } 50% { transform: scale(1, 0.8); } 90% { transform: scale(1, 0.8); } 100% { transform: scale(1, 0.4); } } @keyframes barUp3 { 0% { transform: scale(1, 0.6); } 100% { transform: scale(1, 0.6); } } @keyframes barUp4 { 0% { transform: scale(1, 0.8); } 40% { transform: scale(1, 0.8); } 50% { transform: scale(1, 0.4); } 90% { transform: scale(1, 0.4); } 100% { transform: scale(1, 0.8); } } @keyframes barUp5 { 0% { transform: scale(1, 1); } 40% { transform: scale(1, 1); } 50% { transform: scale(1, 0.2); } 90% { transform: scale(1, 0.2); } 100% { transform: scale(1, 1); } } @-moz-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-ms-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-webkit-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-moz-keyframes headerSlideUp { 0% { margin-top: 0px; } 100% { margin-top: -150px; } } @-ms-keyframes headerSlideUp { 0% { margin-top: 0; } 100% { margin-top: -150px; } } @-webkit-keyframes headerSlideUp { 0% { margin-top: 0px; } 100% { margin-top: -150px; } } @keyframes headerSlideUp { 0% { margin-top: 0; } 100% { margin-top: -150px; } } @-webkit-keyframes ct-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes ct-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes ct-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(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 { /* In Out Fade */ from { transform: perspective(500px) rotateY(0deg); opacity: 1; } to { transform: perspective(500px) rotateY(-90deg); opacity: 1; } } @-webkit-keyframes in-top-fade { from { -webkit-transform: translateY(-120%); } to { -webkit-transform: translateY(0%); } } @keyframes in-top-fade { from { transform: translateY(-120%); } to { transform: translateY(0%); } } @-webkit-keyframes out-top-fade { from { -webkit-transform: translateY(0%); } to { -webkit-transform: translateY(-120%); } } @keyframes out-top-fade { from { transform: translateY(0%); } to { transform: translateY(-120%); } } @-webkit-keyframes in-bottom-fade { from { -webkit-transform: translateY(120%); } to { -webkit-transform: translateY(0%); } } @keyframes in-bottom-fade { from { transform: translateY(120%); } to { transform: translateY(0%); } } @-webkit-keyframes out-bottom-fade { from { -webkit-transform: translateY(0%); } to { -webkit-transform: translateY(120%); } } @keyframes out-bottom-fade { from { transform: translateY(0%); } to { transform: translateY(120%); } } @-webkit-keyframes in-left-fade { from { -webkit-transform: translateX(-120%); } to { -webkit-transform: translateX(0%); } } @keyframes in-left-fade { from { transform: translateX(-120%); } to { transform: translateX(0%); } } @-webkit-keyframes out-left-fade { from { -webkit-transform: translateX(0%); } to { -webkit-transform: translateX(-120%); } } @keyframes out-left-fade { from { transform: translateX(0%); } to { transform: translateX(-120%); } } @-webkit-keyframes in-right-fade { from { -webkit-transform: translateX(120%); } to { -webkit-transform: translateX(0%); } } @keyframes in-right-fade { from { transform: translateX(120%); } to { transform: translateX(0%); } } @-webkit-keyframes out-right-fade { from { -webkit-transform: translateX(0%); } to { -webkit-transform: translateX(120%); } } @keyframes out-right-fade { from { transform: translateX(0%); } to { transform: translateX(120%); } } @-webkit-keyframes video-icon-animation { from { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } to { -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } } @keyframes video-icon-animation { from { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } to { -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0; } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } @-webkit-keyframes btn_shine { 100% { left: 200%; } } @keyframes btn_shine { 100% { left: 200%; } } @-webkit-keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes anim-moema-2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-2 { to { opacity: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes CTPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, ); box-shadow: 0 0 0 60px rgba(255, 255, 255, ); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, ); box-shadow: 0 0 0 0 rgba(255, 255, 255, ); } } @keyframes CTPulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, ); box-shadow: 0 0 0 60px rgba(255, 255, 255, ); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, ); box-shadow: 0 0 0 0 rgba(255, 255, 255, ); } } @-webkit-keyframes CTPulse_Primary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.4); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.4); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); } } @keyframes CTPulse_Primary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.4); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0.4); } 70% { -webkit-box-shadow: 0 0 0 60px rgba(0, 0, 0, ); box-shadow: 0 0 0 60px rgba(0, 124, 251, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); box-shadow: 0 0 0 0 rgba(0, 124, 251, 0); } } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } @-webkit-keyframes squares { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-webkit-keyframes squares_lg { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes squares_lg { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.16); transform: scale(1.16); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ct_dual_ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes ct_dual_ring { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-webkit-keyframes item_rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes item_rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes item_rotate { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes item_rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes item_rotate_child { 0% { -webkit-transform: rotate(-160deg); -moz-transform: rotate(-160deg); -o-transform: rotate(-160deg); transform: rotate(-160deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pulse-border { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } } @-webkit-keyframes pulse-border { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } } @keyframes pulse-border2 { 0% { transform: scale(1); opacity: 0.67; } 100% { transform: scale(2); opacity: 0; } } @-webkit-keyframes pulse-border2 { 0% { transform: scale(1); opacity: 0.67; } 100% { transform: scale(2); opacity: 0; } } @keyframes animationFramesOne { 0% { transform: translateX(0px); } 25% { transform: translateX(-40px); } 50% { transform: translateX(0px); } 75% { transform: translateX(40px); } 100% { transform: translateX(0px); } } @keyframes animationFramesTwo { 0% { transform: translateX(0px); } 25% { transform: translateX(40px); } 50% { transform: translateX(0px); } 75% { transform: translateX(-40px); } 100% { transform: translateX(0px); } } @keyframes animationFramesThree { 0% { transform: translate(0px, 0px); } 20% { transform: translate(40px, -5px); } 40% { transform: translate(60px, 40px); } 60% { transform: translate(40px, 60px); } 80% { transform: translate(-40px, 60px); } 100% { transform: translate(0px, 0px); } } @keyframes animationFramesFour { 0% { transform: translate(0px, 0px); } 20% { transform: translate(-30px, 40px); } 40% { transform: translate(60px, 60px); } 60% { transform: translate(80px, 40px); } 80% { transform: translate(40px, -70px); } 100% { transform: translate(0px, 0px); } } @keyframes stevloader { 0%, 100% { box-shadow: -7px -7px 0em 5px var(--main-color), 7px -7px 0em 5px #082680, 7px 7px 0em 5px #082680, -7px 7px 0em 5px #082680; } 8.3333% { box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px var(--main-color), 7px 7px 0em 5px #082680, -7px 7px 0em 5px #082680; } 16.6667% { box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px transparent, 7px 7px 0em 5px var(--main-color), -7px 7px 0em 5px #082680; } 25% { box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px transparent, 7px 7px 0em 5px transparent, -7px 7px 0em 5px var(--main-color); } 33.3333% { box-shadow: -7px -7px 0em 5px var(--main-color), 7px -7px 0em 5px transparent, 7px 7px 0em 5px transparent, -7px 7px 0em 5px #082680; } 41.6667% { box-shadow: -7px -7px 0em 5px #082680, 7px -7px 0em 5px var(--main-color), 7px 7px 0em 5px transparent, -7px 7px 0em 5px #082680; } 50% { box-shadow: -7px -7px 0em 5px #082680, 7px -7px 0em 5px #082680, 7px 7px 0em 5px var(--main-color), -7px 7px 0em 5px #082680; } 58.3333% { box-shadow: -7px -7px 0em 5px #082680, 7px -7px 0em 5px #082680, 7px 7px 0em 5px transparent, -7px 7px 0em 5px var(--main-color); } 66.6667% { box-shadow: -7px -7px 0em 5px var(--main-color), 7px -7px 0em 5px #082680, 7px 7px 0em 5px transparent, -7px 7px 0em 5px transparent; } 75% { box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px var(--main-color), 7px 7px 0em 5px transparent, -7px 7px 0em 5px transparent; } 83.3333% { box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px #082680, 7px 7px 0em 5px var(--main-color), -7px 7px 0em 5px transparent; } 91.6667% { box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px #082680, 7px 7px 0em 5px #082680, -7px 7px 0em 5px var(--main-color); } } @-webkit-keyframes stevloader { 0%, 100% { -webkit-box-shadow: -7px -7px 0em 5px var(--main-color), 7px -7px 0em 5px #082680, 7px 7px 0em 5px #082680, -7px 7px 0em 5px #082680; } 8.3333% { -webkit-box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px var(--main-color), 7px 7px 0em 5px #082680, -7px 7px 0em 5px #082680; } 16.6667% { -webkit-box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px transparent, 7px 7px 0em 5px var(--main-color), -7px 7px 0em 5px #082680; } 25% { -webkit-box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px transparent, 7px 7px 0em 5px transparent, -7px 7px 0em 5px var(--main-color); } 33.3333% { -webkit-box-shadow: -7px -7px 0em 5px var(--main-color), 7px -7px 0em 5px transparent, 7px 7px 0em 5px transparent, -7px 7px 0em 5px #082680; } 41.6667% { -webkit-box-shadow: -7px -7px 0em 5px #082680, 7px -7px 0em 5px var(--main-color), 7px 7px 0em 5px transparent, -7px 7px 0em 5px #082680; } 50% { -webkit-box-shadow: -7px -7px 0em 5px #082680, 7px -7px 0em 5px #082680, 7px 7px 0em 5px var(--main-color), -7px 7px 0em 5px #082680; } 58.3333% { -webkit-box-shadow: -7px -7px 0em 5px #082680, 7px -7px 0em 5px #082680, 7px 7px 0em 5px transparent, -7px 7px 0em 5px var(--main-color); } 66.6667% { -webkit-box-shadow: -7px -7px 0em 5px var(--main-color), 7px -7px 0em 5px #082680, 7px 7px 0em 5px transparent, -7px 7px 0em 5px transparent; } 75% { -webkit-box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px var(--main-color), 7px 7px 0em 5px transparent, -7px 7px 0em 5px transparent; } 83.3333% { -webkit-box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px #082680, 7px 7px 0em 5px var(--main-color), -7px 7px 0em 5px transparent; } 91.6667% { -webkit-box-shadow: -7px -7px 0em 5px transparent, 7px -7px 0em 5px #082680, 7px 7px 0em 5px #082680, -7px 7px 0em 5px var(--main-color); } } @-webkit-keyframes loading-run { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes loading-run { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes loading-round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @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 icon-bounce-right { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 60% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #constrc-loading { flex-direction: column; justify-content: center; align-items: center; position: fixed; display: flex; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; width: 100%; height: 100%; background: var(--white-color); } .ct-dots-style3 .slick-dots { margin-top: 28px; margin-bottom: 0; } .ct-dots-style3 .slick-dots li { margin: 0 7px; } .ct-dots-style3 .slick-dots li button { height: 3px; width: 29px; background-color: #b4b6c0; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .ct-dots-style3 .slick-dots li button:before, .ct-dots-style3 .slick-dots li button:after { display: none; } .ct-dots-style3 .slick-dots li.slick-active button { background-color: #0431b8; } #ct-loadding { height: 100%; position: fixed; width: 100%; z-index: 999999; top: 0; left: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; background-color: #fff; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #ct-loadding.ct-loaded { opacity: 0; visibility: hidden; } #ct-loadding.ct-loaded.style9 { -webkit-transform: scale(1.5); -khtml-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } #ct-loadding .loading-image { 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%); } #ct-loadding .loading-image img { max-height: 80px; } #ct-loadding .ct-dual-ring { 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: 64px; height: 64px; } #ct-loadding .ct-dual-ring:after { content: " "; display: block; width: 64px; height: 64px; border-radius: 50%; border-width: 4px; border-style: solid; border-right-color: transparent; border-left-color: transparent; animation: ct_dual_ring 1.2s linear infinite; border-bottom-color: var(--main-color); border-top-color: var(--main-color); } #ct-loadding .loading-spin { display: block; height: 65px; margin: -32px auto 0; position: relative; top: 50%; width: 65px; } #ct-loadding .loading-spin .spinner { width: 60px; height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: spin-rotate-all 1s linear infinite; animation: spin-rotate-all 1s linear infinite; } #ct-loadding .loading-spin .spinner .right-side, #ct-loadding .loading-spin .spinner .left-side { width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden; -webkit-animation: spin-fade-in-first 1.2s linear infinite alternate; animation: spin-fade-in-first 1.2s linear infinite alternate; } #ct-loadding .loading-spin .spinner .left-side { left: 0; } #ct-loadding .loading-spin .spinner .right-side { right: 0; } #ct-loadding .loading-spin .spinner.color-2 .right-side, #ct-loadding .loading-spin .spinner.color-2 .left-side { -webkit-animation: spin-fade-in-second 1.2s linear infinite alternate; animation: spin-fade-in-second 1.2s linear infinite alternate; } #ct-loadding .loading-spin .spinner .bar { width: 100%; height: 100%; -webkit-border-radius: 200px 0 0 200px; -khtml-border-radius: 200px 0 0 200px; -moz-border-radius: 200px 0 0 200px; -ms-border-radius: 200px 0 0 200px; -o-border-radius: 200px 0 0 200px; border-radius: 200px 0 0 200px; border: 6px solid var(--main-color); position: relative; } #ct-loadding .loading-spin .spinner .bar:after { content: ""; width: 6px; height: 6px; display: block; background: var(--main-color); position: absolute; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } #ct-loadding .loading-spin .spinner .right-side .bar { -webkit-border-radius: 0 200px 200px 0; -khtml-border-radius: 0 200px 200px 0; -moz-border-radius: 0 200px 200px 0; -ms-border-radius: 0 200px 200px 0; -o-border-radius: 0 200px 200px 0; border-radius: 0 200px 200px 0; border-left: none; -webkit-transform: rotate(-10deg); -webkit-transform-origin: left center; transform: rotate(-10deg); transform-origin: left center; -webkit-animation: spin-rotate-right 0.75s linear infinite alternate; animation: spin-rotate-right 0.75s linear infinite alternate; } #ct-loadding .loading-spin .spinner .right-side .bar:after { bottom: -6px; left: -3px; } #ct-loadding .loading-spin .spinner .left-side .bar { border-right: none; -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-transform-origin: right center; transform-origin: right center; -webkit-animation: spin-rotate-left 0.75s linear infinite alternate; animation: spin-rotate-left 0.75s linear infinite alternate; } #ct-loadding .loading-spin .spinner .left-side .bar:after { bottom: -6px; right: -3px; } #ct-loadding .ct-dot-square { display: block; font-size: 13px; width: 2px; height: 2px; position: absolute; top: 50%; left: 50%; background-color: transparent; transform: translate(-50%, -50%); animation: stevloader 3s infinite linear; -webkit-animation: stevloader 3s infinite linear; } #ct-loadding.s10 .loading-spinner { color: var(--main-color); font-size: 60px; text-indent: -9999em; overflow: hidden; width: 60px; height: 60px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-animation: loading-run 1.7s infinite ease, loading-round 1.7s infinite ease; animation: loading-run 1.7s infinite ease, loading-round 1.7s infinite ease; } #ct-loadding .loading-ring { width: 80px; height: 80px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } #ct-loadding .loading-ring:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-width: 6px; border-style: solid; border-color: var(--main-color) transparent var(--main-color) transparent; animation: lds-dual-ring 1.2s linear infinite; } .ct-spinner2 { width: 45px; height: 45px; background-color: var(--main-color); margin: 100px auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .ct-spinner3 { width: 45px; height: 45px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .ct-spinner3 .double-bounce1, .ct-spinner3 .double-bounce2 { 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%; background-color: var(--main-color); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: ct-bounce 2s infinite ease-in-out; animation: ct-bounce 2s infinite ease-in-out; } .ct-spinner3 .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } .ct-spinner4 { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: 70px; height: 40px; text-align: center; font-size: 10px; } .ct-spinner4 > div { background-color: var(--main-color); height: 100%; width: 6px; display: inline-block; -webkit-animation: ct-stretchdelay 1.2s infinite ease-in-out; animation: ct-stretchdelay 1.2s infinite ease-in-out; } .ct-spinner4 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ct-spinner4 .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .ct-spinner4 .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ct-spinner4 .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ct-spinner5 { position: absolute; left: 0; right: 0; margin: auto; 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%); width: 70px; text-align: center; } .ct-spinner5 > div { width: 18px; height: 18px; background-color: var(--main-color); -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; -webkit-animation: ct-bouncedelay 1.4s infinite ease-in-out both; animation: ct-bouncedelay 1.4s infinite ease-in-out both; } .ct-spinner5 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .ct-spinner5 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .ct-cube-grid { width: 40px; height: 40px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .ct-cube-grid .ct-cube { width: 33%; height: 33%; background-color: var(--main-color); float: left; -webkit-animation: ct-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: ct-cubeGridScaleDelay 1.3s infinite ease-in-out; } .ct-cube-grid .ct-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .ct-cube-grid .ct-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .ct-cube-grid .ct-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .ct-cube-grid .ct-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .ct-cube-grid .ct-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .ct-cube-grid .ct-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .ct-cube-grid .ct-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ct-cube-grid .ct-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .ct-cube-grid .ct-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .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(--main-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; } .ct-loading-stairs { height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); width: 75px; margin-top: -25px; } .ct-loading-stairs .loader-bar { position: absolute; bottom: 0; width: 10px; height: 50%; background: var(--main-color); transform-origin: center bottom; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); -khtml-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); -ms-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); -o-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); box-shadow: 1px 1px 0 rgba(0, 0, 0, .2); } .ct-loading-stairs .loader-bar:nth-child(1) { left: 0px; -webkit-transform: scale(1, 0.2); -khtml-transform: scale(1, 0.2); -moz-transform: scale(1, 0.2); -ms-transform: scale(1, 0.2); -o-transform: scale(1, 0.2); transform: scale(1, 0.2); animation: barUp1 4s infinite; -webkit-animation: barUp1 4s infinite; -ms-animation: barUp1 4s infinite; } .ct-loading-stairs .loader-bar:nth-child(2) { left: 15px; -webkit-transform: scale(1, 0.4); -khtml-transform: scale(1, 0.4); -moz-transform: scale(1, 0.4); -ms-transform: scale(1, 0.4); -o-transform: scale(1, 0.4); transform: scale(1, 0.4); animation: barUp2 4s infinite; -webkit-animation: barUp2 4s infinite; -ms-animation: barUp2 4s infinite; } .ct-loading-stairs .loader-bar:nth-child(3) { left: 30px; -webkit-transform: scale(1, 0.6); -khtml-transform: scale(1, 0.6); -moz-transform: scale(1, 0.6); -ms-transform: scale(1, 0.6); -o-transform: scale(1, 0.6); transform: scale(1, 0.6); animation: barUp3 4s infinite; -webkit-animation: barUp3 4s infinite; -ms-animation: barUp3 4s infinite; } .ct-loading-stairs .loader-bar:nth-child(4) { left: 45px; -webkit-transform: scale(1, 0.8); -khtml-transform: scale(1, 0.8); -moz-transform: scale(1, 0.8); -ms-transform: scale(1, 0.8); -o-transform: scale(1, 0.8); transform: scale(1, 0.8); animation: barUp4 4s infinite; -webkit-animation: barUp4 4s infinite; -ms-animation: barUp4 4s infinite; } .ct-loading-stairs .loader-bar:nth-child(5) { left: 60px; -webkit-transform: scale(1, 1); -khtml-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); animation: barUp5 4s infinite; -webkit-animation: barUp5 4s infinite; -ms-animation: barUp5 4s infinite; } .ct-loading-stairs .loader-ball { position: absolute; bottom: 10px; left: 0; width: 10px; height: 10px; background: var(--main-color); -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; animation: ball 4s infinite; -webkit-animation: ball 4s infinite; -ms-animation: ball 4s infinite; } .ct-spinner9-wrap { position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); left: 0; right: 0; width: 45px; height: 45px; margin: auto; } .ct-spinner9 { margin: 0 auto; width: 45px; height: 45px; position: relative; text-align: center; -webkit-animation: ct-rotate 2s infinite linear; animation: ct-rotate 2s infinite linear; } .ct-spinner9 .dot1, .ct-spinner9 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: var(--main-color); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-animation: ct-bounce 2s infinite ease-in-out; animation: ct-bounce 2s infinite ease-in-out; } .ct-spinner9 .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } .loading-infinity { width: 120px; height: 60px; 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%); } .loading-infinity div, .loading-infinity span { position: absolute; } .loading-infinity div { top: 0; left: 50%; width: 70px; height: 70px; animation: ctLoadingrotate 6.9s linear infinite; } .loading-infinity div span { left: -10px; top: 50%; margin: -10px 0 0 0; width: 20px; height: 20px; display: block; background: var(--main-color); box-shadow: 2px 2px 8px rgba(0, 124, 251, .09); border-radius: 50%; transform: rotate(90deg); animation: ctLoadingmove 6.9s linear infinite; } .loading-infinity div span:before, .loading-infinity div span:after { content: ''; position: absolute; display: block; border-radius: 50%; width: 20px; height: 20px; background: inherit; top: 50%; left: 50%; margin: -10px 0 0 -10px; box-shadow: inherit; } .loading-infinity div span:before { animation: ctLoadingdrop1 0.8s linear infinite; } .loading-infinity div span:after { animation: ctLoadingdrop2 0.8s linear infinite 0.4s; } .loading-infinity div:nth-child(2) { animation-delay: -2.3s; } .loading-infinity div:nth-child(2) span { animation-delay: -2.3s; } .loading-infinity div:nth-child(3) { animation-delay: -4.6s; } .loading-infinity div:nth-child(3) span { animation-delay: -4.6s; } @keyframes ctLoadingrotate { 50% { transform: rotate(360deg); margin-left: 0; } 50.0001%, 100% { margin-left: -70px; } } @keyframes ctLoadingmove { 0%, 50% { left: -10px; } 25% { background: #0431b8; } 75% { background: #85cc02; } 50.0001%, 100% { left: auto; right: -10px; } } @keyframes ctLoadingdrop1 { 100% { transform: translate(32px, 10px) scale(0); } } @keyframes ctLoadingdrop2 { /* End Page Loading */ /* Modal and Hidden Sidebar */ 0% { transform: translate(0, 0) scale(0.9); } 100% { transform: translate(32px, -10px) scale(0); } } .constrc-loading.display-none{ display: none; } .overflow{ overflow:hidden; } .footer-style-two .footer__newsletter-form form .mc4wp-form-fields{ display:block; } .footer-style-two .footer__newsletter-form form .mc4wp-form-fields input{ background-color:#111; color:#fff; margin-bottom:10px; } .common-banner__inner .breadcrumb li{ position:relative; color:#fff; font-size:16px; } .common-banner__inner .breadcrumb li span{ color:#fff; } .common-banner__inner .breadcrumb li:last-child:before{ display:none; } .common-banner__inner .breadcrumb li:last-child{ padding-right: 0px; margin-right: 0px; } .exp-load-more.constrc-btn{ position:relative; display:inline-block; text-align:center; } .exp-breadcrumb-wrap.arrow-style2 li::after { content: "\f101"; font-family: "Font Awesome 5 Pro"; font-size: 14px; } /********* Service Sidebar Menu *************/ .service-widget{ position:relative; } .service-widget ul{ position:relative; padding:0px; margin:0px; } .service-widget ul li{ padding-bottom: 0px !important; margin-bottom: 0px !important; border-bottom: 0px !important; position:relative; width: 100%; font-size: 16px; line-height: 30px; } .service-widget ul li a{ position: relative; color: #222222; font-size: 16px; margin-bottom:5px; font-weight: 700 !important; display: block !important; padding: 18px 40px 18px 20px !important; border: 1px solid #acacac !important; border-radius:0px 50px 50px 0px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; font-family: 'Raleway', sans-serif; } .service-widget ul li a:after{ position: absolute; content: '\f178'; right: 22px; top: 15px; color: #222222; font-size: 18px; font-family: 'FontAwesome'; } .service-widget ul li a:before{ display:none; } .service-widget ul li a:hover, .service-widget ul li.current-menu-item a{ background-color: var(--main-color); color: #fff !important; border-color: var(--main-color); } .service-widget ul li a:hover:after, .service-widget ul li.current-menu-item a:after{ color: #fff; } .octf-cta-header .toggle_search > i.hide, .octf-cta-header .toggle_search > .svg-search.hide{ display: none; } .widget-title, .comment-reply-title, .comments-title, .widget .wp-block-heading, .widget .wp-block-search__label { font-size: 22px; margin-bottom: 28px; padding-bottom: 10px; position: relative; color: #000; font-weight: 700; line-height: 30px; } .widget-title:before, .comment-reply-title:before, .comments-title:before, .widget .wp-block-heading:before, .widget .wp-block-search__label:before{ content: ''; width: 40px; height: 3px; position: absolute; bottom: 0; left: 0; background-color: var(--main-color); } .widget ul, .widget_product_categories ul, .widget_categories ul, .widget_pages ul, .widget_nav_menu ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul { list-style: none; margin-top: -3px; margin-bottom: 0; padding: 0; } .widget ul li a:before, .widget_product_categories ul li a:before, .widget_pages ul li a:before, .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_recent_entries ul li a:before { content: "\f054"; font-family: 'FontAwesome'; margin-right: 8px; font-size: 9px; font-weight: normal; } .widget_product_categories ul li a .exp-count, .widget_pages ul li a .exp-count, .widget_nav_menu ul li a .exp-count, .widget_meta ul li a .exp-count, .widget_recent_entries ul li a .exp-count { width: 27px; height: 27px; display: inline-block; background-color: #eee; text-align: center; line-height: 27px; font-size: 12px; color: #222; -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; z-index: 1; } .widget_product_categories ul li a .exp-count:before, .widget_categories ul li a .exp-count:before, .widget_pages ul li a .exp-count:before, .widget_nav_menu ul li a .exp-count:before, .widget_archive ul li a .exp-count:before, .widget_meta ul li a .exp-count:before, .widget_recent_entries ul li a .exp-count:before{ 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; } .widget_product_categories 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, .widget_categories 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, .widget_categories 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_pages ul li > a:hover, .widget_meta ul li > a:hover, .widget_recent_entries ul li > a:hover { padding-left: 16px; color: var(--main-color); } .widget_product_categories ul li.current-menu-item > a .exp-count, .widget_categories ul li.current-menu-item > a .exp-count, .widget_pages ul li.current-menu-item > a .exp-count, .widget_archive ul li.current-menu-item > a .exp-count, .widget_meta ul li.current-menu-item > a .exp-count, .widget_recent_entries ul li.current-menu-item > a .exp-count, .widget_product_categories ul li.current-cat > a .exp-count, .widget_categories ul li.current-cat > a .exp-count, .widget_nav_menu ul li.current-cat > a .exp-count, .widget_pages ul li.current-cat > a .exp-count, .widget_archive ul li.current-cat > a .exp-count, .widget_meta ul li.current-cat > a .exp-count, .widget_recent_entries ul li.current-cat > a .exp-count, .widget_product_categories ul li.current-cat-parent > a .exp-count, .widget_categories ul li.current-cat-parent > a .exp-count, .widget_nav_menu ul li.current-cat-parent > a .exp-count, .widget_pages ul li.current-cat-parent > a .exp-count, .widget_archive ul li.current-cat-parent > a .exp-count, .widget_meta ul li.current-cat-parent > a .exp-count, .widget_recent_entries ul li.current-cat-parent > a .exp-count, .widget_product_categories ul li > a:hover .exp-count, .widget_categories ul li > a:hover .exp-count, .widget_nav_menu ul li > a:hover .exp-count, .widget_pages ul li > a:hover .exp-count, .widget_archive ul li > a:hover .exp-count, .widget_meta ul li > a:hover .exp-count, .widget_recent_entries ul li > a:hover .exp-count { color: #fff; } .widget_product_categories ul li.current-menu-item > a .exp-count:before, .widget_categories ul li.current-menu-item > a .exp-count:before, .widget_pages ul li.current-menu-item > a .exp-count:before, .widget_archive ul li.current-menu-item > a .exp-count:before, .widget_meta ul li.current-menu-item > a .exp-count:before, .widget_recent_entries ul li.current-menu-item > a .exp-count:before, .widget_product_categories ul li.current-cat > a .exp-count:before, .widget_categories ul li.current-cat > a .exp-count:before, .widget_nav_menu ul li.current-cat > a .exp-count:before, .widget_pages ul li.current-cat > a .exp-count:before, .widget_archive ul li.current-cat > a .exp-count:before, .widget_meta ul li.current-cat > a .exp-count:before, .widget_recent_entries ul li.current-cat > a .exp-count:before, .widget_product_categories ul li.current-cat-parent > a .exp-count:before, .widget_categories ul li.current-cat-parent > a .exp-count:before, .widget_nav_menu ul li.current-cat-parent > a .exp-count:before, .widget_pages ul li.current-cat-parent > a .exp-count:before, .widget_archive ul li.current-cat-parent > a .exp-count:before, .widget_meta ul li.current-cat-parent > a .exp-count:before, .widget_recent_entries ul li.current-cat-parent > a .exp-count:before, .widget_product_categories ul li > a:hover .exp-count:before, .widget_categories ul li > a:hover .exp-count:before, .widget_nav_menu ul li > a:hover .exp-count:before, .widget_pages ul li > a:hover .exp-count:before, .widget_archive ul li > a:hover .exp-count:before, .widget_meta ul li > a:hover .exp-count:before, .widget_recent_entries ul li > a:hover .exp-count:before { opacity: 1; } .widget_product_categories ul li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > a { padding-left: 10px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > a { padding-left: 15px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 20px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 25px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 30px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 35px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 40px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 45px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 50px; } .widget_product_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_categories ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_nav_menu ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_pages ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_archive ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_meta ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a, .widget_recent_entries ul li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 55px; } .widget_product_categories .widget-content > ul > li:last-child > a, .widget_categories .widget-content > ul > li:last-child > a, .widget_nav_menu .widget-content > ul > li:last-child > a, .widget_pages .widget-content > ul > li:last-child > a, .widget_archive .widget-content > ul > li:last-child > a, .widget_meta .widget-content > ul > li:last-child > a, .widget_recent_entries .widget-content > ul > li:last-child > a { border-bottom: none; } .widget_exp_recent_posts .exp-item--img { width: 90px; min-width: 90px; margin-right: 12px; } .widget_exp_recent_posts .exp-item--title { margin-bottom: 7px; font-size: 18px; line-height: 24px; font-weight: 700; color: #000; } .widget_exp_recent_posts .exp-item--title a { color: inherit; } .widget_exp_recent_posts .exp-item--title a:hover { color: rgba(34, 53, 67, 0.85); } .widget_exp_recent_posts .exp-item--title a:hover { color: var(--main-color); } .widget_exp_recent_posts .exp-item--date { font-size: 14px; color: #8a8989; display: inline-flex; align-items: center; } .widget_exp_recent_posts .exp-item--date i { margin-right: 6px; } .widget_exp_recent_posts .exp--item { display: flex; flex-wrap: nowrap; border-bottom: 1px solid #e2e2e7; margin-bottom: 30px; padding-bottom: 24px; } .widget_exp_recent_posts .exp--item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .gallery { margin: -16px -6px 43px -6px !important; display: flex; flex-wrap: wrap; } .gallery .gallery-item { padding: 0 6px !important; margin: 24px 0 0 !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.33% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .widget_media_gallery .gallery, .elementor-widget-wp-widget-media_gallery .gallery, .elementor-widget-image-gallery .gallery { margin: -10px -5px 0 -5px; } .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: 12px !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: block; position: relative; } .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: "Font Awesome 5 Pro"; 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; } .exp-right { float: right; } .widget_product_categories ul li > a:hover .exp-count{ background: var(--main-color); } .elementor-editor-active .grid-sizer { display: none; } .exp-recent-news1 .exp-grid-item, .exp-recent-news1 .grid-sizer { width: 25%; padding: 0 18px; } @media screen and (max-width: 1024px) { .exp-recent-news1 .exp-grid-item, .exp-recent-news1 .grid-sizer { width: 33.33%; } .exp-recent-news1 .exp-grid-item.exp--item-lg .content-md, .exp-recent-news1 .grid-sizer.exp--item-lg .content-md, .exp-recent-news1 .exp-grid-item.exp--item-lg .img-md, .exp-recent-news1 .grid-sizer.exp--item-lg .img-md { display: block; } .exp-recent-news1 .exp-grid-item.exp--item-lg .content-lg, .exp-recent-news1 .grid-sizer.exp--item-lg .content-lg, .exp-recent-news1 .exp-grid-item.exp--item-lg .img-lg, .exp-recent-news1 .grid-sizer.exp--item-lg .img-lg { display: none; } } @media screen and (max-width: 991px) { .exp-recent-news1 .exp-grid-item, .exp-recent-news1 .grid-sizer { width: 50%; } } @media screen and (max-width: 575px) { .exp-recent-news1 .exp-grid-item, .exp-recent-news1 .grid-sizer { width: 100%; } } @media screen and (min-width: 1025px) { .exp-recent-news1 .exp-grid-item.exp--item-lg, .exp-recent-news1 .grid-sizer.exp--item-lg { width: 50%; } .exp-recent-news1 .exp-grid-item.exp--item-lg .content-md, .exp-recent-news1 .grid-sizer.exp--item-lg .content-md, .exp-recent-news1 .exp-grid-item.exp--item-lg .img-md, .exp-recent-news1 .grid-sizer.exp--item-lg .img-md { display: none; } } .exp-recent-news1 .exp-grid-item.exp--item-first, .exp-recent-news1 .grid-sizer.exp--item-first { min-height: 265px; margin-bottom: 0; position: relative; } @media screen and (max-width: 1024px) { .exp-recent-news1 .exp-grid-item.exp--item-first, .exp-recent-news1 .grid-sizer.exp--item-first { display: none; } } .exp-recent-news1 .exp-grid-item.exp--item-first .exp-shape, .exp-recent-news1 .grid-sizer.exp--item-first .exp-shape { position: absolute; top: 60px; left: 65px; z-index: -1; animation: exp_right_left 12s infinite linear alternate; } #exp-main { padding: 90px 0px 0px; } .exp---post { /* Blog Layout */ } .exp---post .exp-item--image a { display: block; width: 100%; } .exp---post .exp-item--image img { -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -ms-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .exp---post .exp-item--title { font-size: 30px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .exp---post .exp-item--title { font-size: 24px; } } .exp---post .exp-item--title a { color: inherit; } .exp---post .exp-item--title a:hover { color: rgba(0, 0, 0, 0.67); } .exp---post .exp-item--excerpt { margin-bottom: 24px; } .exp---post .exp-item--meta { list-style: none; margin: 0 0 18px; padding: 0 0 15px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ececf0; position: relative; font-size: 14px; color: #707070; } .exp---post .exp-item--meta li { margin-right: 24px; display: inline-flex; align-items: center; } .exp---post .exp-item--meta li i { font-size: 20px; margin-right: 8px; } .exp---post .exp-item--meta:before { content: ''; width: 40px; height: 3px; position: absolute; bottom: -1px; left: 0; } .exp---post .exp-item--author a { font-weight: 600; color: #0e0e0e; } .exp---post .exp-item--author a:hover { color: var(--main-color); } .exp---post .exp-item--readmore i { 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); 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%); z-index: -1; opacity: 0; line-height: normal; display: inline-flex; } .exp---post .exp-item--readmore a { z-index: 1; font-weight: 600; border-radius: 0px; } .exp---post .exp-item--readmore a:before { transform: skewX(-2deg); } .exp---post .exp-item--readmore a:hover, .exp---post .exp-item--readmore a:focus { padding-right: 48px; } .exp---post .exp-item--readmore a:hover:before, .exp---post .exp-item--readmore a:focus:before { transform: skewX(2deg); } .exp---post .exp-item--readmore a:hover i, .exp---post .exp-item--readmore a:focus i { opacity: 1; } .exp---post.product .exp-post--meta, .exp---post.product .exp-item--more { display: none !important; } .exp-item--archive .exp-post--meta { justify-content: center; font-size: 14px; color: #666; font-weight: 500; } .exp-item--archive .exp-post--meta a { font-weight: inherit; color: inherit; } .exp-item--archive .exp-post--meta i { color: var(--main-color); font-size: 18px; display: inline-flex; } .exp-item--archive .exp-post--meta > div { padding: 0 15px; } @media screen and (max-width: 767px) { .exp-item--archive .exp-post--meta > div { padding: 0 8px; } } .exp-item--archive.exp-item--standard .exp-item--holder { padding: 22px 30px 30px; } @media screen and (max-width: 767px) { .exp-item--archive.exp-item--standard .exp-item--holder { padding-left: 15px; padding-right: 15px; } } .exp-item--archive.exp-item--classic, .exp-item--archive.exp-item--boxed, .exp-item--archive.exp-item--creative { margin-bottom: 36px; } .exp-item--archive.exp-item--classic .exp-item--image img, .exp-item--archive.exp-item--boxed .exp-item--image img, .exp-item--archive.exp-item--creative .exp-item--image img { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .exp-item--archive.exp-item--classic .exp-item--title, .exp-item--archive.exp-item--boxed .exp-item--title, .exp-item--archive.exp-item--creative .exp-item--title { font-size: 28px; line-height: 1.5; margin-bottom: 14px; } .exp-item--archive.exp-item--classic .exp-post--category, .exp-item--archive.exp-item--boxed .exp-post--category, .exp-item--archive.exp-item--creative .exp-post--category { font-size: 12px; text-transform: uppercase; font-weight: 700; margin-bottom: 17px; letter-spacing: 0.1em; } .exp-item--archive.exp-item--classic .exp-item--excerpt, .exp-item--archive.exp-item--boxed .exp-item--excerpt, .exp-item--archive.exp-item--creative .exp-item--excerpt { max-width: 680px; margin: 0 auto 18px auto; } .exp-item--archive.exp-item--classic .exp-item--holder, .exp-item--archive.exp-item--boxed .exp-item--holder, .exp-item--archive.exp-item--creative .exp-item--holder { text-align: center; } .exp-item--archive.exp-item--classic:hover .exp-item--title a, .exp-item--archive.exp-item--boxed:hover .exp-item--title a, .exp-item--archive.exp-item--creative:hover .exp-item--title a { color: var(--main-color); box-shadow: 0 -1px 0 0 white inset, 0 -2px 0 0 var(--main-color) inset; } .exp-item--archive.exp-item--classic .exp-item--holder { padding: 24px 30px; } @media screen and (max-width: 767px) { .exp-item--archive.exp-item--classic .exp-item--holder { padding-left: 15px; padding-right: 15px; } } .exp-item--archive.exp-item--boxed { margin-bottom: 28px; } .exp-item--archive.exp-item--boxed .exp-item--holder { padding: 24px 30px 38px; border: 2px solid #efefef; } @media screen and (max-width: 767px) { .exp-item--archive.exp-item--boxed .exp-item--holder { padding-left: 22px; padding-right: 22px; } } .exp-item--archive.exp-item--boxed .exp-item--image + .exp-item--holder { border-top: none; } .exp-item--archive.exp-item--cover { position: relative; z-index: 1; padding: 30px 30px; text-align: center; margin-bottom: 50px; min-height: 360px; display: flex; justify-content: center; align-items: center; } .exp-item--archive.exp-item--cover:before { background-color: rgba(0, 0, 0, 0.5); z-index: -1; } .exp-item--archive.exp-item--cover .exp-item--title { font-size: 28px; line-height: 1.5; margin-bottom: 14px; } .exp-item--archive.exp-item--cover .exp-item--title a { color: #fff; } .exp-item--archive.exp-item--cover .exp-post--meta { color: #fff; } .exp-item--archive.exp-item--cover .exp-item--excerpt { max-width: 680px; margin: 0 auto 21px auto; color: #f3f3f3; display: none; } .exp-item--archive.exp-item--cover .exp-post--category { background-color: #fff; display: inline-flex; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; line-height: 34px; padding: 0 38px; margin-bottom: 26px; } .exp-item--archive.exp-item--creative { -webkit-box-shadow: 0 0 38px rgba(12, 12, 12, 0.06); -khtml-box-shadow: 0 0 38px rgba(12, 12, 12, 0.06); -moz-box-shadow: 0 0 38px rgba(12, 12, 12, 0.06); -ms-box-shadow: 0 0 38px rgba(12, 12, 12, 0.06); -o-box-shadow: 0 0 38px rgba(12, 12, 12, 0.06); box-shadow: 0 0 38px rgba(12, 12, 12, 0.06); -webkit-transition: all 0.22s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.22s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.22s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.22s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.22s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.22s cubic-bezier(0.645, 0.045, 0.355, 1); } .exp-item--archive.exp-item--creative .exp-item--image { position: relative; } .exp-item--archive.exp-item--creative .exp-post--category { position: absolute; top: 35px; left: 48px; margin: 0; line-height: 37px; padding: 0 34px; background-color: var(--main-color); color: #fff; } .exp-item--archive.exp-item--creative .exp-post--category a { color: inherit; } .exp-item--archive.exp-item--creative .exp-item--holder { padding: 39px 30px 54px; background-color: #fff; margin-bottom: 30px; } .exp-item--archive.exp-item--creative:hover { -webkit-box-shadow: 0 12px 38px rgba(12, 12, 12, 0.12); -khtml-box-shadow: 0 12px 38px rgba(12, 12, 12, 0.12); -moz-box-shadow: 0 12px 38px rgba(12, 12, 12, 0.12); -ms-box-shadow: 0 12px 38px rgba(12, 12, 12, 0.12); -o-box-shadow: 0 12px 38px rgba(12, 12, 12, 0.12); box-shadow: 0 12px 38px rgba(12, 12, 12, 0.12); } .exp-item--archive.exp-item--listing { display: flex; flex-wrap: wrap; margin-bottom: 50px; -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-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .exp-item--archive.exp-item--listing:hover { -webkit-box-shadow: 0 10px 24px rgba(11, 11, 11, 0.13); -khtml-box-shadow: 0 10px 24px rgba(11, 11, 11, 0.13); -moz-box-shadow: 0 10px 24px rgba(11, 11, 11, 0.13); -ms-box-shadow: 0 10px 24px rgba(11, 11, 11, 0.13); -o-box-shadow: 0 10px 24px rgba(11, 11, 11, 0.13); box-shadow: 0 10px 24px rgba(11, 11, 11, 0.13); } .exp-item--archive.exp-item--listing .exp-post--meta { font-family: inherit; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 14px; } .exp-item--archive.exp-item--listing .exp-post--meta > div { padding: 0; margin-right: 24px; line-height: 30px; } .exp-item--archive.exp-item--listing .exp-post--meta i { font-size: 15px; color: #aeaeae; margin-right:10px; font-family: "Font Awesome 5 Pro"; } .exp-item--archive.exp-item--listing .exp-item--title { font-size: 24px; margin-bottom: 10px; line-height: 1.5; font-weight:700; color:#000; } .exp-item--archive.exp-item--listing .exp-item--excerpt { margin-bottom: 10px; line-height:30px; } .exp-item--archive.exp-item--listing .exp-item--holder { padding: 45px 30px 35px; border: 1px solid #efefef; border-radius: 5px; width: 100%; } .exp-item--archive.exp-item--listing .exp-item--image { width: 50%; -webkit-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; position: relative; } @media screen and (max-width: 767px) { .exp-item--archive.exp-item--listing .exp-item--image { width: 100%; min-height: 300px; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } } .exp-item--archive.exp-item--listing .exp-item--image a { z-index: 99; } .exp-item--archive.exp-item--listing .exp-item--image + .exp-item--holder { width: 50%; border-left-width: 0px; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; min-height: 300px; } @media screen and (max-width: 767px) { .exp-item--archive.exp-item--listing .exp-item--image + .exp-item--holder { width: 100%; border-left-width: 1px; -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; } } .exp-item--archive.exp-item--listing .exp-item--more a { font-size: 14px; font-weight: 700; color: #080808; position: relative; padding-left: 16px; } .exp-item--archive.exp-item--listing .exp-item--more a i { font-size: 15px; position: absolute; top: 50%; left: 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%); display: inline-flex; } .exp-item--archive.exp-item--listing .exp-item--more a span { position: relative; } .exp-item--archive.exp-item--listing .exp-item--more a span:before { content: ''; height: 1px; width: 0; left: 0; bottom: 0; position: absolute; background-color: var(--main-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); } .exp-item--archive.exp-item--listing .exp-item--more a:hover { color: var(--main-color); } .exp-item--archive.exp-item--listing .exp-item--more a:hover span:before { width: 100%; } @media screen and (min-width: 992px) { .exp-post-boxed #exp-content-area, .exp-post-cover #exp-content-area { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .exp-post-boxed #exp-sidebar-area, .exp-post-cover #exp-sidebar-area { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } .exp-post-boxed .exp-sidebar-sticky, .exp-post-cover .exp-sidebar-sticky { border: 2px solid #efefef; padding: 57px 40px 70px 40px; } @media screen and (max-width: 767px) { .exp-post-boxed .exp-sidebar-sticky, .exp-post-cover .exp-sidebar-sticky { padding: 50px 30px; } } .single-post .exp-item--image { margin-bottom: 22px;margin-top: 30px; position: relative; } .single-post .exp-item--image .btn-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 99; width: 72px; height: 72px; } .single-post .exp-item--image { margin-bottom: 22px; position: relative; } .exp---post .exp-item--meta:before, .widget_tag_cloud a:after, .exp--post-footer .exp--tags a:before, .comment-reply a:before, .widget_categories ul li.current-cat > a .exp-count { background-color: var(--main-color); } .blog-page { padding: 0px !important; } .comment-reply a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .exp---post .exp-item--category a, .exp---post .exp-item--meta li i, blockquote cite { color: var(--main-color); } .exp---post .exp-item--excerpt .single-heading{ color: #080808; font-weight: 700; margin: 15px 0 15px 0px; clear: both; line-height: 1.2; font-size: 26px; } .exp-post-listing { /* End Blog Layout */ } .gallery { margin: -16px -6px 43px -6px !important; display: flex; flex-wrap: wrap; } .gallery .gallery-item { padding: 0 6px !important; margin: 24px 0 0 !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.33% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .widget_media_gallery .gallery, .elementor-widget-wp-widget-media_gallery .gallery, .elementor-widget-image-gallery .gallery { margin: -10px -5px 0 -5px; } .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: 12px !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: block; position: relative; } .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: "\f16d"; font-size: 14px; font-family: "Font Awesome 5 Brands"; 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; } .exp-gallery { margin: -8px -15px 50px -15px; display: flex; flex-wrap: wrap; } .exp-gallery img { width: 100%; height:auto; } .exp-gallery .exp--item { padding: 30px 15px 0 15px; } .exp-gallery .exp--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; } .exp-gallery .exp--item-inner.video-active:before { background-color: rgba(27, 27, 27, 0.5); } .exp-gallery .exp--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; } .exp-gallery.gallery-2-columns .exp--item { width: 50%; } @media screen and (max-width: 575px) { .exp-gallery.gallery-2-columns .exp--item { width: 100%; } } .exp-gallery.gallery-3-columns .exp--item { width: 33.33%; } @media screen and (max-width: 575px) { .exp-gallery.gallery-3-columns .exp--item { width: 100%; } } .exp-gallery.gallery-4-columns .exp--item { width: 25%; } @media screen and (max-width: 767px) { .exp-gallery.gallery-4-columns .exp--item { width: 50%; } } @media screen and (max-width: 575px) { .exp-gallery.gallery-4-columns .exp--item { width: 100%; } } .exp-gallery.gallery-5-columns .exp--item { width: 20%; } @media screen and (max-width: 767px) { .exp-gallery.gallery-5-columns .exp--item { width: 50%; } } @media screen and (max-width: 575px) { .exp-gallery.gallery-5-columns .exp--item { width: 100%; } } .exp-gallery .exp--item-inner.video-active:before { background-color: rgba(27, 27, 27, 0.5); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .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: exp_scale1 1500ms ease-out infinite; -webkit-animation: exp_scale1 1500ms ease-out infinite; z-index: -2; } .btn-video:hover{ color:var(--main-color) !important; } .exp-gallery.masonry-style1 .exp--item-inner { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .exp-sidebar-area .widget { margin-bottom: 42px; } @keyframes exp_scale { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } @keyframes exp_scale1 { 0% { transform: scale(1); opacity: 0.67; } 100% { transform: scale(2.2); opacity: 0; } } @-webkit-keyframes exp_scale1 { 0% { transform: scale(1); opacity: 0.67; } 100% { transform: scale(2.2); opacity: 0; } } blockquote { background-color: #edf0f2; padding: 45px 57px 26px 60px; font-size: 20px; line-height: 1.5; color: #1b1b1b; position: relative; margin-top: 40px; margin-bottom: 34px; margin-left: 0; font-weight: 700; } blockquote { font-size: 20px; line-height: 1.5; color: #1b1b1b; font-weight: 700; } blockquote cite { display: block; font-size: 15px; font-style: italic; margin-top: 15px; font-weight: 700; } .exp--post-footer { display: flex; flex-wrap: wrap; padding: 0 0 10px; border-bottom: 1px solid #e2e2e2; width: 100%; } .exp--post-footer .exp--tags { margin-right: 30px; flex-grow: 1; } .exp--post-footer > div { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .exp--post-footer label { font-size: 15px; color: #1b1b1b; font-weight: 700; margin-right: 18px; } .exp--post-footer .exp--tags a { line-height: 40px; display: inline-block; padding: 0 26px; background-color: #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: #222; font-size: 15px; margin: 5px 5px 5px 0; position: relative; z-index: 1; } .exp--post-footer .exp--tags a:before { -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; opacity: 0; } .exp--post-footer .exp--tags a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .exp--post-footer .exp--tags a:hover:before { opacity: 1; } .exp--post-footer .exp--tags a:hover { color: #fff; } .exp--post-footer .exp--social a { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; -webkit-border-radius: 32px; -khtml-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; margin-right: 5px; font-size: 15px; display: inline-block; } .exp-post--navigation .exp--items .exp--item { width: 50%; } .exp-post--navigation .exp--item-prev { padding-right: 20px; } .exp-post--navigation .exp--label { position: relative; font-size: 14px; font-weight: 500; color: #222; text-transform: uppercase; display: inline-block; } .exp-post--navigation .exp--label:before { content: ''; width: 0; -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); height: 1px; background-color: rgba(5, 130, 131, 0.67); position: absolute; bottom: 3px; left: 0; } .exp-post--navigation .exp--item-prev .exp--label i { margin-right: 4px; } .exp-post--navigation .exp--label i { font-size: 12px; padding-right: 5px; padding-left: 5px; } .exp-post--navigation .exp--item-next { text-align: right; } .exp-post--navigation .exp--items { display: flex; flex-wrap: wrap; width: 100%; } .exp-post--navigation .exp--items .exp--item { width: 50%; } .exp-post--navigation { border-bottom: 1px solid #e2e2e2; padding: 32px 0 40px; display: flex; flex-wrap: wrap; } .exp--post-footer .exp--social a.fb-social { background-color: #1877f2; } .exp--post-footer .exp--social a.tw-social { background-color: #1da1f2; } .exp--post-footer .exp--social a.pin-social { background-color: #bd081c; } .exp--post-footer .exp--social a.lin-social { background-color: #0a66c2; } .exp-post--navigation .exp--label:hover { color: var(--main-color); } .exp-post--navigation .exp--holder { margin-top: 14px; display: flex; flex-wrap: nowrap; align-items: center; } .exp-post--navigation .exp--meta { max-width: 260px; } .exp-post--navigation .exp--meta a { color: #1b1b1b; font-size: 16px; line-height: 24px; font-weight: 700; } .exp-post--navigation .exp--item-prev .exp--img { margin-right: 22px; } .exp-post--navigation .exp--img { width: 60px; min-width: 60px; position: relative; } .exp-post--navigation .exp--item-next .exp--holder { justify-content: flex-end; } .exp-post--navigation .exp--item-next .exp--img { margin-left: 22px; } 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, .exp-select-higthlight, .nice-select { background-color: #fff; border: 1px solid #ececec; color: #888; padding: 6px 22px; line-height: normal; font-size: 15px; font-weight: 400; height: 50px; -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: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; width: 100%; outline: none; font-family: inherit; } 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, .exp-select-higthlight:focus, .nice-select:focus { outline: 0; border-color: var(--main-color); color: #383838; } 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; } .comments-area .comment-list-wrap { margin-top: 0px; } .comments-area .comment-respond { margin-top: 0px; } .comments-area .comment-respond .logged-in-as { margin-top: 25px; margin-bottom: 25px; font-size: 14px; } .comments-area .comment-respond .logged-in-as a { color: inherit; } .comments-area .comment-respond .logged-in-as a:hover { color: var(--main-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: 18px; text-transform: capitalize; margin-bottom: 2px; } .comment-title a { color: inherit; } .comment-title a:hover { color: inherit; } .comment-list { padding: 0; list-style: none; max-width: 800px; } .comment-list li .children { padding-left: 120px; } @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: 35px; } .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: 35px; } .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-size: 14px; color: var(--main-color); border-bottom: 1px solid var(--main-color); margin-bottom: 24px; 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: 14px 22px 34px 0px; -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); overflow:hidden; } @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: 15px; line-height: 27px; } .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 { position: absolute; top: 20px; right: 23px; } @media screen and (max-width: 575px) { .comment-reply { position: static; margin-top: 22px; } } .comment-reply a { line-height: 35px; display: inline-block; padding: 0 15px 0 17px; font-size: 14px; color: #fff; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #191919; position: relative; font-weight: 500; z-index: 1; } .comment-reply a:before { -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; opacity: 0; } .comment-reply a i { margin-left: 5px; font-size: 9px; } .comment-reply a:hover { color: #fff; } .comment-reply a:hover:before { opacity: 1; } .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 { margin-top: 30px; } .comment-form .form-submit { margin-top: 33px; margin-bottom: 0; } .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); -webkit-box-shadow: 0 12px 24px rgba(5, 130, 131, 0.2); -khtml-box-shadow: 0 12px 24px rgba(5, 130, 131, 0.2); -moz-box-shadow: 0 12px 24px rgba(5, 130, 131, 0.2); -ms-box-shadow: 0 12px 24px rgba(5, 130, 131, 0.2); -o-box-shadow: 0 12px 24px rgba(5, 130, 131, 0.2); box-shadow: 0 12px 24px rgba(5, 130, 131, 0.2); } .comment-form .comment-form-comment { display: flex; flex-wrap: wrap; } .comment-inner { display: flex; flex-wrap: nowrap; } @media screen and (max-width: 575px) { .comment-inner { display: block; } } .comment-inner img.avatar { width: 90px; height: 90px; min-width: 90px; margin-right: 18px; 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: '\f112'; font-family: "Font Awesome 5 Pro"; 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 { padding: 10px 34px 40px 34px; background-color: #fff; -webkit-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05); -khtml-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05); -moz-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05); -ms-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05); -o-box-shadow: 0 0 35px rgba(12, 12, 12, 0.05); box-shadow: 0 0 35px rgba(12, 12, 12, 0.05); /* Select Style */ } @media screen and (max-width: 767px) { #commentform { padding-left: 20px; padding-right: 20px; } } .comment-reply a:hover { color: #fff; } .comment-reply a:hover:before { opacity: 1; } .comment-reply a:before{ transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: -1; opacity: 0; } 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: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -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-color: var(--main-color); background-size: 200%, auto; height: auto; } .single-post .exp-item--excerpt p { margin-bottom: 25px; } .exp-custom-swiper { overflow: hidden; position: relative; } .exp-post-gallery-slider .exp-custom-swiper { border-radius: 8px 8px 0 0; } .exp-post-gallery-slider .exp-custom-swiper img { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .exp-post-gallery-slider .exp-custom-swiper .exp-swiper-arrow.exp-swiper-arrow-next { right: 26px; } .exp-post-gallery-slider .exp-custom-swiper .exp-swiper-arrow.exp-swiper-arrow-prev { left: 26px; } .exp-swiper-arrow { font-size: 20px; 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 (min-width: 992px) { #exp-wapper .exp-has-sidebar.exp-sidebar-left { flex-direction: row-reverse; } } .exp-contact-form .exp--form-heading { font-size: 24px; margin-bottom: 30px; margin-top: -6px; } .exp-contact-form.btn-w-full button, .exp-contact-form.btn-w-full .wpcf7-submit { width: 100%; } .exp-contact-form .wpcf7-form-control-wrap { display: inline-flex; flex-wrap: wrap; width: 100%; position: relative; margin-bottom: 0px; } .exp-contact-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip { font-size: 12px; background-color: #dc3232; color: rgba(255, 255, 255, 0.87); padding: 0 6px; border-radius: 0px; line-height: 22px; z-index: 99; position: absolute; top: 100%; right: 0; } .exp-contact-form .exp-group--items { display: flex; } @media screen and (max-width: 767px) { .exp-contact-form .exp-group--items { display: block; } } @media screen and (max-width: 767px) { .exp-contact-form .exp-group--items .exp--item { margin: 0 0 10px; } .exp-contact-form .exp-group--items .exp--item .wpcf7-submit { width: 100%; } } .exp-contact-form .exp-group--items .exp--item:first-child { flex-grow: 1; } .exp-contact-form .exp-group--items .exp--item + .exp--item { margin-left: 16px; } @media screen and (max-width: 767px) { .exp-contact-form .exp-group--items .exp--item + .exp--item { margin: 0; } } .exp-contact-form form { position: relative; } .exp-contact-form form .wpcf7-acceptance { width: 100% !important; height: auto !important; border: none !important; padding: 0 !important; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item-label { font-size: 13px; color: #6a6a6a; display: block; padding-left:26px; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item-label a { color: inherit; text-decoration: underline; text-decoration-color: #cfcfcf; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item-label a:hover { color: var(--main-color); text-decoration: none; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item { margin: 0; position: relative; padding-left: 0px; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item input, .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before { content: ''; width: 14px; height: 14px; position: absolute; left: 0; 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%); margin: 0; 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); } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before { border: 1px solid #a6bace; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; z-index: 1; background-color: #dae1e9; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:after { content: "\f112"; font-family: "Font Awesome 5 Pro"; position: absolute; left: 2px; font-size: 10px; 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%); color: #fff; z-index: 2; 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); } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item input { opacity: 0; z-index: 3; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item input:checked + .wpcf7-list-item-label:before { background-color: #737373; border-color: #737373; } .exp-contact-form form .wpcf7-acceptance .wpcf7-list-item input:checked + .wpcf7-list-item-label:after { opacity: 1; } .exp-contact-form form .wpcf7-response-output { margin: 30px 0 10px; border: none; background-color: rgba(255, 255, 255, 0.67); border-radius: 5px; font-size: 14px; 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); } .exp-contact-form form .wpcf7-spinner { display: none; } .exp-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(--main-color) transparent var(--main-color); border-width: 2px; border-style: solid; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; animation: exp_spin 0.6s infinite linear; -webkit-animation: exp_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; } .exp-contact-form form.submitting * { opacity: 0.66; } .exp-contact-form form.submitting:before { opacity: 1; visibility: visible; } .exp-contact-form.box-style-white { background-color: #fff; padding: 74px 58px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 43px rgba(7, 23, 85, 0.1); -khtml-box-shadow: 0 0 43px rgba(7, 23, 85, 0.1); -moz-box-shadow: 0 0 43px rgba(7, 23, 85, 0.1); -ms-box-shadow: 0 0 43px rgba(7, 23, 85, 0.1); -o-box-shadow: 0 0 43px rgba(7, 23, 85, 0.1); box-shadow: 0 0 43px rgba(7, 23, 85, 0.1); } @media screen and (max-width: 1199px) { .exp-contact-form.box-style-white { padding: 40px 24px; } } .exp-contact-form.box-style-white .exp-contact-meta { text-align: center; margin-bottom: 42px; } .exp-contact-form.box-style-white .exp-contact-meta h5 { font-size: 30px; margin-bottom: 22px; } @media screen and (max-width: 1199px) { .exp-contact-form.box-style-white .exp-contact-meta h5 { font-size: 26px; } } .exp-contact-form.box-style-white .exp-contact-meta p { margin-bottom: 0; font-size: 17px; line-height: 1.647; } @media screen and (max-width: 1199px) { .exp-contact-form.box-style-white .exp-contact-meta p { font-size: 15px; } } .exp-contact-form.notice-style2 .wpcf7-response-output { position: absolute; top: 100%; margin-top: 10px; margin-bottom: 0px; border-radius: 0px; } .exp-contact-form1 .wpcf7-form-control:not(.wpcf7-submit), .exp-contact-form1 .exp-select-higthlight { border: none; -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; } .exp-contact-form1 .exp--form-icon { position: absolute; top: 17%; z-index: 1; right: 0; margin: 12px 22px; -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%); } .exp-contact-form1 .exp--form-icon.icon-align-left { left: 0; right: auto; margin: 0 18px; } .exp-contact-form1 .exp--form-icon.icon-align-top { top: 0; -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%); } .exp-contact-form1 .exp--form-icon + .wpcf7-form-control { padding-left: 44px; padding-right: 44px; } .exp-contact-form1 .exp--form-icon.style2 { color: #3c3c3c; right: auto; left: 0; margin: 0; } .exp-contact-form1 .exp--form-icon.style2 + .wpcf7-form-control { padding-left: 26px; padding-right: 26px; } .exp-contact-form1 .exp--item > label { display: block; font-weight: 600; color: #000; font-size: 15px; margin-bottom: 9px; } .exp-contact-form1 .exp-select .exp-select-higthlight::before { background-color: transparent; color: inherit; width: auto; } .exp-cookie-policy { position: fixed; bottom: 30px; left: 0; right: 0; margin: auto; max-width: 600px; gap:10px; background-color: #fff; -webkit-border-radius: 57px; -khtml-border-radius: 57px; -moz-border-radius: 57px; -ms-border-radius: 57px; -o-border-radius: 57px; border-radius: 57px; padding: 17px 58px 17px 24px; -webkit-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08); -khtml-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08); -moz-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08); -ms-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08); -o-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08); box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08); font-size: 15px; color: #111013; z-index: 9999; display: flex; flex-wrap: nowrap; align-items: center; -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; /* EXP Popup */ } @media screen and (max-width: 767px) { .exp-cookie-policy { max-width: 290px; padding-left: 25px; padding-right: 25px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; display: none; } } .exp-cookie-policy a { font-weight: 700; text-decoration: underline; color: inherit; text-underline-offset: 2px; margin: 0 4px; white-space: nowrap; } .exp-cookie-policy a:hover { text-decoration: none; color: var(--main-color); } .exp-cookie-policy .exp-item--icon { min-width: 20px; } .exp-cookie-policy .exp-item--icon img { max-height: 20px; } .exp-cookie-policy .exp-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,.7); border: 9px solid transparent; border-top-width: 9px; border-right-width: 9px; border-bottom-width: 9px; border-left-width: 9px; color: #777; width: 36px; height: 36px; display: inline-flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .exp-cookie-policy .exp-item--close { 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%); border-width: 12px; } .exp-close::before, .exp-close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; transform-origin: 50% 50%; -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1); -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1); -moz-transition: all .25s cubic-bezier(.645,.045,.355,1); -ms-transition: all .25s cubic-bezier(.645,.045,.355,1); -o-transition: all .25s cubic-bezier(.645,.045,.355,1); transition: all .25s cubic-bezier(.645,.045,.355,1); background-color: #1b1b1b; } .exp-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); } .exp-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); } .exp-close:hover::before, .exp-close:hover::after { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .exp-cookie-policy .exp-item--close:before, .exp-cookie-policy .exp-item--close:after { height: 1px; } @media screen and (max-width: 767px) { .exp-cookie-policy .exp-item--close { top: 10px; -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%); } } .exp-cookie-policy.exp-active { opacity: 1; visibility: visible; bottom: 60px; } .exp-cookie-policy.exp-hidden { opacity: 0; visibility: hidden; bottom: 30px; } .exp-popup--close.style2 { border: none; width: 24px; height: 24px; background-color: transparent; } .exp-popup--close.style2:before, .exp-popup--close.style2:after { background-color: #878787; } .exp-popup { position: fixed; background-color: rgba(0, 0, 0, 0.43); z-index: 99991; top: 0; left: 0; width: 100%; height: 100%; -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; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /* Section Overlay Image */ } .exp-popup .exp-popup--content { width: 100%; -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); } .contact .exp-contact-form form .exp--item{ position:relative; } .exp-popup .exp-popup--close { border-width: 8px; } .exp-popup .exp-popup--close:before, .exp-popup .exp-popup--close:after { background-color: #a7a7a7; } .exp-popup .exp-popup--close:hover:before, .exp-popup .exp-popup--close:hover:after { background-color: #111; } .exp-popup.exp-effect-zoom .exp-popup--content { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .exp-popup.exp-effect-fade-slide .exp-popup--content { -webkit-transform: translateY(-20px) perspective(600px) rotateX(14deg); -khtml-transform: translateY(-20px) perspective(600px) rotateX(14deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(14deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(14deg); -o-transform: translateY(-20px) perspective(600px) rotateX(14deg); transform: translateY(-20px) perspective(600px) rotateX(14deg); } .exp-popup.exp-active { opacity: 1; visibility: visible; } .exp-popup.exp-active.exp-effect-zoom .exp-popup--content { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .exp-popup.exp-active.exp-effect-fade-slide .exp-popup--content { -webkit-transform: translateY(0) perspective(600px) rotateX(0); -khtml-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .exp-spacer1 > div { display: none; } @media screen and (min-width: 1200px) { .exp-spacer1 .exp-space--xl { display: block; } } @media (min-width: 991px) and (max-width: 1199px) { .exp-spacer1 .exp-space--lg { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .exp-spacer1 .exp-space--md { display: block; } } @media (min-width: 576px) and (max-width: 767px) { .exp-spacer1 .exp-space--sm { display: block; } } @media screen and (max-width: 575px) { .exp-spacer1 .exp-space--xs { display: block; } } .breadcrumb span.breadcrumb-entry{ color: var(--main-color); } .breadcrumb li:after { content: "/"; margin: 0 14px; color: inherit; } .breadcrumb-wrap.arrow-style2 li:after { content: "\f101"; font-family: "Font Awesome 5 Pro"; font-size: 65%; } .breadcrumb li:last-child:before, .breadcrumb li:last-child:after { display: none; } @media screen and (min-width: 1400px) { .exp-post-carousel .exp-swiper-arrow { width: 67px; height: 67px; line-height: 67px; opacity: 0; } .exp-post-carousel .exp-swiper-arrow.exp-swiper-arrow-prev { left: -107px; } .exp-post-carousel .exp-swiper-arrow.exp-swiper-arrow-next { right: -107px; } .exp-post-carousel:hover .exp-swiper-arrow { opacity: 1; } .exp-post-carousel:hover .exp-swiper-arrow.exp-swiper-arrow-prev { left: 20px; } .exp-post-carousel:hover .exp-swiper-arrow.exp-swiper-arrow-next { right: 20px; } } @media screen and (max-width: 1400px) { .exp-post-carousel .exp-swiper-arrow { opacity: 0; } .exp-post-carousel .exp-swiper-arrow.exp-swiper-arrow-prev { left: -56px; } .exp-post-carousel .exp-swiper-arrow.exp-swiper-arrow-next { right: -56px; } .exp-post-carousel:hover .exp-swiper-arrow { opacity: 1; } .exp-post-carousel:hover .exp-swiper-arrow.exp-swiper-arrow-prev { left: -28px; } .exp-post-carousel:hover .exp-swiper-arrow.exp-swiper-arrow-next { right: -28px; } } @media screen and (max-width: 1199px) { .exp-post-carousel:hover .exp-swiper-arrow.exp-swiper-arrow-prev { left: 15px; } .exp-post-carousel:hover .exp-swiper-arrow.exp-swiper-arrow-next { right: 15px; } } @media screen and (max-width: 767px) { .exp-post-carousel .exp-swiper-arrow { opacity: 0.67 !important; width: 36px; height: 36px; line-height: 36px; font-size: 10px; } } .exp-navigation-carousel.style1 { background-color: var(--main-color); margin: auto; width: 88px; height: 62px; z-index: 99; position: relative; } .exp-navigation-carousel.style1:before { content: ''; width: 1px; height: 41px; background-color: rgba(255, 255, 255, 0.39); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .exp-navigation-carousel.style1 .exp-navigation-arrow { width: 44px; height: 62px; background-color: transparent; box-shadow: none; line-height: 62px; color: #fff; position: absolute; margin: auto; font-size: 12px; top: 0; left: 0; bottom: 0; right: 0; display: block; text-align: center; -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; } .exp-navigation-carousel.style1 .exp-navigation-arrow i { transform: translateX(-5px); display: inline-flex; } .exp-navigation-carousel.style1 .exp-navigation-arrow.exp-navigation-arrow-next { -webkit-transform: translate(22px, 0); -khtml-transform: translate(22px, 0); -moz-transform: translate(22px, 0); -ms-transform: translate(22px, 0); -o-transform: translate(22px, 0); transform: translate(22px, 0); } .exp-navigation-carousel.style1 .exp-navigation-arrow.exp-navigation-arrow-prev { -webkit-transform: scaleX(-1) translate(22px, 0); -khtml-transform: scaleX(-1) translate(22px, 0); -moz-transform: scaleX(-1) translate(22px, 0); -ms-transform: scaleX(-1) translate(22px, 0); -o-transform: scaleX(-1) translate(22px, 0); transform: scaleX(-1) translate(22px, 0); } .exp-navigation-carousel.style1 .exp-navigation-arrow:hover { opacity: 0.8; } .exp-swiper-arrow:hover { color: #fff; background-color: var(--main-color); } .exp-swiper-arrow-dark1 { background-color: #fff; color: #080808; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .exp-post-carousel .exp-swiper-dots { z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0px; } .exp-post-carousel .exp-swiper-dots { margin-top: 0px; } .exp-swiper-dots .exp-swiper-pagination-bullet:hover, .exp-swiper-dots .exp-swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; } .exp-swiper-dots .exp-swiper-pagination-bullet { position: relative; width: 25px; height: 25px; margin: 0px 5px; 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; display: inline-block; border: 3px solid #ffffff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; text-align: center; background-color: var(--main-color); } .exp-swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; padding: 0 15px; } .exp-swiper-dots.exp-swiper-pagination-fraction { line-height: 30px; } .exp-link-page1 .exp-item--image img { width: 100%; -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; } .exp-link-page1 .exp-item--holder { height: 51px; overflow: hidden; background-color: #ffb800; color: #fff; font-size: 15px; font-weight: 700; line-height: 15px; display: flex; flex-wrap: wrap; align-items: center; text-align: center; -webkit-border-radius: 51px; -khtml-border-radius: 51px; -moz-border-radius: 51px; -ms-border-radius: 51px; -o-border-radius: 51px; border-radius: 51px; position: relative; z-index: 9; } .exp-link-page1 .exp-item--holder .exp-item--title { font-size: 12px; font-weight: normal; } .exp-link-page1 .exp-item--holder + .exp-item--image { margin-left: -10px; } .exp-link-page1 .exp-item--inner { position: relative; display: flex; flex-wrap: nowrap; align-items: center; } .exp-link-page1 .exp-item--inner div { width: 51px; min-width: 51px; } .exp-link-page1 .exp-item--link { z-index: 99; } .exp-link-scroll1 { text-align: center; font-size: 13px; width: 64px; background-color: #111; padding: 35px 10px; border-radius: 32px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); } @media (max-width: 767px) { .exp-link-scroll1 { padding: 25px 10px; width: 58px; } } .exp-link-scroll1 .exp--item a { position: relative; width: 44px; height: 44px; border-radius: 44px; font-size: 18px; display: inline-block; line-height: 44px; color: rgba(255, 255, 255, .35); -webkit-transition: all 220ms linear 0ms; -khtml-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; -o-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; } @media (max-width: 767px) { .exp-link-scroll1 .exp--item a { width: 40px; height: 40px; border-radius: 40px; font-size: 15px; } } .exp-link-scroll1 .exp--item a svg { width: 18px; height: 18px; fill: rgba(255, 255, 255, .35); } .exp-link-scroll1 .exp--item a span { position: absolute; background-color: #111; color: #fff; white-space: nowrap; padding: 0 19px 0 14px; font-size: 13px; top: 50%; right: 100%; opacity: 0; margin-right: 28px; visibility: hidden; -webkit-transition: all 220ms linear 0ms; -khtml-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; -o-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms; line-height: 30px; -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: 1024px) { .exp-link-scroll1 .exp--item a span { top: -45px; right: 50%; margin-right: 0 !important; -webkit-transform: translate(50%, 0); -khtml-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); } } .exp-link-scroll1 .exp--item a span:before { content: ''; border-style: solid; border-color: transparent transparent transparent #111; border-width: 6px; position: absolute; top: 50%; right: -12px; -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: 1024px) { .exp-link-scroll1 .exp--item a span:before { top: auto; right: 50%; bottom: -12px; -webkit-transform: translate(50%, 0); -khtml-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -o-transform: translate(50%, 0); transform: translate(50%, 0); border-color: #111 transparent transparent transparent; } } .exp-link-scroll1 .exp--item a.exp-onepage-active { background-color: rgba(255, 255, 255, .25); color: #fff; } .exp-link-scroll1 .exp--item a.exp-onepage-active:before { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .exp-link-scroll1 .exp--item a.exp-onepage-active svg { fill: #fff; } .exp-link-scroll1 .exp--item a:hover { background-color: rgba(255, 255, 255, .25); color: #fff; } .exp-link-scroll1 .exp--item a:hover span { opacity: 1; visibility: visible; margin-right: 16px; } .exp-link-scroll1 .exp--item a:hover svg { fill: #fff; } .exp-link-scroll1 .exp--item a:hover:before { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .exp-link-scroll1 .exp--item a:hover:after { background-color: #121c27; } .exp-link-scroll1 .exp--item + .exp--item { margin-top: 9px; } @media (max-width: 1024px) { .exp-link-scroll1 .exp--item + .exp--item { margin-top: 0; margin-left: 5px; } } .exp-link-scroll1.ps-right-center { right: 40px; } .exp-link-scroll1.ps-right-center.exp-on { right: 10px; opacity: 1; visibility: visible; } @media (max-width: 1366px) { .exp-link-scroll1.ps-right-center.exp-on { right: 15px; } } @media screen and (max-width: 1400px) { .exp-link-scroll1.ps-right-center { right: 13px; } } .exp-link-scroll1.ps-left-center { left: 40px; } .exp-link-scroll1.ps-left-center.exp-on { left: 65px; opacity: 1; visibility: visible; } @media (max-width: 1366px) { .exp-link-scroll1.ps-left-center.exp-on { left: 15px; } } @media screen and (max-width: 1400px) { .exp-link-scroll1.ps-left-center { left: 13px; } } .exp-link-scroll1.ps-left-center .exp--item a span { right: auto; left: 100%; margin-right: 0; margin-left: 22px; } .exp-link-scroll1.ps-left-center .exp--item a span:before { right: auto; left: -12px; transform: translate(0, -50%) scalex(-1); } .exp-link-scroll1.ps-left-center .exp--item a:hover span { margin-left: 16px; } @media screen and (max-width: 1200px) { .exp-link-scroll1.hidden_lg { display: none; } } body:not(.elementor-editor-active) .exp-link-scroll1 { position: fixed; 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%); z-index: 99; } @media (max-width: 1024px) { body:not(.elementor-editor-active) .exp-link-scroll1 { display: flex; align-items: center; justify-content: center; left: 50%; padding: 5px 15px; width: auto; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: auto; bottom: 15px; right: auto; } } .elementor-1398 .elementor-element.elementor-element-db95551 > .elementor-widget-container .elementor-icon-box-wrapper, .elementor-1398 .elementor-element.elementor-element-006dbb2 > .elementor-widget-container .elementor-icon-box-wrapper{ display:flex; gap:20px; } body:not(.elementor-editor-active) .exp-link-scroll1 { position: fixed; 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%); z-index: 99; } .blog .blog__inner-wrapper .exp-carousel-inner, .blog-two .blog__inner-wrapper .exp-carousel-inner{ position: relative; padding-bottom: 20px; } /******** Search Page Form Style **********/ .no-results .page-header:before{ display:none; } .no-results .page-header{ height:auto; background:none; } .no-results .page-header .page-title{ padding: 0px; color: #000; background: no-repeat; font-size: 38px; font-weight: 700; line-height:50px; } .no-results .page-header .page-title:before{ display:none; } .page-content .search-form .searchform-wrap{ position:relative; } .page-content .search-form .searchform-wrap .search-submit{ position: absolute; right: 0px; width: 50px; height: 50px; border-left: 1px solid #ececf0; background: none; } .no-results .page-content .search-form-blog .searchform-wrap{ position:relative; margin-top:15px; } .no-results .page-content .search-form-blog .searchform-wrap .search-submit{ height: 50px; width: 50px; background: transparent; 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; padding: 0; position: absolute; color: #222; line-height: 50px; z-index: 1; justify-content: center; border-left: 1px solid #ececf0; } .footer-elementor-inner .newsletter-one__newsletter-form-input-box input[type="email"]{ padding:5px 70px 5px 20px; } .footer-elementor-inner .footer-widget__newsletter-btn{ position: absolute; right: 0px; top: 0px; height: 60px; margin-top: 0px; font-size: 30px; width: 60px; } .footer-elementor-inner .footer-widget__newsletter-btn:hover{ background-color: var(--main-color); border-color: var(--main-color); } .exp-grid .exp-load-more { text-align: center; padding: 0 15px; margin-top: 10px; } .exp-grid .exp-load-more .btn { padding-left: 34px; padding-right: 56px; line-height: 58px; font-size: 15px; margin-top:10px; } .exp-wapper .exp-btn-effect1, .elementor-editor-active .exp-btn-effect1 { background: var(--main-color); overflow: hidden; z-index: 1; } .exp-grid .exp-load-more .btn:not(.btn-gradient) { background: var(--main-color); } .exp-grid .exp-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: 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; 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); } .exp-grid .exp-load-more { text-align: center; padding: 0 15px; margin-top: 10px; } .exp-grid .exp-load-more .btn i { font-size: 18px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; } .exp-grid .exp-load-more .btn i { font-size: 18px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; } .exp-grid .exp-load-more .btn .exp-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; } .exp-grid .exp-load-more .btn .exp-load-icon { line-height: 24px; text-align: center; color: #000; } .exp-grid .exp-load-more.exp-loadmore-style5 .btn { -webkit-box-shadow: 0 25px 40px rgba(5, 130, 131, 0.33); -khtml-box-shadow: 0 25px 40px rgba(5, 130, 131, 0.33); -moz-box-shadow: 0 25px 40px rgba(5, 130, 131, 0.33); -ms-box-shadow: 0 25px 40px rgba(5, 130, 131, 0.33); -o-box-shadow: 0 25px 40px rgba(5, 130, 131, 0.33); box-shadow: 0 25px 40px rgba(5, 130, 131, 0.33); } .exp-grid .exp-load-more .btn { padding-left: 34px; padding-right: 56px; line-height: 58px; font-size: 15px; } .btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; font-weight: 700; color: #fff; padding: 0 30px; padding-right: 30px; padding-left: 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; cursor: pointer; border: none; background-color: var(--main-color); height: auto; overflow: hidden; } .btn:hover{ background-color: var(--main-color); color: #fff; } .exp-load-more.constrc-btn{ position:relative; display:inline-block; text-align:center; } .exp-grid .exp-load-more.loading .btn .exp-load-icon i { animation: exp_spin 0.6s infinite linear; -webkit-animation: exp_spin 0.6s infinite linear; } @-ms-keyframes exp_spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes exp_spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes exp_spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes exp_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #exp-main { padding: 90px 0; padding-top: 0px; padding-bottom: 0px; position: relative; } .exp-footer-fixed #exp-footer-elementor { width:100%; position:fixed; bottom:0; left:0; z-index:-1 } @media screen and (max-width:1199px) { .exp-footer-fixed #exp-footer-elementor { position:static; overflow:hidden } } .exp-footer-fixed #exp-page-title-elementor { background-color:#fff } .exp-footer-fixed #exp-main { background-color:#fff } @media screen and (max-width:1199px) { .exp-footer-fixed #exp-main { margin-bottom:0!important } } .elementor-editor-active #exp-header-default, .elementor-editor-active #exp-header-elementor, .elementor-editor-active #exp-page-title-default, .elementor-editor-active #exp-footer-elementor, .elementor-editor-active .exp-menu-primary .sub-menu, .elementor-editor-active .exp-menu-primary .children, .elementor-editor-active #exp-page-title-elementor { display:none } .elementor-editor-active.single-footer #exp-main, .elementor-editor-active.single-header #exp-main { max-width:1200px; padding:0 15px; margin:auto } .exp-showcase.style-2 { pointer-events: none; } .exp-showcase.style-2 .exp-item--image img { filter: blur(10px); } .exp-showcase.style-2 .exp-item--image img:hover, .exp-showcase.style-2 .exp-item--image img.exp-wg-active { filter: blur(10px); } .exp-showcase1 { border-radius: 6px; overflow: hidden; position: relative; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .exp-showcase1 .exp-item--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .exp-showcase1 .exp-item--image img { -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; } .exp-showcase1 .exp-item--overlay { position: absolute; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(10, 19, 32, 0.2); -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; } .exp-showcase1 .exp-item--label { font-size: 32px; 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; text-align: center; z-index: 99; background-color: #f6d809; background-image: -webkit-gradient(linear, right top, left top, from(#f6d809), to(#f65a39)); background-image: -webkit-linear-gradient(to right, #f6d809, #f65a39); background-image: -moz-linear-gradient(to right, #f6d809, #f65a39); background-image: -ms-linear-gradient(to right, #f6d809, #f65a39); background-image: -o-linear-gradient(to right, #f6d809, #f65a39); background-image: linear-gradient(to right, #f6d809, #f65a39); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6d809', endColorStr='#f65a39', gradientType='1'); } .exp-showcase1 .exp-item--meta { position: absolute; bottom: 0; left: 0; right: 0; z-index: 101; background-color: var(--main-color); display: flex; flex-wrap: nowrap; -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; } .exp-showcase1 .exp-item--meta a { display: block; text-align: center; color: #fff; line-height: 40px; font-size: 16px; font-weight: 700; } .exp-showcase1 .exp-item--meta > div { width: 100%; } .exp-showcase1 .exp-item--meta > div + div { border-left: 1px solid rgba(255, 255, 255, 0.67); } .exp-showcase1:hover .exp-item--image img, .exp-showcase1.exp-wg-active .exp-item--image img { filter: blur(4px); } .exp-showcase1:hover .exp-item--overlay, .exp-showcase1.exp-wg-active .exp-item--overlay { opacity: 1; } .exp-showcase1:hover .exp-item--readmore span, .exp-showcase1.exp-wg-active .exp-item--readmore span { transform: scale(1); opacity: 1; } .exp-showcase1:hover .exp-item--meta, .exp-showcase1.exp-wg-active .exp-item--meta { opacity: 1; } .exp-showcase2 { background-color: #fff; padding: 14px; border-radius: 14px; box-shadow: 0 0 45px rgba(0, 0, 0, 0.15) inset; -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; } .exp-showcase2 .exp-item--image img { width: 100%; } .exp-showcase2 .exp-item--title { text-align: center; font-size: 20px; color: #fff; font-weight: 700; border-radius: 50px 50px 0 0; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 8px 20px; 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'); z-index: 100; } .exp-showcase2 .exp-item--overlay { position: absolute; z-index: 88; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(104, 0, 215, 0.2); -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; } .exp-showcase2 .exp-item--readmore { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 142px; height: 142px; margin: auto; z-index: 99; } .exp-showcase2 .exp-item--readmore a { width: 142px; height: 142px; display: inline-flex; justify-content: center; align-items: center; border-radius: 142px; 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'); position: relative; font-size: 18px; font-weight: 600; z-index: 1; text-transform: uppercase; transform: scale(0.8); opacity: 0; color: #fff; } .exp-showcase2 .exp-item--inner { border-radius: 14px; overflow: hidden; position: relative; } .exp-showcase2 .exp-item--label { font-size: 80px; 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; text-align: center; z-index: 99; background-color: #f6d809; background-image: -webkit-gradient(linear, right top, left top, from(#f6d809), to(#f65a39)); background-image: -webkit-linear-gradient(to right, #f6d809, #f65a39); background-image: -moz-linear-gradient(to right, #f6d809, #f65a39); background-image: -ms-linear-gradient(to right, #f6d809, #f65a39); background-image: -o-linear-gradient(to right, #f6d809, #f65a39); background-image: linear-gradient(to right, #f6d809, #f65a39); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6d809', endColorStr='#f65a39', gradientType='1'); } @media screen and (max-width: 1400px) { .exp-showcase2 .exp-item--label { font-size: 60px; } } @media screen and (max-width: 767px) { .exp-showcase2 .exp-item--label { font-size: 42px; } } .exp-showcase2.exp-wg-active .exp-item--image { position: relative; } .exp-showcase2.exp-wg-active .exp-item--image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background-color: rgba(2, 6, 21, 0.45); z-index: 9; } .exp-showcase2.exp-wg-active .exp-item--image img { filter: blur(7px); } .exp-showcase2:hover { -webkit-transform: translateY(-22px); -khtml-transform: translateY(-22px); -moz-transform: translateY(-22px); -ms-transform: translateY(-22px); -o-transform: translateY(-22px); transform: translateY(-22px); box-shadow: 0 0 45px rgba(250, 0, 87, 0.2) inset; } .exp-showcase2:hover .exp-item--readmore a { transform: scale(1); opacity: 1; } .exp-showcase2:hover .exp-item--overlay { opacity: 1; } .exp-scroll-top .exp-scroll-progress-circle { position: absolute; top: 0; left: 0; z-index: -1; } .exp-scroll-top .exp-scroll-progress-circle path { fill: none; stroke: var(--main-color); stroke-width: 6; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } @keyframes exp_scroll_top_effect { 0% { transform: translateX(3px); } 100% { transform: translateX(-3px); } } @keyframes exp_scroll_bottom_effect { 0% { transform: translateY(-3px); } 100% { transform: translateY(3px); } } @keyframes animloader { /* Mouse Move Animation */ 0% { box-shadow: 4px 4px 12px 2px rgba(255, 61, 0, 0.75); width: 34px; height: 34px; background-position: -44px -44px; background-size: 100px 100px; } 100% { box-shadow: 2px 2px 8px 0px rgba(255, 61, 0, 0.5); width: 30px; height: 28px; background-position: -36px -36px; background-size: 80px 80px; } } .exp-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; } .exp-cursor .exp-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); } .exp-cursor .exp-cursor--follower { position: absolute; background-color: transparent; border: 1px solid #fbb908; opacity: 1; border-radius: 100%; width: 30px; height: 30px; -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); } .exp-cursor .exp-cursor--follower:before { content: ''; width: 6px; height: 6px; background-color: #fbb908; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 6px; } .exp-cursor .exp-cursor--label { position: absolute; display: flex; justify-content: center; align-items: center; color: white; font-size: 15px; 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); } .exp-cursor .exp-cursor--drap { line-height: 87px; text-align: center; width: 87px; height: 87px; font-size: 0px; -webkit-border-radius: 87px; -khtml-border-radius: 87px; -moz-border-radius: 87px; -ms-border-radius: 87px; -o-border-radius: 87px; border-radius: 87px; -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); transform: scale(0); will-change: transform, opacity; color: #fff; } .exp-cursor .exp-cursor--drap:before { -webkit-transform: scaleX(-1); -khtml-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } .exp-cursor .exp-cursor--drap:after { margin-left: 10px; } .exp-cursor .exp-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); } .exp-cursor.is-enabled { visibility: visible; } .exp-cursor.is-hidden .exp-cursor-wrapper { transform: scale(0) !important; } .exp-cursor.is-mouse-down .exp-cursor-wrapper { transform: scale(0.8); } .exp-cursor.is-active .exp-cursor--follower { background-color: #fbb908; opacity: 0.3; -webkit-transform: scale(3); -khtml-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); border: none; } .exp-cursor.is-active .exp-cursor--follower:before { display: none; } .exp-cursor.is-active.has-label .exp-cursor--follower { background-color: #fbb908; opacity: 1; } .exp-cursor.is-active.has-drap .exp-cursor--drap { transform: scale(1); } .exp-cursor.is-active.has-label .exp-cursor--label { transform: scale(1); } .exp-cursor.is-active.has-icon .exp-cursor--follower, .exp-cursor.is-active.has-icon-left .exp-cursor--follower, .exp-cursor.is-active.has-icon-right .exp-cursor--follower { background-color: black; opacity: 0.8; } .exp-cursor.is-active.has-icon .exp-cursor--icon { transform: scale(1); } .exp-cursor.is-active.has-icon-left .exp-cursor--icon { transform: scale(1); } .exp-cursor.is-active.has-remove { opacity: 0; } .exp-cursor.is-active-section .exp-cursor--follower { opacity: 0; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .exp-cursor.drap-style1 .exp-cursor--drap { background-color: #fff; height: 135px; width: 135px; line-height: 135px; color: #000; } .exp-cursor.drap-style1 .exp-cursor--drap:before, .exp-cursor.drap-style1 .exp-cursor--drap:after { font-size: 12px; } .pagination > li > .current{ border-color: var(--main-color); background-color: var(--main-color); color: #fff; } /* ************************************* *************************************** ********************************* ******************************************************************************************* Cursor Style start CSS &&&&& Evendo All CSS *************************************** ********************************* ********************************************************************************************* ************************************** */ .mouse-follower { z-index: 10; } .mouse-follower span { z-index: 10; opacity: 1; top: -10px; left: -10px; transform: translate(-50%, -50%); border-radius: 50%; position: fixed; transition: 100ms ease-in-out; pointer-events: none; } .mouse-follower .cursor-outline { height: 30px; width: 30px; border: 1px solid rgb(245, 245, 245); } .mouse-follower .cursor-dot { height: 6px; width: 6px; background: rgb(245, 245, 245); transition: all 0.5s ease-in-out; } .mouse-follower.hide-cursor span { border-color: transparent; background: transparent; } .mouse-follower.highlight-cursor-head { cursor: none; } .mouse-follower.highlight-cursor-head .cursor-outline { height: 0; width: 0; } .mouse-follower.highlight-cursor-head .cursor-dot { height: 150px; width: 150px; background: rgb(245, 245, 245); mix-blend-mode: difference; } @media (max-width: 991px) { .mouse-follower.highlight-cursor-head .cursor-dot { height: 80px; width: 80px; } } .mouse-follower.highlight-cursor-para { cursor: none; } .mouse-follower.highlight-cursor-para .cursor-outline { height: 0; width: 0; } .mouse-follower.highlight-cursor-para .cursor-dot { height: 100px; width: 100px; background: rgb(255, 255, 255); mix-blend-mode: difference; } @media (max-width: 991px) { .mouse-follower.highlight-cursor-para .cursor-dot { height: 60px; width: 60px; } } .highlight-cursor-head { cursor: none; } body.rtl .exp-hidden-panel-popup { right: auto; left: 0; } body.rtl .exp-hidden-panel-popup.exp-pos-right { margin-right: 0; margin-left: -30px; } body.rtl .exp-hidden-panel-popup.exp-pos-right .exp-popup--conent { right: auto; left: 0; transform: translateX(-100%); } body.rtl .exp-hidden-panel-popup.active.exp-pos-right .exp-popup--conent { transform: translateX(0%); } .exp-hidden-panel-popup { position: fixed; top: 0; right: 0; z-index: 99999; height: 100vh; width: 100%; visibility: hidden; } @media screen and (max-width: 1200px) { .exp-hidden-panel-popup { display: none; } } .exp-hidden-panel-popup .exp-popup--overlay { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(31, 32, 34, 0.76); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -khtml-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -moz-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -ms-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -o-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); cursor: pointer; } .exp-hidden-panel-popup .elementor > .elementor-section { width: 100% !important; left: 0 !important; right: 0 !important; } .exp-hidden-panel-popup .exp-popup--conent { max-height: 100vh; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; background-color: #fff; } .exp-hidden-panel-popup.exp-pos-top .exp-popup--conent { position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -khtml-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -moz-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -ms-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -o-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .exp-hidden-panel-popup.exp-pos-right .exp-popup--conent { position: absolute; top: 0; right: 0; height: 100%; width: 470px; -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%); padding: 60px 0; overflow-y: scroll; overflow-x: hidden; margin-right: -30px; } .exp-hidden-panel-popup.active { visibility: visible; } .exp-hidden-panel-popup.active .exp-popup--conent { -webkit-transform: translateY(0%); -khtml-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); transition-delay: 0s !important; } .exp-hidden-panel-popup.active .exp-popup--overlay { opacity: 1; visibility: visible; transition-delay: 0s !important; } .exp-hidden-panel-popup.active .exp-search-form .exp-searchform-divider { webkit-animation-name: PXLfadeInMove; animation-name: PXLfadeInMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .exp-hidden-panel-popup:not(.active) .exp-search-form .exp-searchform-divider { webkit-animation-name: PXLfadeOutMove; animation-name: PXLfadeOutMove; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .admin-bar #exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed, .admin-bar #exp-search-popup, .admin-bar .exp-hidden-panel-popup { top: 32px; } @media screen and (max-width: 782px) { .admin-bar #exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed, .admin-bar #exp-search-popup, .admin-bar .exp-hidden-panel-popup { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar #exp-header-elementor .exp-header-elementor-sticky.exp-header-fixed, .admin-bar #exp-search-popup, .admin-bar .exp-hidden-panel-popup { top: 0; } } .exp-anchor-divider { overflow: hidden; width: 30px; height: 21px; cursor: pointer; position: relative; } .exp-anchor-button { cursor: pointer; } .exp-anchor-button.style-2 { height: 50px; width: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; position: relative; -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .exp-anchor-button.style-2:hover { background-color: #9cb9ba; } .exp-anchor-button.style-2:hover .exp-anchor-divider .exp-icon-line:before, .exp-anchor-button.style-2:hover .exp-anchor-divider .exp-icon-line:after { background-color: #fff; } .exp-anchor-button.style-2 .exp-anchor-divider { height: 16px; width: 25px; position: relative; z-index: 10; } .exp-anchor-button.style-2 .exp-anchor-divider .exp-icon-line { height: 2px; } .exp-anchor-button.style-2 .exp-anchor-divider .exp-icon-line:before, .exp-anchor-button.style-2 .exp-anchor-divider .exp-icon-line:after { background-color: #fff; } .exp-anchor-button.style-2 .exp-anchor-divider .exp-icon-line.exp-icon-line1 { width: 19px; } .exp-anchor-button.style-2 .exp-anchor-divider .exp-icon-line.exp-icon-line2 { top: 7px; } .exp-anchor-button.style-2 .exp-anchor-divider .exp-icon-line.exp-icon-line3 { width: 14px; } .exp-anchor-button .exp-anchor-theme-style1 { width: 50px; 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; display: inline-flex; justify-content: center; align-items: center; position: relative; } .exp-anchor-button .exp-anchor-theme-style1.style-1 { background-color: #182752; } .exp-anchor-button .exp-anchor-theme-style1.style-1 span { background-color: #fff; } .exp-anchor-button .exp-anchor-theme-style1.style-2 { border: 1px solid rgba(159, 174, 182, 0.71); background-color: transparent; } .exp-anchor-button .exp-anchor-theme-style1.style-2 span { background-color: #121212; } .exp-anchor-button .exp-anchor-theme-style1 .exp-anchor-divider { height: 18px; width: 18px; overflow: visible; -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); } .exp-anchor-button .exp-anchor-theme-style1 span { width: 5px; height: 5px; display: block; content: ""; position: absolute; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: transform 0.4s ease-out, background-color 0.3s ease; -khtml-transition: transform 0.4s ease-out, background-color 0.3s ease; -moz-transition: transform 0.4s ease-out, background-color 0.3s ease; -ms-transition: transform 0.4s ease-out, background-color 0.3s ease; -o-transition: transform 0.4s ease-out, background-color 0.3s ease; transition: transform 0.4s ease-out, background-color 0.3s ease; } .exp-anchor-button .exp-anchor-theme-style1 span:nth-child(1) { top: 0; left: 0; transform: translate(0, 0); transition-delay: 0ms; } .exp-anchor-button .exp-anchor-theme-style1 span:nth-child(2) { top: 0; right: 0; transform: translate(0, 0); transition-delay: 100ms; } .exp-anchor-button .exp-anchor-theme-style1 span:nth-child(3) { bottom: 0; left: 0; transform: translate(0, 0); transition-delay: 200ms; } .exp-anchor-button .exp-anchor-theme-style1 span:nth-child(4) { bottom: 0; right: 0; transform: translate(0, 0); transition-delay: 300ms; } .exp-anchor-button .exp-anchor-theme-style1:hover span:nth-child(1) { transform: translate(14px, 14px); } .exp-anchor-button .exp-anchor-theme-style1:hover span:nth-child(2) { transform: translate(-14px, 14px); } .exp-anchor-button .exp-anchor-theme-style1:hover span:nth-child(3) { transform: translate(14px, -14px); } .exp-anchor-button .exp-anchor-theme-style1:hover span:nth-child(4) { transform: translate(-14px, -14px); } .exp-anchor-button.type-icon { display: inline-flex; align-items: center; color: #000; -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; } .exp-anchor-button.type-icon:hover { color: #fff; } .exp-anchor-button.type-icon label { font-size: 19px; font-weight: 600; cursor: pointer; } .exp-anchor-button.type-icon i { font-size: 20px; } .exp-anchor-divider:hover .exp-icon-line.exp-icon-line1:before, .exp-anchor-button.type-menu-hidden:hover .exp-icon-line.exp-icon-line1:before, .exp-menu-hidden-sidebar .exp-menu-button:hover .exp-icon-line.exp-icon-line1:before { -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms; -khtml-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms; -moz-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms; -ms-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms; -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms; } .exp-anchor-divider:hover .exp-icon-line.exp-icon-line1:after, .exp-anchor-button.type-menu-hidden:hover .exp-icon-line.exp-icon-line1:after, .exp-menu-hidden-sidebar .exp-menu-button:hover .exp-icon-line.exp-icon-line1:after { -webkit-transform: translate3d(-36px, 0, 0); -khtml-transform: translate3d(-36px, 0, 0); -moz-transform: translate3d(-36px, 0, 0); -ms-transform: translate3d(-36px, 0, 0); -o-transform: translate3d(-36px, 0, 0); transform: translate3d(-36px, 0, 0); opacity: 0; -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -khtml-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -ms-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } .exp-anchor-divider:hover .exp-icon-line.exp-icon-line2:before, .exp-anchor-button.type-menu-hidden:hover .exp-icon-line.exp-icon-line2:before, .exp-menu-hidden-sidebar .exp-menu-button:hover .exp-icon-line.exp-icon-line2:before { -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms; -khtml-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms; -moz-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms; -ms-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms; -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms; } .exp-anchor-divider:hover .exp-icon-line.exp-icon-line2:after, .exp-anchor-button.type-menu-hidden:hover .exp-icon-line.exp-icon-line2:after, .exp-menu-hidden-sidebar .exp-menu-button:hover .exp-icon-line.exp-icon-line2:after { -webkit-transform: translate3d(-36px, 0, 0); -khtml-transform: translate3d(-36px, 0, 0); -moz-transform: translate3d(-36px, 0, 0); -ms-transform: translate3d(-36px, 0, 0); -o-transform: translate3d(-36px, 0, 0); transform: translate3d(-36px, 0, 0); opacity: 0; -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms; -khtml-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms; -moz-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms; -ms-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms; -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms; } .exp-anchor-divider:hover .exp-icon-line.exp-icon-line3:before, .exp-anchor-button.type-menu-hidden:hover .exp-icon-line.exp-icon-line3:before, .exp-menu-hidden-sidebar .exp-menu-button:hover .exp-icon-line.exp-icon-line3:before { -webkit-transform: translate3d(0, 0, 0); -khtml-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms; -khtml-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms; -moz-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms; -ms-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms; -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms; } .exp-anchor-divider:hover .exp-icon-line.exp-icon-line3:after, .exp-anchor-button.type-menu-hidden:hover .exp-icon-line.exp-icon-line3:after, .exp-menu-hidden-sidebar .exp-menu-button:hover .exp-icon-line.exp-icon-line3:after { -webkit-transform: translate3d(-36px, 0, 0); -khtml-transform: translate3d(-36px, 0, 0); -moz-transform: translate3d(-36px, 0, 0); -ms-transform: translate3d(-36px, 0, 0); -o-transform: translate3d(-36px, 0, 0); transform: translate3d(-36px, 0, 0); opacity: 0; -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms; -khtml-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms; -moz-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms; -ms-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms; -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms; } .exp-close-popup { background-color: transparent; border-width: 4px; display: block; } .exp-close-popup:before, .exp-close-popup:after { background-color: #000; } .exp-close-popup:before, .exp-close-popup:after { background-color: #000; } .exp-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); } .exp-close:before, .exp-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; } .exp-search-form1 .searchform-wrap { display: flex; align-items: center; } .exp-search-form1 .search-field { border: none; border: 1px solid var(--main-color); background-color: #fff; color: #4b535d; -webkit-border-radius: 60px 0px 0px 60px; -khtml-border-radius: 60px 0px 0px 60px; -moz-border-radius: 60px 0px 0px 60px; -ms-border-radius: 60px 0px 0px 60px; -o-border-radius: 60px 0px 0px 60px; border-radius: 60px 0px 0px 60px; height: 60px; font-size: 16px; color: rgba(69, 69, 69, 0.55); } input[type="search"]:focus{ border-color: var(--main-color) !important; } 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, .exp-select-higthlight, .nice-select { background-color: transparent; border: 1px solid #9cb9ba; color: #4a7172; padding: 6px 18px; line-height: 1.73; font-size: 14px; font-weight: 400; height: 50px; -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; -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: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; width: 100%; outline: none; font-family: inherit; } .exp-search-form1 .search-submit { height: 60px; width: 80px; -webkit-border-radius: 0px 60px 60px 0px; -khtml-border-radius: 0px 60px 60px 0px; -moz-border-radius: 0px 60px 60px 0px; -ms-border-radius: 0px 60px 60px 0px; -o-border-radius: 0px 60px 60px 0px; border-radius: 0px 60px 60px 0px; -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; color: #fff; line-height: 60px; z-index: 1; font-size: 19px; font-weight: 400; display: flex; justify-content: center; align-items: center; cursor: pointer; } /*************** Maquee Text Style ***********/ .feature-one { position: relative; display: block; z-index: 1; } .feature-one__inner { position: relative; display: block; } .feature-one__list { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; min-width: 100%; } .feature-one__list li { position: relative; display: block; padding: 0 22px; } .feature-one__list li a { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 98px; font-weight: 700; line-height: 98px; letter-spacing: -3.92px; text-transform: capitalize; color: #000; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-one__list li a > span { color: #d9d9d9; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-one__list li a:hover { color: var(--main-color); } .feature-one__list li a:hover span { color: var(--main-color); } .feature-two { position: relative; display: block; background-color: #000000; padding: 22px 0 21px; z-index: 1; } .feature-two__inner { position: relative; display: block; } .feature-two__list { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; min-width: 100%; margin-bottom:0px; } .feature-two__list li { position: relative; display: block; padding: 0 22px; } .feature-two__list li a { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; letter-spacing: -0.8px; text-transform: capitalize; font-weight: 500; line-height: 20px; color: #ffffff; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__list li a > span { position: relative; margin-right: 5px; color: var(--main-color); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__list li a:hover { color: var(--main-color); } .feature-two__list li a i { color: #ffffff; position: relative; font-size: 13px; margin-right: 15px; } .feature-three { position: relative; display: block; padding: 100px 0 100px; z-index: 1; } .feature-three__shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.5; z-index: -1; } .feature-three__inner { position: relative; display: block; } .feature-three__list { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; min-width: 100%; } .feature-three__list li { position: relative; display: block; padding: 0 12px; } .feature-three__list li a { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 138px; font-weight: 700; line-height: 138px; letter-spacing: -5.52px; text-transform: capitalize; color: transparent; -webkit-text-stroke: 1px #555555; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__list li a > span { color: #d9d9d9; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__list li:hover a { -webkit-text-stroke: 1px var(--main-color); } .news-block .inner-box .lower-content .post-meta li .sl-wrapper a .sl-count{ font-size: 14px; color: #333; font-weight: 700; } .sliding-text-one { position: relative; display: block; padding: 120px 0 80px; transform: rotate(-5deg); z-index: 1; } .sliding-text-one__wrap { position: relative; display: block; } .sliding-text__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; flex-wrap: nowrap; width: fit-content; } .sliding-text__list li { osition: relative; display: block; float: left; margin-right: 30px; } .sliding-text__title { position: relative; color: transparent; -webkit-text-stroke: 1px #222222; font-size: 120px; line-height: 0.9em; font-weight: 700; text-transform: uppercase; letter-spacing: -4.8px; transition: all 200ms linear; transition-delay: 0.1s; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-family: lexenda deca; } .sliding-text__list li .sliding-text__title:hover { color: transparent; -webkit-text-stroke: 1px var(--main-color); } .sliding-text__title:before { overflow: hidden; position: absolute; top: 0; left: 0; width: 0; color: var(--main-color); white-space: nowrap; content: attr(data-hover); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87); } .sliding-text__list li:hover .sliding-text__title:before { width: 100%; } .far, .fas{ font-family: 'Font Awesome 5 Pro'; } .exp-sidebar-area .widget { margin-bottom: 42px; } .widget { border-radius: 10px; background: #fff; box-shadow: 0px 11.351px 68.108px 0px rgba(137, 151, 186, 0.15); padding: 36px 34px !important; } .widget ul li a, .widget_product_categories ul li a, .widget_categories ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_entries ul li a { color: #1b1b1b; display: block; font-size: 15px; font-weight: 700; line-height: 24px; padding: 12px 0; position: relative; position: relative; z-index: 1; border-bottom: 1px solid #ececf0; transition: 0.4s ease-in-out; } .widget_product_categories ul li a .exp-count, .widget_categories ul li a .exp-count, .widget_pages ul li a .exp-count, .widget_nav_menu ul li a .exp-count, .widget_archive ul li a .exp-count, .widget_meta ul li a .exp-count, .widget_recent_entries ul li a .exp-count { width: 27px; height: 27px; display: inline-block; background-color: #eee; text-align: center; line-height: 27px; font-size: 12px; color: #222; -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; z-index: 1; } .exp-right { float: right; } .widget_product_categories 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, .widget_categories 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, .widget_categories 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, .widget_categories 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 { padding-left: 16px; color: var(--main-color); } .exp---post .exp-item--meta::before, .widget_categories ul li > a:hover .exp-count, .widget_archive ul li > a:hover .exp-count, .widget_tag_cloud a::after, .exp--post-footer .exp--tags a::before, .comment-reply a::before { background-color: var(--main-color); } .exp-swiper-pagination-progressbar{ position: relative; bottom: 15px; top: auto !important; margin: 0 auto; width: 200px !important; height: 4px; left: auto !important; background-color: #dddddd; } .exp-swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: var(--main-color); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .exp-icon-list span, .exp-icon-list i, .exp-icon-list svg { transition : all 0.3s linear; } .exp-icon-list a { display: flex; align-items: center; justify-content: center; } .exp-icon-list span { font-weight: 400; } .exp-icon-list.style-1 a { width: 220px; height: 120px; border-radius: 100px; background-color: #f2efea; } @media screen and (max-width: 1024px) { .exp-icon-list.style-1 a { width: 180px; height: 100px; } } @media screen and (max-width: 767px) { .exp-icon-list.style-1 a { width: 140px; height: 80px; } } .exp-icon-list.style-2 { border: 1px solid #eee; border-radius: 8px; box-shadow: -12px 12px 36px 0px rgba(0, 0, 0, 0.12); overflow: hidden; } .exp-icon-list.style-2 a { color: #1d1d3d; border-right: 1px solid #eee; } .exp-icon-list.style-2 a:last-child { border: none !important; } .exp-icon-list.style-2 a:hover { color: var(--primary-color); } .exp-icon-list.icon-vertical { display: flex; flex-wrap: wrap; } .exp-icon-list.icon-horizontal span { margin-left: 9px; } /* Icon Box */ .comment-form .comment-form-comment textarea { height: 150px; }