:root{ scroll-behavior: smooth; } html{ line-height: 1.15; } body{ color: #333333; overflow-x: hidden; margin: 0; font-family:"Alegreya" !important; background: #070506; } img{ max-width: 100%; height: auto; } a{ color: #000000; } a:hover{ text-decoration: none; } p, li{ line-height: 1.5; } input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; } pre{ white-space: pre-wrap; word-break: keep-all; } button, input, select, textarea{ font-family: inherit; font-size: 100%; line-height: 1.15; } .wpdevart-comment-respond input, .wpdevart-comment-respond textarea{ background: transparent; border: 1px solid #433e37; padding: 10px 7px; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434 !important; } input[type="search"]{ background: transparent; } .wpdevart-top-header{ padding: 0px 0 0px 0; } .wpdevart-top-header-spacer{ padding: 0px 5px 0px 0px; justify-content: center; } .wpdevart-top-header-bg-color{ background:#2d2d3c; } .wpdevart-top-header-gradient-color{ background: linear-gradient(to right, #2d2d3c, #2d2d3c); } .wpdevart-top-header-border{ border-bottom: 1px solid #383838; } @media (min-width: 960px){ .wpdevart-top-header-section{ max-width: 1300px; min-height: 35px; display: flex; margin: auto; padding: 10px 20px 10px 20px; justify-content: center; align-items: center; } } .wpdevart-top-header-modified-content{ display: flex; flex-direction: row; justify-content: right; vertical-align: middle; } @media (max-width: 960px){ .wpdevart-top-header-section{ padding: 8px 0px 20px 0px; } } .wpdevart-top-header-left{ color:#020202; font-size: 13px; } .wpdevart-top-header-left-content, .wpdevart-top-header-right-content{ font-size: 13px; } @media (min-width: 960px){ .wpdevart-top-header-left{ flex: 50%; } } @media (min-width: 960px){ .wpdevart-top-header-right{ flex: 50%; } } @media (min-width: 960px){ .wpdevart-top-header-right-content{ display: block; float: right; } } @media (min-width: 960px){ .wpdevart-top-header-left-icons{ flex: 50%; } } @media (min-width: 960px){ .wpdevart-top-header-left-icons-content{ display: block; float: left; } } @media screen and (max-width:960px){ .wpdevart-top-header-left{ width: 100%; text-align: center; } .wpdevart-top-header-left-content{ text-align: center; width: 100%; color:#020202; } .wpdevart-top-header-right{ width: 100%; } .wpdevart-top-header-right-content{ display: flex; align-items: center; justify-content: center; margin-top: 10px; flex-wrap: wrap; vertical-align: middle; } .wpdevart-top-header-left-icons{ width: 100%; } .wpdevart-top-header-left-icons-content{ display: flex; align-items: center; justify-content: center; margin-top: 10px; } .wpdevart-top-header{ padding: 0px 0 0px 0; } } @media (max-width: 650px){ .wpdevart-top-header-phone{ text-align: center; display: block; margin-right: 0px; } } @media (max-width: 650px){ .wpdevart-top-header-email{ text-align: center; display: block; } } @media (max-width: 650px){ .wpdevart-top-header-address{ text-align: center; display: block; } } @media screen and (max-width:960px){ .wpdevart-top-header-right-phone-email-address{ width: 100%; display: flex; margin-top: 16px; margin-left: 0; margin-right: 0; text-align: center; justify-content: center; vertical-align: middle; } } .wpdevart-top-header-right-phone-email-address{ color:#e03100; font-size: 16px; } @media (min-width: 960px){ .wpdevart-top-header-right-phone-email-address{ flex: 50%; text-align: right; vertical-align: middle; } } .wpdevart-phone-email-text{ padding-right:7px; display:inline-block; word-break: keep-all !important; vertical-align: middle; } .wpdevart-phone-email-icon{ fill: #e03100; padding-right:3px; vertical-align:middle; } .top-header-icons{ font-size:20px!important; vertical-align: middle; } .wpdevart-social-icons{ margin-left: 10px; float: left; padding: 2px; border-radius: 2px; width: 19px; height: 19px; text-align: center; font-size: 17px; background-color: #020202; border: 1px solid #e03100; transition: all ease 0.3s; } .wpdevart-social-icons:hover{ box-shadow: 0px 0px 10px #e03100; } .wpdevart-social-icons a{ fill: #e03100; } span.wpdevart-social-icons a{ text-decoration: none; } @media (max-width:960px){ .wpdevart-phone-email-text{ padding:0 3px!important; } .wpdevart-phone-email-icon{ padding:0 2px!important; } .wpdevart-social-icons{ margin: 0 5px!important; } } .wpdevart-main-header-bg{ background: #070506; position: relative; } .wpdevart-main-header-bg-gradient{ background: linear-gradient(to right, #070506, #070506); position: relative; } .wpdevart-main-header-border{ border-bottom: 1px solid #383838; } @media (min-width:960px){ .wpdevart-sticky-header{ position: sticky!important; z-index: 77; top: 0; } } @media (max-width:960px){ .wpdevart-sticky-header-for-mobile{ position: sticky!important; z-index: 77; top: 0; } } .wpdevart-header-container{ max-width: 1300px; margin: 0 auto; } @media (min-width:960px){ .wpdevart-header-container{ padding: 10px 12px; } } .wpdevart-main-header-section{ width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } @media(min-width:960px){ .wpdevart-main-header-section{ display: flex; align-items: center; justify-content: center; text-align: left; } } .wpdevart-logo-area{ width: 160px; align-items:start; vertical-align: auto; } .my-logo a span img{ vertical-align: middle !important; } @media(max-width:960px){ .wpdevart-logo-area{ width: 135px; } } .wpdevart-logo-area img{ width: 100px; max-height: 200px; } @media(min-width:960px){ .wpdevart-logo-area img{ width: auto; max-height: 200px; } } .wpdevart-main-header-section-mobile-logo{ display: flex; text-align: left; } @media(max-width:960px){ .wpdevart-main-header-section-mobile-logo{ display: flex; padding-left: 8px; } } .wpdevart-logo-area-layouttwo img{ width: auto; max-height: 200px; } @media(min-width:960px){ .wpdevart-logo-area-layouttwo img{ width: auto; max-height: 200px; } } .wpdevart-header-logo-spaces{ line-height:0!important; margin: 0!important; } @media(max-width:960px){ .mobile-image-logo-resizing{ align-items:start; align-content: start; } } .wpdevart-logo-text{ margin: 0; font-size: 26px; word-break: keep-all; text-align: left; max-width: 100%; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 960px){ .wpdevart-logo-text{ text-align: center; max-width: 80%; } } .wpdevart-logo-text a{ text-decoration: none; } .wpdevart-logo-text-simple{ color: #e03100; } .wpdevart-logo-text-gradient{ margin: 0; font-size: 26px; word-break: keep-all; text-align: left; max-width: 100%; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 960px){ .wpdevart-logo-text-gradient{ text-align: center; max-width: 80%; } } .wpdevart-logo-text-gradient a{ background: linear-gradient(to right,#e03100,#e03100); text-decoration: none!important; } .wpdevart-site-description{ word-wrap: keep-all; margin: 5px 0; color: #d5d5d5; font-size: 18px; } @media (max-width: 960px){ .wpdevart-site-description{ margin: 0 auto; max-width: 80%; } } .wpdevart-site-description-layout-two{ text-align: center; max-width: 650px; margin: 5px auto; } @media (max-width: 960px){ .wpdevart-site-description-layout-two{ max-width: 80%; } } .header-action-button-mobile-area{ position: relative; width: 120px; padding: 5px; margin: 0 auto; font-size: 10px; } @media (min-width: 960px){ .header-action-button-mobile-area{ display: none; } } .wpdevart-header-action-button{ word-break: keep-all; min-width: 110px; } @media (min-width: 960px) and (max-width: 1200px){ .wpdevart-header-action-button{ font-size: 14px!important; } } .wpdevart-menu-and-buttons-area{ width: 100%; } @media(min-width:960px){ .wpdevart-menu-and-buttons-area{ flex: 100%; } } .wpdevart-menu-and-buttons-container{ width: 100%; } @media (min-width: 960px){ .wpdevart-menu-and-buttons-container{ display: flex; align-items: center; justify-content: flex-end; } } @media (max-width: 960px){ .header-action-button-area{ display: none; } } .header-action-button-area{ margin-left: 10px; } .wpdevart-main-header-section-layouttwo{ width: 100%; padding: 10px 0 20px 0; } .wpdevart-header-logo-spaces-layouttwo{ width: 400px; margin: 0 auto!important; line-height:0!important; text-align: center; } @media (min-width: 960px){ .wpdevart-header-logo-spaces-layouttwo{ width: 450px; } } @media (max-width: 600px){ .wpdevart-header-logo-spaces-layouttwo{ width: 280px; } } .wpdevart-header-logo-spaces-layouttwo img{ max-width: 400px; max-height: 300px; } @media (min-width: 960px){ .wpdevart-header-logo-spaces-layouttwo img{ max-width: 450px; max-height: 280px; } } @media (max-width: 600px){ .wpdevart-header-logo-spaces-layouttwo img{ max-width: 280px; max-height: 180px; } } .wpdevart-logo-text-layouttwo{ margin: 0 auto!important; word-break: keep-all; max-width: 450px; text-align: center; font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 960px){ .wpdevart-logo-text-layouttwo{ text-align: center; max-width: 80%; } } .wpdevart-logo-text-layouttwo a{ text-decoration: none; } .wpdevart-logo-text-layouttwo-simple{ color: #e03100; } .wpdevart-logo-text-layouttwo-gradient{ margin: 0 auto!important; word-break: keep-all; max-width: 650px; text-align: center; font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 960px){ .wpdevart-logo-text-layouttwo-gradient{ text-align: center; max-width: 80%; } } .wpdevart-logo-text-layouttwo-gradient a{ background: linear-gradient(to right,#e03100,#e03100); text-decoration: none!important; } .header-action-button-mobile-area-layouttwo{ width: 80%; padding: 10px 0 30px 0; text-align: center; margin: 0 auto; } @media (min-width: 960px){ .header-action-button-mobile-area-layouttwo{ display: none; } } @media (min-width: 960px){ .wpdevart-menu-and-buttons-container-layouttwo{ display: flex; align-items: center; } } .wpdevart-search-and-button-container-layouttwo{ width: 30%; display: flex; justify-content: flex-end; align-items: center; } @media (max-width: 960px){ .wpdevart-search-and-button-container-layouttwo{ width: 100%; } } @media (max-width: 960px){ .header-action-button-area-layouttwo{ display: none; } } .header-action-button-area-layouttwo{ margin-left: 10px; } @media screen and (min-width:960px){ .nav-container-layout-three{ flex: 1; } } .wpdevart-main-header-section-layoutthree{ flex: 1; } @media screen and (max-width:960px){ .wpdevart-main-header-section-layoutthree{ margin: 40px 0 30px 0; } } .wpdevart-header-logo-spaces-layoutthree{ width: 400px; margin: 0 auto!important; line-height:0!important; text-align: center; } @media (min-width: 960px){ .wpdevart-header-logo-spaces-layoutthree{ width: 450px; } } @media (max-width: 600px){ .wpdevart-header-logo-spaces-layoutthree{ width: 280px; } } .wpdevart-header-logo-spaces-layoutthree img{ width: auto; max-height: 200px; } @media (min-width: 960px){ .wpdevart-header-logo-spaces-layoutthree img{ width: auto; max-height: 200px; } } @media (max-width: 600px){ .wpdevart-header-logo-spaces-layoutthree img{ width: auto; max-height: 200px; } } .wpdevart-logo-text-layoutthree{ margin: 0 auto!important; word-break: keep-all; max-width: 450px; text-align: center; font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 960px){ .wpdevart-logo-text-layoutthree{ text-align: center; max-width: 80%; } } .wpdevart-logo-text-layoutthree a{ text-decoration: none; } .wpdevart-logo-text-layoutthree-simple{ color: #e03100; } .wpdevart-logo-text-layoutthree-gradient{ margin: 0 auto!important; word-break: keep-all; max-width: 650px; text-align: center; font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 960px){ .wpdevart-logo-text-layoutthree-gradient{ text-align: center; max-width: 80%; } } .wpdevart-logo-text-layoutthree-gradient a{ background: linear-gradient(to right,#e03100,#e03100); text-decoration: none!important; } .header-action-button-mobile-area-layoutthree{ width: 80%; padding: 10px 0 30px 0; text-align: center; margin: 0 auto; } @media (min-width: 960px){ .header-action-button-mobile-area-layoutthree{ display: none; } } @media (min-width: 960px){ .wpdevart-menu-and-buttons-container-layoutthree{ display: flex; align-items: center; } } .wpdevart-search-and-button-container-layoutthree{ flex: 1; display: flex; justify-content: flex-end; align-items: center; } @media (max-width: 960px){ .wpdevart-search-and-button-container-layoutthree{ width: 100%; } } @media (max-width: 960px){ .header-action-button-area-layoutthree{ display: none; } } .header-action-button-area-layoutthree{ margin-left: 10px; } .nav-container{ width: 100%; } @media screen and (min-width:960px){ .nav-container-layout-one{ max-width: 100%; } .wpdevart-search-button-icon-mobile{ display: none; } .nav-container-without-action-button{ max-width: 100%; } .simple-navbar-wpdevart a{ color: #ffffff; } .simple-navbar-wpdevart{ padding: 0 10px 0 10px; } .simple-navbar-wpdevart>ul>li{ position: relative; margin-left: 10px; } .simple-navbar-wpdevart>ul, .simple-navbar-wpdevart>ul>li{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; } .navbar-wpdevart{ padding: 0 10px 0 10px; } .navbar-wpdevart-float{ float:right!important; } .navbar-wpdevart>ul>li{ position: relative; margin-left: 10px; } .navbar-wpdevart-layout-two{ padding: 0 10px 0 0; } .navbar-wpdevart-layout-two>ul>li:first-of-type{ margin-left: 0px; } .navbar-wpdevart-layout-three{ padding: 0 10px 0 0; } .navbar-wpdevart-layout-three>ul>li{ margin-left: 0px; margin-right: 10px; } .navbar-wpdevart>ul, .navbar-wpdevart>ul>li{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; } .wpdevart-menu-items-color{ color: #ffffff; } .wpdevart-menu-button-icon{ background: none; padding: 0px; border: none; cursor: pointer; fill: #000000; } .navbar-wpdevart .dropdown-menu, .navbar-wpdevart .sub-menu{ position:absolute; top: 100%; width: 220px !important; visibility: hidden; opacity: 0; background: #070506; border: 1px solid rgba(0,0,0,.085); border-top-width: 2px; border-top-style: solid; padding: 10px 0; line-height: 1.5; text-align: left; transform: translateY(10px); transition: all .25s; z-index: 998; border-radius: 0 0 3px 3px; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434; pointer-events: none; font-size: 1.5em; border-top: 2px solid #e03100; } .wpdevart-sub-menu-link-color{ color: #d5d5d5; } .wpdevart-sub-menu-button-icon{ background: none; padding: 0px 5px; border: none; fill: #000000; cursor: pointer; } .navbar-wpdevart .menu-item-has-children:hover>.dropdown-menu, .navbar-wpdevart .menu-item-has-children:hover>.sub-menu, .navbar-wpdevart .menu-item-has-children:focus-within>.dropdown-menu, .navbar-wpdevart .menu-item-has-children:focus-within>.sub-menu{ visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; z-index: 999; } .navbar-wpdevart li:hover .dropdown-menu, .navbar-wpdevart li:hover .sub-menu{ transition: all .2s; } .navbar-wpdevart .dropdown-menu li, .navbar-wpdevart .sub-menu li{ position: relative; padding-left: 5px; padding-right: 5px; } .navbar-wpdevart .dropdown-menu li, .navbar-wpdevart .sub-menu li, .navbar-wpdevart>ul{ padding: 0; margin: 0; list-style: none; } .navbar-wpdevart .dropdown-menu li, .navbar-wpdevart .sub-menu li, .navbar-wpdevart>ul{ display: flex; line-height: 1.75; align-items: baseline; } .navbar-wpdevart .dropdown-menu .dropdown-menu, .navbar-wpdevart .dropdown-menu .sub-menu{ border-radius: 3px; right: 100%; top: -12px; } .navbar-wpdevart .depth_2, .navbar-wpdevart .depth_4, .navbar-wpdevart .depth_6, .navbar-wpdevart .depth_8{ border-radius: 3px; left: 100%; top: -12px; } .navbar-wpdevart .dropdown-menu li{ padding:3px 0px; } .navbar-wpdevart li.active a{ opacity:0.8; } .navbar-wpdevart ul li a{ padding: 0 5px; text-decoration: none !important; background: none; font-weight: 400; max-width: 400px; word-break: keep-all; text-transform: uppercase; } .navbar-wpdevart li a:hover, .navbar-wpdevart li a:focus, .navbar-wpdevart li a:visited{ opacity:0.7; } .navbar-wpdevart li a::after{ content: ''; display:block; width: 100%; transform: scaleX(0); border-radius: 5px; height: 1px; bottom: 0; left: 0; background: currentcolor; transform-origin: bottom center; transition: transform 0.25s ease-out; } .navbar-wpdevart li a:hover::after, .navbar-wpdevart li a:focus::after{ transform: scaleX(1); transform-origin: bottom center; } } @media (min-width: 1200px){ .navbar-wpdevart ul li a{ font-size: 21px; } } @media (min-width: 960px) and (max-width: 1200px){ .navbar-wpdevart ul li a{ font-size: 19px; } } @media (min-width: 960px) and (max-width: 1300px){ .navbar-wpdevart ul li a{ display: inline-block; max-width: 200px; } } @media (min-width: 960px) and (max-width: 1300px){ .navbar-wpdevart .dropdown-menu, .navbar-wpdevart .sub-menu{ min-width: 170px; } } .wpdevart-mobile-icon-button{ background: none; border: none; cursor: pointer; } @media (min-width: 960px){ .wpdevart-mobile-icon-button{ display: none; } } @media screen and (max-width:960px){ #wpdevartmobilemenu, #wpdevartmobilemenu ul, #wpdevartmobilemenu ul li, #wpdevartmobilemenu ul li a, #wpdevartmobilemenu #head-mobile{ border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #wpdevartmobilemenu #head-mobile{ padding:23px; font-size:17px; font-weight:700; } .head-mobile-toolbar{ background: #030303; } .head-mobile-toolbar-gradient{ background: linear-gradient(to right, #030303, #030303); padding: 0px !important; } .wpdevart-hide-on-mobile{ display: none; } #wpdevartmobilemenu{ position: absolute; top: 0px; right: calc(3vw + 21px); width:180px; background:#070506; word-break: keep-all; z-index: 10; } #wpdevartmobilemenu ul ul li a{ color:#ffffff; padding:11px 15px 11px 15px; font-size: 14px; text-decoration:none; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; } #wpdevartmobilemenu > ul > li > a{ padding:17px; letter-spacing:1px; text-decoration:none; color:#ffffff; font-size: 14px; font-weight: 400; text-transform: uppercase; } #wpdevartmobilemenu ul{ position: absolute; top: 35px; background-color: #020202; display:none; margin:0; padding:0 20px; text-decoration:none; } #wpdevartmobilemenu ul li{ text-align: left; width:100%; border-top: 1px solid #433e37; } #wpdevartmobilemenu ul li:last-of-type{ border-bottom: 1px solid #433e37; } #wpdevartmobilemenu ul li ul{ border-top: 1px solid #433e37; } #wpdevartmobilemenu ul li a,#wpdevartmobilemenu ul ul li a{ width:85%; margin: 2px 0; } #wpdevartmobilemenu ul ul ul li a{ padding-left:30px; } #wpdevartmobilemenu ul ul ul ul li a{ padding-left:35px; } #wpdevartmobilemenu ul ul ul ul ul li a{ padding-left:40px; } #wpdevartmobilemenu ul ul ul ul ul ul li a{ padding-left:45px; } #wpdevartmobilemenu ul ul ul ul ul ul ul li a{ padding-left:50px; } #wpdevartmobilemenu ul ul ul ul ul ul ul ul li a{ padding-left:55px; } #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul li a{ padding-left:65px; } #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul ul li a{ padding-left:75px; } #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul ul ul li a{ padding-left:85px; } #wpdevartmobilemenu ul ul, #wpdevartmobilemenu ul ul ul{ position:relative; left:0; width:100%; margin:0; text-align:left; } .wpdevartmobilemenubutton{ width:48px; height:41px; position:absolute; top: -6px; right:0; cursor:pointer; } .wpdevartmobilemenubutton:after{ position:absolute; top:22px; right:15px; display:block; height:4px; width:20px; border-top:2px solid #e03100; border-bottom:2px solid #e03100; content:''; } .wpdevartmobilemenubutton:before{ -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; position:absolute; top:16px; right:15px; display:block; height:2px; width:20px; background:#e03100; content:''; } .wpdevartmobilemenubutton.menu-opened:after{ -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; top:23px; border:0!important; height:2px; width:19px; background:#e03100; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } .wpdevartmobilemenubutton.menu-opened:before{ top:23px; background:#e03100; width:19px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); } #wpdevartmobilemenu .wpdevart-submenu-button{ position:absolute; z-index:99; right:0; top:0; display:block; height:51px; width:46px; cursor:pointer; background: #e03100; } #wpdevartmobilemenu .wpdevart-submenu-button.submenu-opened{ background:#e03100; } #wpdevartmobilemenu ul ul .wpdevart-submenu-button{ height:40px; width:34px; } #wpdevartmobilemenu .wpdevart-submenu-button:after{ position:absolute; top:27px; right:19px; width:8px; height:2px; display:block; background:#fffcfc; content:''; } #wpdevartmobilemenu ul ul .wpdevart-submenu-button:after{ top:19px; right:13px; } #wpdevartmobilemenu .wpdevart-submenu-button.submenu-opened:after{ background:#fffcfc; } #wpdevartmobilemenu .wpdevart-submenu-button.submenu-opened:before{ display:none} #wpdevartmobilemenu .wpdevart-submenu-button:before{ position:absolute; top:24px; right:22px; display:block; width:2px; height:8px; background:#fffcfc; content:''; } #wpdevartmobilemenu ul ul .wpdevart-submenu-button:before{ top:16px; right:16px; } } .wpdevart-search-button-icon-mobile{ margin-left: auto; margin-right: calc(32px + 0.13vw); left: 100px; width: 35px; z-index: 100; } .wpdevart-search-button-icon{ text-align: right; } .search-menu-buttons{ background: none; border: none; } .site-header-font-cursor{ font-size: 23px!important; cursor:pointer!important; stroke-width: 1.5px !important; stroke: #e03100; width: 30px; height: 30px; } .site-header-font-cursor:hover{ opacity: 0.65; transition: 0.5s all; } .search-trigger{ display: none; position: relative; cursor: pointer; stroke: #e03100; transition: 0.5s all; width: 36px; height: 36px; } @media (min-width: 960px) and (max-width: 1200px){ .search-trigger{ width: 30px; height: 30px; } } @media (min-width: 960px){ .search-trigger{ display: inline-block; } } .search-trigger:hover{ opacity: 0.75; } .search-trigger-layout-two{ display: none; position: relative; cursor: pointer; stroke: #e03100; transition: 0.5s all; width: 36px; height: 36px; } @media (min-width: 960px) and (max-width: 1200px){ .search-trigger-layout-two{ width: 30px; height: 30px; } } @media (min-width: 960px){ .search-trigger-layout-two{ display: inline-block; } } .search-trigger-layout-two:hover{ opacity: 0.75; } @media (min-width: 960px){ .navbar-wpdevart > ul{ display: flex !important; visibility: visible !important; opacity: 1 !important; width: 100%; } } .page-banner{ padding: 0px 0 0px 0; position: relative; } @media (min-width: 530px){ .page-banner{ padding: 0px 0 0px 0; } } .wpdevart-page-banner__bg, .wpdevart-page-banner__bg-gradient, .wpdevart-post-banner__bg, .wpdevart-post-banner__bg-gradient, .wpdevart-archive-banner__bg, .wpdevart-archive-banner__bg-gradient, .wpdevart-search-banner__bg, .wpdevart-search-banner__bg-gradient{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .wpdevart-page-banner__bg{ background: #020202; } .wpdevart-page-banner__bg-gradient{ background: linear-gradient(to right, #020202, #020202); } .wpdevart-post-banner__bg{ background: #020202; } .wpdevart-post-banner__bg-gradient{ background: linear-gradient(to right, #020202, #020202); } .wpdevart-archive-banner__bg{ background: #020202; } .wpdevart-archive-banner__bg-gradient{ background: linear-gradient(to right, #020202, #020202); } .wpdevart-search-banner__bg{ background: #020202; } .wpdevart-search-banner__bg-gradient{ background: linear-gradient(to right, #020202, #020202); } .page-banner__title, .post-banner__title, .archive-banner__title, .search-banner__title{ font-size: clamp(21px,calc(19px + 0.8vw), 33px); margin: 0.5rem 0; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; } .post-banner__title{ color: #FFF8E2; } .post-banner-content{ text-align: left; } .page-banner__title{ color: #FFF8E2; } .page-banner-content{ text-align: left; } .archive-banner__title{ color: #FFF8E2; text-align: left; } .search-banner__title{ color: #FFF8E2; text-align: left; } .wpdevart-banner-entry-text{ color: #d5d5d5; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 13px; } .wpdevart-banner-entry-date{ font-style: italic; } .wpdevart-banner-entry-meta a{ text-decoration: none; font-size: 13px; transition: 0.5s all; font-weight: 400; } .wpdevart-banner-entry-meta a{ text-decoration: none!important; transition: 0.5s all!important; background-position: 50% 100%!important; } .wpdevart-banner-entry-meta a{ color: #efb33f; background: linear-gradient(90deg, #ffffff, #ffffff); background-size: 0 1px!important; background-repeat: no-repeat!important; background-position: 50% 100%!important; } .wpdevart-banner-entry-meta a:hover{ color: #ffffff; background-size: 100% 1px!important; } .wpdevart-banner-page-entry-text{ color: #d5d5d5; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 13px; } .wpdevart-banner-page-entry-meta a{ text-decoration: none; font-size: 13px; transition: 0.5s all; font-weight: 400; } .wpdevart-banner-page-entry-meta a{ text-decoration: none!important; transition: 0.5s all!important; background-position: 50% 100%!important; } .wpdevart-banner-page-entry-meta a{ color: #efb33f; background: linear-gradient(90deg, #ffffff, #ffffff); background-size: 0 1px!important; background-repeat: no-repeat!important; background-position: 50% 100%!important; } .wpdevart-banner-page-entry-meta a:hover{ color: #ffffff; background-size: 100% 1px!important; } @media (min-width: 960px){ .wpdevart-banner-animated-elements-container{ background: transparent; position: relative; overflow: hidden; max-width: 1920px; height: 172px; margin: 0 auto; } .wpdevart-banner-animated-elements-container-medium{ background: transparent; position: relative; overflow: hidden; max-width: 1920px; height: 161px; margin: 0 auto; } .wpdevart-banner-animated-elements-container-min{ background: transparent; position: relative; overflow: hidden; max-width: 1920px; height: 134px; margin: 0 auto; } .wpdevart-banner-animated-elements-container-max{ background: transparent; position: relative; overflow: hidden; max-width: 1920px; height: 194px; margin: 0 auto; } .wpdevart-banner-animated-elements-container-homepage{ background: transparent; position: relative; overflow: hidden; max-width: 1920px; height: 134px; margin: 0 auto; } .wpdevart-banner-triangle-container{ left: 80%; top: 10%; height: 150px; width: 150px; position: absolute; animation: clockwise-rotation 30s linear infinite; } } @keyframes clockwise-rotation{ 0%{ transform: rotate(0deg)} 100%{ transform: rotate(360deg); } } .wpdevart-banner-square-container{ left: 80%; top: 10%; height: 150px; width: 150px; position: absolute; animation: counterclockwise-rotation 30s linear infinite; } @keyframes counterclockwise-rotation{ 0%{ transform: rotate(0deg)} 100%{ transform: rotate(-360deg); } } .wpdevart-banner-circle-container{ top: 16%; left: 17%; height: 150px; width: 150px; position: absolute; animation: clockwise-rotation 30s linear infinite; } @keyframes circle-self-rotation{ 0%{ transform: rotate(0deg)} 100%{ transform: rotate(-360deg); } } .wpdevart-banner-rotating-circle-post{ border-right: 10px solid #2d2d3c; border-top: 10px dotted #2d2d3c; border-bottom: 10px dotted #2d2d3c; border-radius: 50%; width: 500px; height:500px; position: absolute; place-items: center; animation: wpdevartanimcircle 35s linear infinite; left: 0; top: 0; } @keyframes wpdevartanimcircle{ from{ transform: rotate(360deg); } to{ transform: rotate(0deg); } } .wpdevart-banner-triangle-post{ width: 0px; height: 0px; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 60.62px solid #2d2d3c; } .wpdevart-banner-inner-triangle-post{ left: -32px; top: 2px; position: absolute; border-left: 32.5px solid transparent; border-right: 32.5px solid transparent; border-bottom: 56.29px solid #ebf5fb; background: transparent; } .wpdevart-banner-triangle-post{ animation: clockwise-rotation 20s linear infinite; } .wpdevart-banner-square-post{ height: 40px; width: 40px; border: 2px solid #2d2d3c; animation: counterclockwise-rotation 140s linear infinite; } .wpdevart-banner-circle-post{ width: 65px; height: 65px; border: 3px solid #2d2d3c; border-radius:100%; } .wpdevart-banner-rotating-circle-page{ border-right: 10px solid #2d2d3c; border-top: 10px dotted #2d2d3c; border-bottom: 10px dotted #2d2d3c; border-radius: 50%; width: 500px; height: 500px; position: absolute; place-items: center; animation: wpdevartanimcircle 35s linear infinite; left: 0; top: 0; } @keyframes wpdevartanimcircle{ from{ transform: rotate(360deg); } to{ transform: rotate(0deg); } } .wpdevart-banner-triangle-page{ width: 0px; height: 0px; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 60.62px solid #2d2d3c; } .wpdevart-banner-inner-triangle-page{ left: -32px; top: 2px; position: absolute; border-left: 32.5px solid transparent; border-right: 32.5px solid transparent; border-bottom: 56.29px solid #ebf5fb; background: transparent; } .wpdevart-banner-triangle-page{ animation: clockwise-rotation 20s linear infinite; } .wpdevart-banner-square-page{ height: 40px; width: 40px; border: 2px solid #2d2d3c; animation: counterclockwise-rotation 140s linear infinite; } .wpdevart-banner-circle-page{ width: 65px; height: 65px; border: 3px solid #2d2d3c; border-radius:100%; } @media (min-width: 960px){ .wpdevart-archive-search-banner-animated-elements-container{ background: transparent; position: relative; overflow: hidden; max-width: 1920px; height: 134px; margin: 0 auto; } .wpdevart-banner-rotating-circle-archive{ border-right: 10px solid #2d2d3c; border-top: 10px dotted #2d2d3c; border-bottom: 10px dotted #2d2d3c; border-radius: 50%; width: 500px; height: 500px; position: absolute; place-items: center; animation: wpdevartanimcircle 35s linear infinite; left: 0; top: 0; } @keyframes wpdevartanimcircle{ from{ transform: rotate(360deg); } to{ transform: rotate(0deg); } } .wpdevart-banner-triangle-archive{ width: 0px; height: 0px; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 60.62px solid #2d2d3c; } .wpdevart-banner-inner-triangle-archive{ left: -32px; top: 2px; position: absolute; border-left: 32.5px solid transparent; border-right: 32.5px solid transparent; border-bottom: 56.29px solid #ebf5fb; background: transparent; } .wpdevart-banner-triangle-archive{ animation: clockwise-rotation 20s linear infinite; } .wpdevart-banner-square-archive{ height: 40px; width: 40px; border: 2px solid #2d2d3c; animation: counterclockwise-rotation 140s linear infinite; } .wpdevart-banner-circle-archive{ width: 65px; height: 65px; border: 3px solid #2d2d3c; border-radius:100%; } .wpdevart-banner-rotating-circle-search-page{ border-right: 10px solid #2d2d3c; border-top: 10px dotted #2d2d3c; border-bottom: 10px dotted #2d2d3c; border-radius: 50%; width: 750px; height: 750px; position: absolute; place-items: center; animation: wpdevartanimcircle 35s linear infinite; left: 0; top: 0; } @keyframes wpdevartanimcircle{ from{ transform: rotate(360deg); } to{ transform: rotate(0deg); } } .wpdevart-banner-triangle-search-page{ width: 0px; height: 0px; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 60.62px solid #2d2d3c; } .wpdevart-banner-inner-triangle-search-page{ left: -32px; top: 2px; position: absolute; border-left: 32.5px solid transparent; border-right: 32.5px solid transparent; border-bottom: 56.29px solid #ebf5fb; background: transparent; } .wpdevart-banner-triangle-search-page{ animation: clockwise-rotation 20s linear infinite; } .wpdevart-banner-square-search-page{ height: 40px; width: 40px; border: 2px solid #2d2d3c; animation: counterclockwise-rotation 140s linear infinite; } .wpdevart-banner-circle-search-page{ width: 65px; height: 65px; border: 3px solid #2d2d3c; border-radius:100%; } } .wpdevart-breadcrumbs-single-post, .wpdevart-breadcrumbs-single-page{ margin-top: 6px; margin-bottom: 8px; padding: 0; list-style: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } .wpdevart-breadcrumbs-single-post li + li, .wpdevart-breadcrumbs-single-page li + li{ margin-left: 3px; } .wpdevart-breadcrumbs-single-post li + li:last-child{ margin-left: 0px; } .wpdevart-breadcrumbs-single-post li, .wpdevart-breadcrumbs-single-page li{ display: inline-block; font-size: 12px; } .wpdevart-breadcrumbs-single-post li:after{ content: ''; display: inline-block; margin-left: 3px; } .wpdevart-breadcrumbs-single-post li:first-child:after{ content: '/'; display: inline-block; margin-left: 3px; } .wpdevart-breadcrumbs-single-page li:after{ content: '/'; display: inline-block; margin-left: 3px; } .wpdevart-breadcrumbs-single-post li:last-child:after, .wpdevart-breadcrumbs-single-page li:last-child:after{ content: ''; } .wpdevart-breadcrumbs-single-post li a, .wpdevart-breadcrumbs-single-page li a{ position: relative; text-decoration: none!important; transition: 0.5s all!important; background-size: 0 1px!important; background-repeat: no-repeat!important; background-position: 50% 100%!important; } .wpdevart-breadcrumbs-single-post li a:hover, .wpdevart-breadcrumbs-single-page li a:hover{ background-size: 100% 1px!important; } .wpdevart-breadcrumbs-single-post li, .wpdevart-breadcrumbs-single-post li:after{ color: #d5d5d5; } .wpdevart-breadcrumbs-single-post li a{ color: #efb33f; background: linear-gradient(90deg, #ffffff, #ffffff); } .wpdevart-breadcrumbs-single-post li a:hover{ color: #ffffff; } .wpdevart-breadcrumbs-single-page li, .wpdevart-breadcrumbs-single-page li:after{ color: #d5d5d5; } .wpdevart-breadcrumbs-single-page li a{ color: #efb33f; background: linear-gradient(90deg, #ffffff, #ffffff); } .wpdevart-breadcrumbs-single-page li a:hover{ color: #ffffff; } .wpdevart-element-animation-from-left{ animation:wpdevart-fade-in-left; animation-duration:1.5s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; opacity:0; } @keyframes wpdevart-fade-in-left{ from{ transform: translateX(-20px); opacity:0; } to{ transform: translateX(0); opacity:1.0; } } @-webkit-keyframes wpdevart-fade-in-left{ from{ -webkit-transform: translateX(-20px); opacity:0; } to{ -webkit-transform: translateX(0); opacity:1.0; } } .wpdevart-element-animation-from-right{ animation:wpdevart-fade-in-right; animation-duration:1.5s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; opacity:0; } @keyframes wpdevart-fade-in-right{ from{ transform: translateX(20px); opacity:0; } to{ transform: translateX(0); opacity:1.0; } } @-webkit-keyframes wpdevart-fade-in-right{ from{ -webkit-transform: translateX(20px); opacity:0; } to{ -webkit-transform: translateX(0); opacity:1.0; } } .wpdevart-element-animation-to-up{ animation:wpdevart-fade-in-up; animation-duration:1.5s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; opacity:0; } @keyframes wpdevart-fade-in-up{ from{ transform: translateY(20px); opacity:0; } to{ transform: translateY(0); opacity:1.0; } } @-webkit-keyframes wpdevart-fade-in-up{ from{ -webkit-transform: translateY(20px); opacity:0; } to{ -webkit-transform: translateY(0); opacity:1.0; } } .wpdevart-element-animation-to-down{ animation:wpdevart-fade-in-down; animation-duration:1.5s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; opacity:0; } @keyframes wpdevart-fade-in-down{ from{ transform: translateY(-20px); opacity:0; } to{ transform: translateY(0); opacity:1.0; } } @-webkit-keyframes wpdevart-fade-in-down{ from{ -webkit-transform: translateY(-20px); opacity:0; } to{ -webkit-transform: translateY(0); opacity:1.0; } } .wpdevart-element-animation-scale{ animation:wpdevart-scale-within; animation-duration:1.5s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; opacity:0; } @keyframes wpdevart-scale-within{ from{ scale:0.5; opacity:0; } to{ scale:1.0; opacity:1.0; } } @-webkit-keyframes wpdevart-scale-within{ from{ scale:0.5; opacity:0; } to{ scale:1.0; opacity:1.0; } } .wpdevart-element-animation-opacity{ animation:wpdevart-opacity-within; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; opacity:0; } @keyframes wpdevart-opacity-within{ from{ opacity:0; } to{ opacity:1.0; } } @-webkit-keyframes wpdevart-opacity-within{ from{ opacity:0; } to{ opacity:1.0; } } .wpdevart-element-animation-wobble{ animation: wpdevart-wobble 1s infinite ease-in-out alternate; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; } @keyframes wpdevart-wobble{ 0%{ transform: translateX(0%); } 15%{ transform: translateX(-5%) rotate(-5deg); } 30%{ transform: translateX(4%) rotate(3deg); } 45%{ transform: translateX(-3%) rotate(-3deg); } 60%{ transform: translateX(2%) rotate(2deg); } 75%{ transform: translateX(-1%) rotate(-1deg); } 100%{ transform: translateX(0%); } } @-webkit-keyframes wpdevart-wobble{ 0%{ -webkit-transform: translateX(0%); } 15%{ -webkit-transform: translateX(-5%) rotate(-5deg); } 30%{ -webkit-transform: translateX(4%) rotate(3deg); } 45%{ -webkit-transform: translateX(-3%) rotate(-3deg); } 60%{ -webkit-transform: translateX(2%) rotate(2deg); } 75%{ -webkit-transform: translateX(-1%) rotate(-1deg); } 100%{ -webkit-transform: translateX(0%); } } .wpdevart-element-animation-expand-up{ animation: wpdevart-expand-up 1s infinite ease-in-out alternate; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; } @keyframes wpdevart-expand-up{ 0%{ transform: translateY(100%) scaleX(0.8); } 30%{ transform: translateY(-8%) scaleX(0.8); } 40%{ transform: translateY(2%) scaleX(0.8); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70%{ transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90%{ transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes wpdevart-expand-up{ 0%{ -webkit-transform: translateY(100%) scaleX(0.8); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.8); } 40%{ -webkit-transform: translateY(2%) scaleX(0.8); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70%{ -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90%{ -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } .wpdevart-element-animation-fade-in{ animation: wpdevart-fadeIn; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; } @keyframes wpdevart-fadeIn{ 0%{ transform: scale(0); opacity: 0.0; } 60%{ transform: scale(1.1); } 80%{ transform: scale(0.9); opacity: 1; } 100%{ transform: scale(1); opacity: 1; } } @-webkit-keyframes wpdevart-fadeIn{ 0%{ -webkit-transform: scale(0); opacity: 0.0; } 60%{ -webkit-transform: scale(1.1); } 80%{ -webkit-transform: scale(0.9); opacity: 1; } 100%{ -webkit-transform: scale(1); opacity: 1; } } .wpdevart-element-animation-zoom-in-out-rotate{ animation: wpdevart-zoom-in-out-rotate 1s ease infinite; animation-duration:3s; animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.1s; } @keyframes wpdevart-zoom-in-out-rotate{ 30%{ transform: scale(1.1); } 40%, 60%{ transform: rotate(-5deg) scale(1.1); } 50%{ transform: rotate(5deg) scale(1.1); } 70%{ transform: rotate(0deg) scale(1.1); } 100%{ transform: scale(1); } } @-webkit-keyframes wpdevart-zoom-in-out-rotate{ 30%{ -webkit-transform: scale(1.1); } 40%, 60%{ -webkit-transform: rotate(-5deg) scale(1.1); } 50%{ -webkit-transform: rotate(5deg) scale(1.1); } 70%{ -webkit-transform: rotate(0deg) scale(1.1); } 100%{ -webkit-transform: scale(1); } } .wpdevart-hide-enabled-element{ opacity:0; } .wpdevart-main-container{ background: #070506; } .wpdevart-main-container:not(.wpdevart-post-text-content, .comment-body, .sidebar-widget-area), .wpdevart-main-container p:not(.wpdevart-post-text-content p, .comment-body p, .sidebar-widget-area p), .wpdevart-main-container li:not(.wpdevart-post-text-content li, .comment-body li, .sidebar-widget-area li), .wpdevart-comment-respond input, .wpdevart-comment-respond textarea, .wpdevart-main-container .wp-block-search__input{ color: #d5d5d5; } .wpdevart-main-container:not(.wpdevart-post-text-content, .sidebar-widget-area), .wpdevart-main-container p:not(.wpdevart-post-text-content p, .sidebar-widget-area p), .wpdevart-main-container li:not(.wpdevart-post-text-content li, .sidebar-widget-area li){ font-size: 17px; font-weight: 400; font-style: normal; } .wpdevart-main-container .wp-block-calendar caption{ color: #d5d5d5; } .wpdevart-main-container .wp-block-calendar td{ color: #d5d5d5; } .wpdevart-main-container a:not(.shop-by-category-text-pattern a, .post-tags a, .wpdevart-comment-respond a, .comment-author a, .comment-body .comment-meta a, .wp-block-comment-reply-link a, .wpdevart-posts-list-title a, .wpdevart-post-text-content a, .wpdevart-entry-meta a, .wpdevart-entry-meta-category a, .wp-block-file a, .wp-block-cover-text a, .sidebar-widget-area a, .wp-block-button__link, .comment-body a, .comment-reply-link, .page-numbers, .wp-caption, p.wp-caption-text, .page-numbers li a){ color: #efb33f; text-decoration: underline; transition: 0.5s all; } .wpdevart-main-container a:hover:not(.shop-by-category-text-pattern a, .post-tags a, .wpdevart-comment-respond a, .comment-author a, .comment-body .comment-meta a, .wp-block-comment-reply-link a, .wpdevart-posts-list-title a, .wpdevart-entry-meta a, .wpdevart-entry-meta-category a, .wp-block-file a, .wp-block-cover-text a, .sidebar-widget-area a, .wp-block-button__link, .comment-body a, .comment-reply-link, .page-numbers, .wp-caption, p.wp-caption-text){ color: #ffffff; text-decoration: none; } .wpdevart-main-container a:not(.reply a, .wpdevart-posts-list-title a, .comment-author a, .comment-body .comment-meta a, .wpdevart-entry-meta, .wpdevart-entry-meta a, .wpdevart-entry-meta-category a, .wp-block-file a, .wp-block-cover-text a, .sidebar-widget-area a, .wp-caption-text a, .page-numbers li a){ font-size: 17px; font-weight: 400; font-style: normal; } .wpdevart-main-container h1:not(.sidebar-widget-area h1), .wpdevart-main-container h2:not(.wpdevart-posts-list-title h2, .sidebar-widget-area h2), .wpdevart-main-container h3:not(.sidebar-widget-area h3), .wpdevart-main-container h4:not(.sidebar-widget-area h4), .wpdevart-main-container h5:not(.sidebar-widget-area h5), .wpdevart-main-container h6:not(.sidebar-widget-area h6){ color: #efb33f; } .wpdevart-main-container h1:not(.sidebar-widget-area h1){ font-size: 36px; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .wpdevart-main-container h2:not(.wpdevart-posts-list-title h2, .sidebar-widget-area h2){ font-size: 33px; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .wpdevart-main-container h3:not(.sidebar-widget-area h3){ font-size: 30px; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .wpdevart-main-container h4:not(.sidebar-widget-area h4){ font-size: 27px; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .wpdevart-main-container h5:not(.sidebar-widget-area h5){ font-size: 24px; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .wpdevart-main-container h6:not(.sidebar-widget-area h6){ font-size: 21px; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .container{ max-width: 1300px; margin: 0 auto; position: relative; word-break: keep-all; } .wpdevart-wide-size-layouts{ max-width: 1720px!important; } .wpdevart-full-size-layouts{ max-width: 100%!important; } .container:before, .container:after, .group:before, .group:after{ content: " "; display: table; } .container:after, .group:after{ clear: both; } .wpdevart-banner-narrow-container{ max-width: 960px!important; } .wpdevart-main-content{ padding: 5px; } .wpdevart-main-content-sidebarleft{ flex-direction: row-reverse; } @media (min-width: 800px){ .container-with-sidebar{ display:flex; justify-content: center; } } .wpdevart-post-summary-content{ width: 90%; text-align: center; margin-bottom: 40px; padding: 10px; overflow: hidden; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434; background: #070506; transition: ease-out 0.3s; } @media (min-width: 600px) and (max-width: 800px){ .wpdevart-post-summary-content{ width: 40%; margin: 10px; } } .wpdevart-post-summary-content:hover{ box-shadow: 0 1px 3px #343434, 0 0 3px #343434; } @media (min-width: 1100px){ .wpdevart-post-summary-content{ width: 44%; margin: 10px; } } .wpdevart-posts-list-with-pagination-inner{ flex-direction: row; flex-wrap: wrap; display: flex; justify-content: center; } .wpdevart-posts-list-with-pagination{ padding-bottom: 1.7rem; margin-bottom: 1.7rem; } @media (min-width: 1100px){ .wpdevart-posts-list-with-pagination{ -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; } } @media (min-width: 800px) and (max-width: 1100px){ .wpdevart-posts-list-with-pagination{ -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } } .wpdevart-posts-list-with-pagination-full-width{ margin-bottom: 1.7rem; } @media (min-width: 800px){ .wpdevart-posts-list-with-pagination-full-width{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .wpdevart-post-summary-content-full-width{ background: #faf8ff; width: 90%; padding: 10px; text-align: center; margin-bottom: 40px; overflow: hidden; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434; transition: ease-out 0.3s; } .wpdevart-post-summary-content-full-width:hover{ box-shadow: 0 1px 3px #343434, 0 0 3px #343434; } @media (min-width: 600px) and (max-width: 1100px){ .wpdevart-post-summary-content-full-width{ width: 40%; margin: 10px; } } @media (min-width: 1100px){ .wpdevart-post-summary-content-full-width{ width: 30%; margin: 10px; max-width: 400px; } } .wpdevart-posts-list-title{ width: 100%; display: inline-block; text-align: left; word-break: keep-all; } .wpdevart-posts-list-title a{ font-size: 22px; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 1200px){ .wpdevart-posts-list-title a{ font-size: 18px!important; } } .post-list-title{ padding: 0 5px; } .post-list-title a{ border-bottom: 1px solid #433e37; } .post-list-title a{ font-size: 20px; text-decoration: none; color: #efb33f; line-height: 1.4; transition: 0.5s all; font-weight: 400!important; } .post-list-title a:hover{ color: #ffffff; } @media (max-width: 1200px){ .post-list-title a{ font-size: 18px; } } .wpdevart-posts-list-title h2{ line-height: 1.1; font-size: 13px; } .wpdevart-entry-meta{ color: #ffffff; margin: 10px; font-weight: 500; word-break: keep-all; text-align: left; width: 95%; letter-spacing: .1em; text-transform: uppercase; display: flex; flex-wrap: wrap; column-gap: 4px; row-gap: 5px; } .wpdevart-entry-meta a{ transition: 0.5s all; text-decoration: none!important; } .wpdevart-entry-meta a:hover{ color: #efb33f; } .wpdevart-entry-meta, .wpdevart-entry-meta a{ color: #ffffff; font-size: 12px; align-items: center; } @media (max-width: 1200px){ .wpdevart-entry-meta, .wpdevart-entry-meta a{ font-size: 11px!important; } } .wpdevart-entry-meta a:hover{ text-decoration: underline; } .wpdevart-entry-meta-category{ margin: 0 10px; font-weight: 500; word-break: keep-all; text-align: left; width: 95%; line-height: 2; } @media (max-width: 1100px){ .wpdevart-entry-meta-category{ margin: 0 10px 8px 10px; } } .wpdevart-entry-meta-category a{ background: #070506; border: 1px solid #efb33f; font-size: 13px; padding: 0px 5px; margin: 2px 3px 2px 0px; color: #efb33f; transition: 0.5s all; text-decoration: none!important; display: inline-block; text-transform: uppercase; letter-spacing: 1px; } .wpdevart-entry-meta-category a:hover{ background: #070506; color: #e03100; border: 1px solid #e03100; } .wpdevart-icon-padding{ fill: #e03100; } .wpdevart-post-text-content{ text-align: left; padding: 0 10px 5px 10px; word-break: keep-all; } .wpdevart-post-text-content, .wpdevart-post-text-content p, .wpdevart-post-text-content a, .wpdevart-post-text-content li{ color: #d5d5d5; font-size: 15px; } @media (max-width: 1200px){ .wpdevart-post-text-content, .wpdevart-post-text-content p, .wpdevart-post-text-content a, .wpdevart-post-text-content li{ font-size: 14px!important; } } .generic-content{ margin-bottom: 1.7rem; word-break: keep-all; } @media (min-width: 1100px){ .generic-content{ -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; } } @media (min-width: 800px) and (max-width: 1100px){ .generic-content{ -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; } } @media (min-width: 800px){ .generic-content-full-width{ -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; } } @media (max-width: 800px){ .generic-content{ padding: 0px; } } .generic-content blockquote, .generic-content blockquote p{ font-size: 19px; font-style: italic; } .generic-content h1, .generic-content h2, .generic-content h3, .generic-content h4, .generic-content h5, .generic-content h6{ margin: 1rem 0; line-height: 1.1; } .figureblogimage{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; background: #fff; overflow: hidden; border-radius: 7px; } .figureblogimage img{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; background: #fff; overflow: hidden; border-radius: 7px; height: 100%; object-fit: cover; } .wpdevart-images-hover-effect .figureblogimage img{ transition: all .5s cubic-bezier(.25,.46,.45,.94); -webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94); transform-origin: center center; -webkit-transform-origin: center center; } .wpdevart-images-hover-effect .figureblogimage:hover img{ -webkit-transform: scale(1.2); transform: scale(1.2); } .figureblogimage-second-effect{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; overflow: hidden; border-radius: 7px; background: #ffcbc5; } .figureblogimage-second-effect img{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; background: #fff; overflow: hidden; border-radius: 7px; height: 100%; object-fit: cover; } .wpdevart-images-hover-effect .figureblogimage-second-effect img{ opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .wpdevart-images-hover-effect .figureblogimage-second-effect:hover img{ opacity: .8; } .figureblogimage-third-effect{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; overflow: hidden; border-radius: 7px; } .figureblogimage-third-effect img{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; background: #fff; overflow: hidden; border-radius: 7px; height: 100%; object-fit: cover; } .wpdevart-images-hover-effect .figureblogimage-third-effect img{ -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .wpdevart-images-hover-effect .figureblogimage-third-effect:hover img{ -webkit-filter: grayscale(50%) blur(1px); filter: grayscale(50%) blur(1px); } .figureblogimage-fourth-effect{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; overflow: hidden; border-radius: 7px; position: relative; } .figureblogimage-fourth-effect img{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; background: #fff; overflow: hidden; border-radius: 7px; height: 100%; object-fit: cover; } .figureblogimage-fourth-effect::before{ position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .wpdevart-images-hover-effect .figureblogimage-fourth-effect:hover::before{ -webkit-animation: wpdevartimageshine .75s; animation: wpdevartimageshine .75s; } @-webkit-keyframes wpdevartimageshine{ 100%{ left: 125%; } } @keyframes wpdevartimageshine{ 100%{ left: 125%; } } .figureblogimage-fifth-effect{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; overflow: hidden; border-radius: 7px; position: relative; } .figureblogimage-fifth-effect img{ width: 100%; aspect-ratio: 16/11; margin: 0; padding: 0; background: #fff; overflow: hidden; border-radius: 7px; height: 100%; object-fit: cover; } .figureblogimage-fifth-effect::before{ position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.5; } .wpdevart-images-hover-effect .figureblogimage-fifth-effect:hover::before{ -webkit-animation: wpdevartimagesquare .75s; animation: wpdevartimagesquare .75s; } @-webkit-keyframes wpdevartimagesquare{ 0%{ opacity: 1; } 40%{ opacity: 1; } 100%{ width: 150%; height: 150%; opacity: 0; } } @keyframes wpdevartimagesquare{ 0%{ opacity: 1; } 40%{ opacity: 1; } 100%{ width: 150%; height: 150%; opacity: 0; } } .wpdevart-wp-link-pages{ width: 100%; display: flex; overflow: overlay; margin-top: 30px; } .post-tags{ width: 100%; margin-top: 30px; font-size: 17px; word-break: keep-all; } .post-tags a{ display: inline-block; vertical-align: middle; position: relative; font-weight: 500!important; color: #efb33f; border: 1px solid #efb33f; text-decoration: none!important; font-size: 13px!important; margin: 0 5px 10px 0; padding: 5px 10px; text-transform: uppercase; transition: 0.5s all; } .post-tags a:hover{ color: #ffffff; border: 1px solid #ffffff; } .wpdevart-pagination{ display: flex; } .wpdevart-pagination-container{ margin: 0 auto; padding: 16px; text-align: center; word-break: keep-all; } .page-numbers{ color: #7c5d1f; font-size: 18px; transition: all .3s ease-in-out; } .page-numbers:hover{ color: #7c5d1f; } ul.page-numbers{ padding: 0px; } .page-numbers li a{ color: #efb33f; text-decoration: none; padding: 14px 20px 14px 20px; background: none; font-size: 18px; transition: all .3s ease-in-out; } .page-numbers li a:hover{ color: #e03100; } .page-numbers li{ display: inline-block; min-height: 50px; min-width: 50px; font-size: 20px; background: #070506; margin: 10px 2px 0 2px; transition: all .3s ease-in-out; line-height: 50px; border: 1px solid #efb33f; } .page-numbers li:hover{ background: #070506; border: 1px solid #e03100; } .wpdevart-comment-respond{ border-top: 1px dotted #433e37; margin: 15px; padding: 15px; word-break: keep-all; } @media (max-width: 560px){ .wpdevart-comment-respond{ margin: 8px; padding: 8px; } } .wpdevart-comment-respond, .wpdevart-comment-respond p, .wpdevart-comment-respond li{ color: #333333; } .wpdevart-comment-respond, .wpdevart-comment-respond p, .wpdevart-comment-respond li{ font-size: 17px; } .wpdevart-comment-respond a:not(.reply a){ color: #efb33f; font-size: 17px; transition: 0.5s all; } .wpdevart-comment-respond a:hover:not(.reply a){ color: #e03100; } .comment-form-comment{ display: flex; flex-direction: column; } .comment-form-comment{ max-width: 600px; line-height: normal; } .comment-form-author, .comment-form-email, .comment-form-url{ max-width: 250px; line-height: normal; } .comment-notes, .comment-form-cookies-consent{ line-height: normal; } .wpdevart-comment-navigation-title{ color: #4b5593; text-align: center; } .wpdevart-comment-navigation-links{ display: flex; align-items: center; padding: 20px 0; } .wpdevart-comment-navigation-links .nav-previous{ flex: 45%; overflow: hidden; text-align: left; } .wpdevart-comment-navigation-links .nav-next{ flex: 45%; overflow: hidden; text-align: right; } .wpdevart-sidebar-container{ padding-bottom: 1.7rem; margin-bottom: 1.7rem; } @media (min-width: 1400px){ .wpdevart-sidebar-container{ width: 430px; margin-top: 10px; } } @media (min-width: 1100px) and (max-width:1400px){ .wpdevart-sidebar-container{ -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; margin-top: 10px; } } @media (min-width: 800px) and (max-width: 1100px){ .wpdevart-sidebar-container{ -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } } @media (max-width: 800px){ .wpdevart-sidebar-container{ max-width: 600px; margin: 0 auto; } } .wpdevart-sidebar-container-inside{ padding: 0 8px; margin: 0 8px; word-break: keep-all; } @media (max-width: 800px){ .wpdevart-sidebar-container-inside{ padding: 0 10px; margin: 0 5px; } } .wpdevart-sidebar-container-inside{ background: #070506; padding: 10px 28px; box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434; } .wpdevart-sidebar-container-inside .widget{ padding: 5px 0; } .sidebar-widget-area{ padding: 10px 0; } .sidebar-widget-area, .sidebar-widget-area p, .sidebar-widget-area li, .sidebar-widget-area .wp-block-search__input{ color: #d5d5d5; font-size: 16px; } .sidebar-widget-area .wp-block-calendar caption{ color: #d5d5d5; } .sidebar-widget-area .wp-block-calendar td{ color: #d5d5d5; } .sidebar-widget-area a{ font-size: 16px; text-decoration: none; transition: 0.5s all; } .sidebar-widget-area h1, .sidebar-widget-area h2, .sidebar-widget-area h3, .sidebar-widget-area h4, .sidebar-widget-area h5, .sidebar-widget-area h6{ color: #efb33f; margin: 5px 0 0 0; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; } .sidebar-widget-area-default-title{ padding: 0 0 10px 0; } .sidebar-widget-area h1, .sidebar-widget-area h2, .sidebar-widget-area h3{ font-size: 24px; } .sidebar-widget-area h4, .sidebar-widget-area h5, .sidebar-widget-area h6{ font-size: 20px; } .sidebar-widget-area a:not(.wp-block-button__link, .wp-block-comment-reply-link a){ color: #ffffff; } .sidebar-widget-area a:hover:not(.wp-block-button__link, .wp-block-comment-reply-link a){ color: #efb33f; } .sidebar-widget-anim li a:hover{ padding-left: 14px !important; } .sidebar-widget-anim li a{ position: relative; transition: all .5s ease; } .sidebar-widget-anim li a:hover:before{ width: 10px; } .sidebar-widget-anim li a:before{ content: '' !important; position: absolute; width: 0; height: 1px; background-color: #ffffff; top: 11px; left: 0; transition: all .5s ease; } .sidebar-widget-area p a:not(.wp-block-button__link, .wp-block-comment-reply-link a){ color: #ffffff; text-decoration: underline; } .sidebar-widget-area p a:hover:not(.wp-block-button__link, .wp-block-comment-reply-link a){ color: #efb33f; text-decoration: none; } .sidebar-widget-area .tag-cloud-link{ display: inline-block; vertical-align: middle; position: relative; font-weight: 500; color: #ffffff; border: 1px solid #ffffff; text-decoration: none!important; font-size: 13px!important; margin: 0 5px 10px 0; padding: 5px 10px; text-transform: uppercase; } .sidebar-widget-area .tag-cloud-link:hover{ color: #efb33f; border: 1px solid #efb33f; } .wpdevart_car_rental_wda_hover_button{ color: #fff; padding: 10px 10px; display: inline-block; border-radius: 2px; font-size: 14px; text-transform: uppercase; font-weight: 500; cursor: pointer; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; transition: ease-out 0.5s; letter-spacing: 1px; } .wpdevart_car_rental_wda_hover_button a{ color: #fff; text-decoration: none; } .wpdevart_car_rental_wda_hover_button_small{ color: #fff; padding: 12px 20px; display: inline-block; border-radius: 2px; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; cursor: pointer; -webkit-transition: ease-out 0.7s; -moz-transition: ease-out 0.7s; transition: ease-out 0.7s; background: transparent; } .wpdevart_car_rental_wda_hover_button_small a{ color: #fff; text-decoration: none; } .wpdevart_car_rental_wda_primary_button_slide a{ color: #ffffff; } .wpdevart_car_rental_wda_primary_button_slide{ border: 1px solid #e03100; box-shadow: inset 0 0 0 0 #e03100; background-color: #e03100; color: #ffffff; } .primary_btn_slide_right:hover{ color: #e03100; box-shadow: inset 400px 0 0 0 #070506; border: 1px solid #e03100; } .primary_btn_slide_right:hover a{ color: #e03100; } .primary_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #070506, 4px -4px 0 0 #e03100, -4px 4px 0 0 #e03100; color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_offset:hover a{ color: #e03100; } .primary_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #070506,0 8px 8px -7px #e03100; transform: translateY(-4px); color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_raise:hover a{ color: #e03100; } .primary_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #070506, -4px 0px 0px 0px #e03100; transform: translateX(4px); color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_move_right:hover a{ color: #e03100; } .primary_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #070506, 0 0px 7px 0px #e03100; color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_box_shadow:hover a{ color: #e03100; } .primary_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #070506; color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_fill_in:hover a{ color: #e03100; } .primary_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #070506; color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_fill_up:hover a{ color: #e03100; } .primary_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #070506; color: #e03100; border: 1px solid #e03100; } .primary_btn_slide_right_fill_down:hover a{ color: #e03100; } .wpdevart_car_rental_wda_secondary_button_slide a{ color: #e03100; } .wpdevart_car_rental_wda_secondary_button_slide{ border: 1px solid #e03100; color: #e03100; } .secondary_btn_slide_right:hover{ color: #ffffff; box-shadow: inset 400px 0 0 0 #e03100; border: 1px solid #e03100; } .secondary_btn_slide_right:hover a{ color: #ffffff; } .secondary_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px transparent, 4px -4px 0 0 #e03100, -4px 4px 0 0 #e03100; color: #e03100; border: 1px solid #e03100; } .secondary_btn_slide_right_offset:hover a{ color: #e03100; } .secondary_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 transparent,0 8px 8px -7px #e03100; transform: translateY(-4px); color: #e03100; border: 1px solid #e03100; } .secondary_btn_slide_right_raise:hover a{ color: #e03100; } .secondary_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 transparent, -4px 0px 0px 0px #e03100; transform: translateX(4px); color: #e03100; border: 1px solid #e03100; } .secondary_btn_slide_right_move_right:hover a{ color: #e03100; } .secondary_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 transparent, 0 0px 7px 0px #e03100; color: #e03100; border: 1px solid #e03100; } .secondary_btn_slide_right_box_shadow:hover a{ color: #e03100; } .secondary_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #e03100; color: #ffffff; border: 1px solid #e03100; } .secondary_btn_slide_right_fill_in:hover a{ color: #ffffff; } .secondary_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #e03100; color: #ffffff; border: 1px solid #e03100; } .secondary_btn_slide_right_fill_up:hover a{ color: #ffffff; } .secondary_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #e03100; color: #ffffff; border: 1px solid #e03100; } .secondary_btn_slide_right_fill_down:hover a{ color: #ffffff; } .wpdevart_car_rental_wda_first_button_slide{ box-shadow: inset 0 0 0 0 #8224e3; background-color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #fff; color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right:hover a{ color: #8224e3; } .first_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #8224e3, -4px 4px 0 0 #8224e3; color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_offset:hover a{ color: #8224e3; } .first_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #8224e3; transform: translateY(-4px); color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_raise:hover a{ color: #8224e3; } .first_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #8224e3; transform: translateX(4px); color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_move_right:hover a{ color: #8224e3; } .first_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #8224e3; color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_box_shadow:hover a{ color: #8224e3; } .first_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_fill_in:hover a{ color: #8224e3; } .first_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_fill_up:hover a{ color: #8224e3; } .first_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #8224e3; border: 1px solid #8224e3; } .first_btn_slide_right_fill_down:hover a{ color: #8224e3; } .wpdevart_car_rental_wda_second_button_slide{ box-shadow: inset 0 0 0 0 #ff5952; background-color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #fff; color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right:hover a{ color: #ff5952; } .second_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #ff5952, -4px 4px 0 0 #ff5952; color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_offset:hover a{ color: #ff5952; } .second_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #ff5952; transform: translateY(-4px); color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_raise:hover a{ color: #ff5952; } .second_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #ff5952; transform: translateX(4px); color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_move_right:hover a{ color: #ff5952; } .second_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #ff5952; color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_box_shadow:hover a{ color: #ff5952; } .second_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_fill_in:hover a{ color: #ff5952; } .second_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_fill_up:hover a{ color: #ff5952; } .second_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #ff5952; border: 1px solid #ff5952; } .second_btn_slide_right_fill_down:hover a{ color: #ff5952; } .wpdevart_car_rental_wda_third_button_slide{ box-shadow: inset 0 0 0 0 #1287ff; background-color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #fff; color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right:hover a{ color: #1287ff; } .third_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #1287ff, -4px 4px 0 0 #1287ff; color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_offset:hover a{ color: #1287ff; } .third_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #1287ff; transform: translateY(-4px); color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_raise:hover a{ color: #1287ff; } .third_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #1287ff; transform: translateX(4px); color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_move_right:hover a{ color: #1287ff; } .third_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #1287ff; color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_box_shadow:hover a{ color: #1287ff; } .third_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_fill_in:hover a{ color: #1287ff; } .third_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_fill_up:hover a{ color: #1287ff; } .third_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #1287ff; border: 1px solid #1287ff; } .third_btn_slide_right_fill_down:hover a{ color: #1287ff; } .wpdevart_car_rental_wda_fourth_button_slide a{ color: #efb33f; } .wpdevart_car_rental_wda_fourth_button_slide{ box-shadow: inset 0 0 0 0 #2d2d3c; background-color: #2d2d3c; color: #efb33f; border: 1px solid #efb33f; } .fourth_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #efb33f; color: #2d2d3c; border: 1px solid #efb33f; } .fourth_btn_slide_right:hover a{ color: #2d2d3c; } .fourth_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #efb33f, 4px -4px 0 0 #efb33f, -4px 4px 0 0 #efb33f; color: #2d2d3c; border: 1px solid #2d2d3c; } .fourth_btn_slide_right_offset:hover a{ color: #2d2d3c; } .fourth_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #efb33f,0 8px 8px -7px #efb33f; transform: translateY(-4px); color: #2d2d3c; border: 1px solid #efb33f; } .fourth_btn_slide_right_raise:hover a{ color: #2d2d3c; } .fourth_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #efb33f, -4px 0px 0px 0px #efb33f; transform: translateX(4px); color: #2d2d3c; border: 1px solid #2d2d3c; } .fourth_btn_slide_right_move_right:hover a{ color: #2d2d3c; } .fourth_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #efb33f, 0 0px 7px 0px #efb33f; color: #2d2d3c; border: 1px solid #efb33f; } .fourth_btn_slide_right_box_shadow:hover a{ color: #2d2d3c; } .fourth_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #efb33f; color: #2d2d3c; border: 1px solid #efb33f; } .fourth_btn_slide_right_fill_in:hover a{ color: #000000; } .fourth_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #efb33f; color: #2d2d3c; border: 1px solid #efb33f; } .fourth_btn_slide_right_fill_up:hover a{ color: #2d2d3c; } .fourth_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #efb33f; color: #2d2d3c; border: 1px solid #efb33f; } .fourth_btn_slide_right_fill_down:hover a{ color: #2d2d3c; } .wpdevart_car_rental_wda_fifth_button_slide{ box-shadow: inset 0 0 0 0 #2fb32d; background-color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #fff; color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right:hover a{ color: #2fb32d; } .fifth_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #2fb32d, -4px 4px 0 0 #2fb32d; color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_offset:hover a{ color: #2fb32d; } .fifth_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #2fb32d; transform: translateY(-4px); color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_raise:hover a{ color: #2fb32d; } .fifth_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #2fb32d; transform: translateX(4px); color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_move_right:hover a{ color: #2fb32d; } .fifth_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #2fb32d; color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_box_shadow:hover a{ color: #2fb32d; } .fifth_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_fill_in:hover a{ color: #2fb32d; } .fifth_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_fill_up:hover a{ color: #2fb32d; } .fifth_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #2fb32d; border: 1px solid #2fb32d; } .fifth_btn_slide_right_fill_down:hover a{ color: #2fb32d; } .wpdevart_car_rental_wda_sixth_button_slide{ box-shadow: inset 0 0 0 0 #ffba01; background-color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #fff; color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right:hover a{ color: #ffba01; } .sixth_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #ffba01, -4px 4px 0 0 #ffba01; color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_offset:hover a{ color: #ffba01; } .sixth_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #ffba01; transform: translateY(-4px); color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_raise:hover a{ color: #ffba01; } .sixth_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #ffba01; transform: translateX(4px); color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_move_right:hover a{ color: #ffba01; } .sixth_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #ffba01; color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_box_shadow:hover a{ color: #ffba01; } .sixth_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_fill_in:hover a{ color: #ffba01; } .sixth_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_fill_up:hover a{ color: #ffba01; } .sixth_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #ffba01; border: 1px solid #ffba01; } .sixth_btn_slide_right_fill_down:hover a{ color: #ffba01; } .wpdevart_car_rental_wda_seventh_button_slide{ box-shadow: inset 0 0 0 0 #1b745e; background-color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #fff; color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right:hover a{ color: #1b745e; } .seventh_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #1b745e, -4px 4px 0 0 #1b745e; color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_offset:hover a{ color: #1b745e; } .seventh_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #1b745e; transform: translateY(-4px); color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_raise:hover a{ color: #1b745e; } .seventh_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #1b745e; transform: translateX(4px); color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_move_right:hover a{ color: #1b745e; } .seventh_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #1b745e; color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_box_shadow:hover a{ color: #1b745e; } .seventh_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_fill_in:hover a{ color: #1b745e; } .seventh_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_fill_up:hover a{ color: #1b745e; } .seventh_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #1b745e; border: 1px solid #1b745e; } .seventh_btn_slide_right_fill_down:hover a{ color: #1b745e; } .wpdevart_car_rental_wda_eighth_button_slide a{ color: #ffffff; } .wpdevart_car_rental_wda_eighth_button_slide{ border: 1px solid #ffffff; color: #ffffff; } .eighth_btn_slide_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff; color: #000000; border: 1px solid #ffffff; } .eighth_btn_slide_right:hover a{ color: #000000; } .eighth_btn_slide_right_offset:hover{ box-shadow: inset 0 0 0 100px #ffffff, 4px -4px 0 0 #ffffff, -4px 4px 0 0 #ffffff; color: #000000; border: 1px solid #000000; } .eighth_btn_slide_right_offset:hover a{ color: #000000; } .eighth_btn_slide_right_raise:hover{ box-shadow: inset 0 63px 0 0 #ffffff,0 8px 8px -7px #ffffff; transform: translateY(-4px); color: #000000; border: 1px solid #ffffff; } .eighth_btn_slide_right_raise:hover a{ color: #000000; } .eighth_btn_slide_right_move_right:hover{ box-shadow: inset 400px 0 0 0 #ffffff, -4px 0px 0px 0px #ffffff; transform: translateX(4px); color: #000000; border: 1px solid #000000; } .eighth_btn_slide_right_move_right:hover a{ color: #000000; } .eighth_btn_slide_right_box_shadow:hover{ box-shadow: inset 800px 0 0 0 #ffffff, 0 0px 7px 0px #ffffff; color: #000000; border: 1px solid #000000; } .eighth_btn_slide_right_box_shadow:hover a{ color: #000000; } .eighth_btn_slide_right_fill_in:hover{ box-shadow: inset 0 0 0 33px #ffffff; color: #000000; border: 1px solid #ffffff; } .eighth_btn_slide_right_fill_in:hover a{ color: #000000; } .eighth_btn_slide_right_fill_up:hover{ box-shadow: inset 0 -63px 0 #ffffff; color: #000000; border: 1px solid #ffffff; } .eighth_btn_slide_right_fill_up:hover a{ color: #000000; } .eighth_btn_slide_right_fill_down:hover{ box-shadow: inset 0 63px 0 0 #ffffff; color: #000000; border: 1px solid #ffffff; } .eighth_btn_slide_right_fill_down:hover a{ color: #000000; } .wpdevart-home-bg-color{ background-color: transparent; justify-content: center; align-items: center; overflow: hidden; } .wpdevart-homepage-container{ max-width: 1300px; margin: 0 auto; padding: 16px; position: relative; word-break: keep-all; } .wpdevart-homepage-page-banner{ padding: 0 0 20px 0; position: relative; } @media (min-width: 530px){ .wpdevart-homepage-page-banner{ padding: 0 0 30px 0; } } @media (min-width: 1200px){ .wpdevart-home-banner{ display: flex; align-items: center; justify-content: space-between; } } @media (max-width: 1200px){ .wpdevart-home-banner{ text-align: center; } } .wpdevart-home-banner-one{ padding: 1.6rem 16px; word-break: keep-all; } .wpdevart-home-banner-two{ padding: 1.6rem 16px; display: flex; justify-content: center; } @media (min-width: 1200px){ .wpdevart-home-banner-one{ padding: 20px 0; } .wpdevart-home-banner-two{ padding: 20px 0; } } @media (min-width: 1200px) and (max-width: 1400px){ .wpdevart-home-banner-inner{ width: 520px; } } @media (min-width: 1400px){ .wpdevart-home-banner-inner{ width: 610px; } } .wpdevart-home-banner, .wpdevart-home-banner-inner, .wpdevart-home-banner-one, .wpdevart-home-banner-two{ word-break: keep-all; } .wpdevart-banner-short-text{ font-style: italic; font-weight: 400; color: #efb33f; padding-bottom: 13px; } .wpdevart-banner-title{ color: #fff8e2; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; padding-bottom: 5px; } @media (min-width: 600px) and (max-width: 1200px){ .wpdevart-banner-title{ font-size: 35px !important; transition: font-size 0.3s ease-out; } } @media (max-width: 600px){ .wpdevart-banner-title{ font-size: 32px!important; transition: font-size 0.3s ease-out; } } .wpdevart-banner-content{ line-height: 140%; text-align: justify; text-align-last: center; } #outer{ margin: 10px 0 0 0; } .wpdevart-banner-button-one, .wpdevart-banner-button-two{ position: relative; margin: 20px 3px 0px 3px; max-width: 350px; } @media (min-width: 1200px) and (max-width: 1400px){ .wpdevart-home-banner{ display: flex; align-items: center; justify-content: center; } .wpdevart-home-banner-two{ padding: 40px 0px 40px 40px; } .wpdevart-home-banner-two{ margin: 0; } } .sliding-text-container{ position: relative; } .sliding-text{ height: 50px; overflow: hidden; display: inline-block; position: relative; width:90%; } .sliding-text ul{ list-style:none; position: absolute; top:0; transition: all 0.5s ease; width: 100%; padding: 0; margin: 0 0 1.65em 0; } .sliding-text li{ text-align: center; font-weight: 400; line-height: 1.3; font-size: 19px; color:#efb33f; } @media (max-width: 600px){ .sliding-text li{ line-height: 1.8; font-size: 21px; } } @media (min-width: 1200px){ .sliding-text li{ text-align: left; } } .sliding-text li{ display: none; } .sliding-text li.text-in{ display: block; animation: slidingTextIn .8s ease; } .sliding-text li.text-out{ animation: slidingTextOut 1s ease; } @keyframes slidingTextIn{ 0%{ transform: translateY(100%); } 100%{ transform: translateY(0%); } } @keyframes slidingTextOut{ 0%{ transform: translateY(0%); } 100%{ transform: translateY(-100%); } } .wpdevart-banner-content-main-image, .wpdevart-banner-content-main-image-first-theme, .wpdevart-banner-content-second-image, .wpdevart-banner-content-third-image, .wpdevart-banner-content-fourth-image{ background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; } .wpdevart-banner-content-main-image, .wpdevart-banner-content-main-image-first-theme{ top: 15%; left: 17.5%; } .wpdevart-banner-content-main-image img, .wpdevart-banner-content-main-image-first-theme img{ height: 435px; width: 435px; } .wpdevart-banner-content-main-image-first-theme img{ border-radius: 50%; object-fit: cover; } @media (min-width: 800px) and (max-width: 1400px){ .wpdevart-banner-content-main-image, .wpdevart-banner-content-main-image-first-theme{ top: 14%; left: 17%; } .wpdevart-banner-content-main-image img, .wpdevart-banner-content-main-image-first-theme img{ height: 360px; width: 360px; } } @media (min-width: 600px) and (max-width: 800px){ .wpdevart-banner-content-main-image, .wpdevart-banner-content-main-image-first-theme{ top: 16%; left: 19%; } .wpdevart-banner-content-main-image img, .wpdevart-banner-content-main-image-first-theme img{ height: 330px; width: 330px; } } @media (max-width: 600px){ .wpdevart-banner-content-main-image, .wpdevart-banner-content-main-image-first-theme{ top: 16%; left: 19%; } .wpdevart-banner-content-main-image img, .wpdevart-banner-content-main-image-first-theme img{ height: 220px; width: 220px; } } .wpdevart-banner-content-second-image{ top: 12%; left: 10%; } .wpdevart-banner-content-third-image{ bottom: 0; left: 0; } .wpdevart-banner-content-fourth-image{ top: 0; right: 0; } .wpdevart-banner-content-second-image img{ height: 480px; width: 480px; } .wpdevart-banner-content-third-image img, .wpdevart-banner-content-fourth-image img{ height: 240px; width: 150px; object-fit: cover; } @media (min-width: 600px) and (max-width: 1400px){ .wpdevart-banner-content-second-image img{ height: 380px; width: 380px; } .wpdevart-banner-content-third-image img, .wpdevart-banner-content-fourth-image img{ height: 209px; width: 130px; } } @media (max-width: 600px){ .wpdevart-banner-content-second-image img{ height: 250px; width: 250px; } .wpdevart-banner-content-third-image img, .wpdevart-banner-content-fourth-image img{ height: 129px; width: 80px; } } .wpdevart-banner-image-wrapper{ position: relative; width: 610px; height: 610px; } @media (max-width: 600px){ .wpdevart-banner-image-wrapper{ width: 320px; height: 320px; } } @media (min-width: 600px) and (max-width: 800px){ .wpdevart-banner-image-wrapper{ width: 500px; height: 500px; } } @media (min-width: 800px) and (max-width: 1400px){ .wpdevart-banner-image-wrapper{ width: 520px; height: 520px; } } .wpdevart-home-banner-one-second-theme{ padding: 1.6rem 16px; word-break: keep-all; } @media (min-width: 1200px){ .wpdevart-home-banner-one-second-theme{ padding: 20px 0; } } .wpdevart-home-banner-one-second-theme{ word-break: keep-all; } .wpdevart-banner-second-theme-image{ background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; } @media (min-width: 1200px){ .wpdevart-banner-second-theme-image{ position: absolute; } } .wpdevart-banner-second-theme-image img{ height: 580px; width: 580px; animation: border-transform 12s linear infinite alternate forwards; box-shadow: 0 7px 16px rgba(0,0,0,0.25), 0 7px 7px rgba(0,0,0,0.22); object-fit: cover; } @media (max-width: 600px){ .wpdevart-banner-second-theme-image img{ height: 297px; width: 297px; } } @media (min-width: 600px) and (max-width: 800px){ .wpdevart-banner-second-theme-image img{ height: 464px; width: 464px; } } @media (min-width: 800px) and (max-width: 1400px){ .wpdevart-banner-second-theme-image img{ height: 480px; width: 480px; } } @-webkit-keyframes border-transform{ 0%, to{ border-radius: 73% 37% 54% 46%/55% 48% 52% 73%} 14%{ border-radius: 73% 60% 54% 46%/49% 60% 40% 73%} 28%{ border-radius: 73% 46% 38% 62%/49% 70% 30% 73%} 42%{ border-radius: 73% 39% 55% 45%/61% 38% 62% 73%} 56%{ border-radius: 73% 39% 67% 33%/70% 50% 50% 73%} 70%{ border-radius: 73% 50% 34% 66%/56% 68% 32% 73%} 84%{ border-radius: 73% 54% 50% 50%/35% 61% 39% 73%} } @keyframes border-transform{ 0%, to{ border-radius: 73% 37% 54% 46%/55% 48% 52% 73%} 14%{ border-radius: 73% 60% 54% 46%/49% 60% 40% 73%} 28%{ border-radius: 73% 46% 38% 62%/49% 70% 30% 73%} 42%{ border-radius: 73% 39% 55% 45%/61% 38% 62% 73%} 56%{ border-radius: 73% 39% 67% 33%/70% 50% 50% 73%} 70%{ border-radius: 73% 50% 34% 66%/56% 68% 32% 73%} 84%{ border-radius: 73% 54% 50% 50%/35% 61% 39% 73%} } .wpdevart-homepage-page-banner-third-theme{ position: relative; margin-bottom: 30px; } .banner-third-theme-container{ margin: 0 auto; word-break: keep-all; } @media (min-width: 960px){ .banner-third-theme-container{ display: flex; align-items: center; } .wpdevart-banner-third-theme-content{ flex: 20%; } .wpdevart-banner-third-theme-image-container{ flex: 45%; height: 500px; } } .wpdevart-banner-third-theme-content{ width: 100%; } .wpdevart-banner-third-theme-image-container{ width: 100%; } .wpdevart-banner-third-theme-image{ max-height: 100%; aspect-ratio: 1 / 1; } .wpdevart-banner-third-theme-image img{ max-width: 100%; aspect-ratio: 1 / 1; height: 100%; object-fit: cover; } @media (min-width: 2400px){ .wpdevart-banner-third-theme-image{ aspect-ratio: 2 / 1; } .wpdevart-banner-third-theme-image img{ aspect-ratio: 2 / 1; } .wpdevart-banner-third-theme-content{ flex: 26%; } .wpdevart-banner-third-theme-image-container{ flex: 37%; } } @media (min-width: 960px) and (max-width: 1300px){ .wpdevart-banner-third-theme-image{ aspect-ratio: 3 / 5; } .wpdevart-banner-third-theme-image img{ aspect-ratio: 3 / 5; } } @media (min-width: 600px) and (max-width: 960px){ .wpdevart-banner-third-theme-image{ aspect-ratio: 7 / 3; } .wpdevart-banner-third-theme-image img{ aspect-ratio: 7 / 3; } } @media (max-width: 600px){ .wpdevart-banner-third-theme-image{ aspect-ratio: 8 / 3; } .wpdevart-banner-third-theme-image img{ aspect-ratio: 8 / 3; } } .wpdevart-home-banner-third-theme{ word-break: keep-all; padding: 30px 0; } .wpdevart-home-banner-third-theme-inner{ width: 90%; text-align: center; margin: 0 auto; } .sliding-text-third-theme li{ text-align: center!important; } .wpdevart-homepage-banner-theme-fourth{ position: relative; } .container-banner-theme-fourth{ max-width: 1300px; margin: 0 auto; padding: 0 16px; position: relative; word-break: keep-all; } .wpdevart-home-banner-theme-fourth{ width: 100%; min-height: 350px; padding: 50px 0; } @media (min-width: 960px){ .wpdevart-home-banner-theme-fourth{ display: flex; align-items: center; padding: 0; } } .wpdevart-home-banner-one-theme-fourth{ width: 100%; padding: 30px 0; } @media (min-width: 960px){ .wpdevart-home-banner-one-theme-fourth{ flex: 40%; } } @media (max-width: 960px){ .wpdevart-home-banner-one-theme-fourth{ flex: 40%; text-align: center; } } @media (min-width: 960px){ .sliding-text-theme-fourth li{ text-align: left!important; } } @media (min-width: 960px){ .wpdevart-banner-fourth-theme-image-container{ flex: 60%; } } .wpdevart-banner-fourth-theme-image-container{ width: 100%; } .wpdevart-banner-fourth-theme-image{ max-width: 100%; aspect-ratio: 5 / 3; overflow: hidden; clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%); } @media (max-width: 960px){ .wpdevart-banner-fourth-theme-image{ clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%); } } .wpdevart-banner-fourth-theme-image img{ max-width: 100%; aspect-ratio: 5 / 3; height: 100%; object-fit: cover; } @media (min-width: 2400px){ .wpdevart-banner-fourth-theme-image{ aspect-ratio: 2 / 1; } .wpdevart-banner-fourth-theme-image img{ aspect-ratio: 2 / 1; } .wpdevart-banner-fourth-theme-image-container{ flex: 74%; } } @media (min-width: 1100px) and (max-width: 1300px){ .wpdevart-banner-fourth-theme-image{ aspect-ratio: 4 / 3; } .wpdevart-banner-fourth-theme-image img{ aspect-ratio: 4 / 3; } } @media (min-width: 960px) and (max-width: 1100px){ .wpdevart-banner-fourth-theme-image{ aspect-ratio: 1 / 1; } .wpdevart-banner-fourth-theme-image img{ aspect-ratio: 1 / 1; } } @media (min-width: 600px) and (max-width: 960px){ .wpdevart-banner-fourth-theme-image{ aspect-ratio: 7 / 3; } .wpdevart-banner-fourth-theme-image img{ aspect-ratio: 7 / 3; } } @media (max-width: 600px){ .wpdevart-banner-fourth-theme-image{ aspect-ratio: 8 / 3; } .wpdevart-banner-fourth-theme-image img{ aspect-ratio: 8 / 3; } } .wpdevart-homepage-page-banner-fifth-theme{ position: relative; background-color: #070506; } .banner-fifth-theme-container{ display: flex; margin: 0px auto; word-break: keep-all; max-width: 1690px; } .wpdevart-banner-fifth-theme-content{ position: relative; justify-items: center; align-content: center; z-index: 1; } .wpdevart-home-banner-fifth-theme{ text-align: center; word-break: keep-all; padding: 10px 0; margin: 15px; } .wpdevart-home-banner-fifth-theme-inner{ text-align: center; margin: 0 auto; } .sliding-text-fifth-theme li{ text-align: center!important; } @media (max-width: 960px){ .wpdevart-banner-fifth-theme-content{ width: 100%; } .banner-fifth-theme-container{ flex-direction: column; } .wpdevart-banner-fifth-theme-first-image-container{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); justify-items: center; display: block; position: relative; z-index: 9; } .wpdevart-banner-fifth-theme-second-image-container{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); justify-items: center; } .wpdevart-home-banner-fifth-theme-inner{ max-width: 415px; } .wpdevart-home-banner-fifth-theme{ margin-bottom: 50px; margin-top: 40px; z-index: 3; display: block; position: relative; } } @media (min-width: 961px){ .wpdevart-banner-fifth-theme-content{ width: 360px; } .banner-fifth-theme-container{ flex-direction: row; } .wpdevart-home-banner-fifth-theme{ display: block; position: relative; z-index: 3; } .wpdevart-banner-fifth-theme-first-image-container, .wpdevart-banner-fifth-theme-second-image-container{ flex: 1; display: flex; overflow: hidden; height: 440px; z-index: 2; } .wpdevart-banner-title{ white-space: nowrap; } .wpdevart-home-banner-fifth-theme-inner{ width: 360px; } .wpdevart-banner-fifth-theme-first-image-container{ clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%) !important; } .wpdevart-banner-fifth-theme-second-image-container{ clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%) !important; } .wpdevart-banner-fifth-theme-first-image-container img{ width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: right center; } .wpdevart-banner-fifth-theme-second-image-container img{ width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: left center; } } .wpdevart-homepage-banner-theme-sixth{ position: relative; } .container-banner-theme-sixth{ max-width: 1300px; margin: 0 auto; padding: 0 16px; position: relative; word-break: keep-all; } @media (min-width: 960px){ .wpdevart-home-banner-theme-sixth{ display: flex; align-items: center; } } .wpdevart-home-banner-theme-sixth{ width: 100%; min-height: 350px; padding: 50px 0; } .wpdevart-home-banner-one-theme-sixth{ width: 100%; padding: 30px 0; } @media (min-width: 960px){ .wpdevart-home-banner-one-theme-sixth{ flex: 40%; } } @media (max-width: 960px){ .wpdevart-home-banner-one-theme-sixth{ text-align: center; } } @media (min-width: 960px){ .wpdevart-banner-sixth-theme-image-container{ flex: 60%; } } .wpdevart-banner-sixth-theme-image-container{ display: flex; width: 100%; justify-content: end; } @media (max-width: 960px){ .wpdevart-banner-sixth-theme-image-container{ justify-content: center; } } .wpdevart-banner-sixth-theme-first-image-container, .wpdevart-banner-sixth-theme-second-image-container{ width: 50%; aspect-ratio: 17 / 20; overflow: hidden; object-fit: cover; } .wpdevart-banner-sixth-theme-first-image-container{ clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); } .wpdevart-banner-sixth-theme-second-image-container{ clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%); } .wpdevart-banner-sixth-theme-first-image-container img, .wpdevart-banner-sixth-theme-second-image-container img{ max-width: 100%; aspect-ratio: 17 / 20; height: 100%; object-fit: cover; } @media (min-width: 1300px) and (max-width: 1500px){ .wpdevart-banner-sixth-theme-first-image-container, .wpdevart-banner-sixth-theme-second-image-container{ aspect-ratio: 3 / 4; } .wpdevart-banner-sixth-theme-first-image-container img, .wpdevart-banner-sixth-theme-second-image-container img{ aspect-ratio: 3 / 4; } } @media (min-width: 1100px) and (max-width: 1300px){ .wpdevart-banner-sixth-theme-first-image-container, .wpdevart-banner-sixth-theme-second-image-container{ aspect-ratio: 3 / 5; } .wpdevart-banner-sixth-theme-first-image-container img, .wpdevart-banner-sixth-theme-second-image-container img{ aspect-ratio: 3 / 5; } } @media (min-width: 960px) and (max-width: 1100px){ .wpdevart-banner-sixth-theme-first-image-container, .wpdevart-banner-sixth-theme-second-image-container{ aspect-ratio: 7 / 13; } .wpdevart-banner-sixth-theme-first-image-container img, .wpdevart-banner-sixth-theme-second-image-container img{ aspect-ratio: 7 / 13; } } @media (max-width: 960px){ .wpdevart-banner-sixth-theme-first-image-container, .wpdevart-banner-sixth-theme-second-image-container{ aspect-ratio: 4 / 3; } .wpdevart-banner-sixth-theme-first-image-container img, .wpdevart-banner-sixth-theme-second-image-container img{ aspect-ratio: 4 / 3; } } .wpdevart-banner-content-sixth-theme{ width: 95%; } @media (max-width: 960px){ .wpdevart-banner-content-sixth-theme{ margin: 0 auto; } } .wpdevart-homepage-banner-theme-seventh{ position: relative; } .container-banner-theme-seventh{ max-width: 1300px; margin: 0 auto; padding: 0 16px; position: relative; word-break: keep-all; } .wpdevart-home-banner-theme-seventh{ width: 100%; min-height: 350px; padding: 50px 0; } @media (min-width: 960px){ .wpdevart-home-banner-theme-seventh{ display: flex; align-items: center; min-height: 650px; padding: 20px 0; } } .wpdevart-home-banner-one-theme-seventh{ width: 100%; padding: 30px 0; } @media (min-width: 960px){ .wpdevart-home-banner-one-theme-seventh{ flex: 40%; } } @media (max-width: 960px){ .wpdevart-home-banner-one-theme-seventh{ text-align: center; } } @media (min-width: 960px){ .wpdevart-home-banner-one-theme-seventh .sliding-text li{ text-align: left!important; } } @media (min-width: 960px) and (max-width: 1100px){ .wpdevart-banner-seventh-theme-image-container{ flex: 60%; min-height: 500px; } } @media (min-width: 1100px){ .wpdevart-banner-seventh-theme-image-container{ flex: 60%; min-height: 600px; } } .wpdevart-banner-seventh-theme-image-container{ display: flex; width: 100%; justify-content: space-evenly; } .wpdevart-banner-seventh-theme-first-image-container, .wpdevart-banner-seventh-theme-second-image-container, .wpdevart-banner-seventh-theme-third-image-container{ width: 32%; aspect-ratio: 17 / 20; overflow: hidden; object-fit: cover; height: 50%; } .wpdevart-banner-seventh-theme-first-image-container, .wpdevart-banner-seventh-theme-second-image-container, .wpdevart-banner-seventh-theme-third-image-container{ border-radius: 10px; } .wpdevart-banner-seventh-theme-first-image-container{ align-self: flex-end; } .wpdevart-banner-seventh-theme-second-image-container{ align-self: center; } .wpdevart-banner-seventh-theme-third-image-container{ align-self: flex-start; } .wpdevart-banner-seventh-theme-first-image-container img, .wpdevart-banner-seventh-theme-second-image-container img, .wpdevart-banner-seventh-theme-third-image-container img{ max-width: 100%; aspect-ratio: 17 / 20; height: 100%; object-fit: cover; } @media (max-width: 960px){ .wpdevart-banner-seventh-theme-first-image-container, .wpdevart-banner-seventh-theme-second-image-container, .wpdevart-banner-seventh-theme-third-image-container{ aspect-ratio: 3 / 4; } .wpdevart-banner-seventh-theme-first-image-container img, .wpdevart-banner-seventh-theme-second-image-container img, .wpdevart-banner-seventh-theme-third-image-container img{ aspect-ratio: 3 / 4; } } @media (min-width: 960px){ .wpdevart-banner-seventh-content-padding{ padding-right: 50px; } } .wpdevart-homepage-banner-theme-eighth{ position: relative; } .container-banner-theme-eighth{ max-width: 1300px; margin: 0 auto; padding: 0 16px; position: relative; word-break: keep-all; } .wpdevart-home-banner-theme-eighth{ width: 100%; min-height: 350px; padding: 50px 0; } @media (min-width: 960px){ .wpdevart-home-banner-theme-eighth{ display: flex; align-items: center; min-height: 650px; padding: 30px 0; } } .wpdevart-home-banner-one-theme-eighth{ width: 100%; padding: 30px 0; } @media (min-width: 960px){ .wpdevart-home-banner-one-theme-eighth{ flex: 40%; } } @media (max-width: 960px){ .wpdevart-home-banner-one-theme-eighth{ text-align: center; } } @media (min-width: 960px) and (max-width: 1100px){ .wpdevart-banner-eighth-theme-image-container{ flex: 60%; min-height: 500px; } } @media (min-width: 1100px){ .wpdevart-banner-eighth-theme-image-container{ flex: 60%; min-height: 600px; } } .wpdevart-banner-eighth-theme-image-container{ display: flex; width: 100%; justify-content: flex-end; flex-wrap: wrap; row-gap: 15px; column-gap: 15px; } @media (max-width: 960px){ .wpdevart-banner-eighth-theme-image-container{ justify-content: center; } } .wpdevart-banner-eighth-theme-first-image-container, .wpdevart-banner-eighth-theme-second-image-container, .wpdevart-banner-eighth-theme-third-image-container, .wpdevart-banner-eighth-theme-fourth-image-container{ width: 40%; aspect-ratio: 17 / 20; overflow: hidden; object-fit: cover; } .wpdevart-banner-eighth-theme-first-image-container, .wpdevart-banner-eighth-theme-second-image-container, .wpdevart-banner-eighth-theme-third-image-container, .wpdevart-banner-eighth-theme-fourth-image-container{ border-radius: 10px; } .wpdevart-banner-eighth-theme-first-image-container img, .wpdevart-banner-eighth-theme-second-image-container img, .wpdevart-banner-eighth-theme-third-image-container img, .wpdevart-banner-eighth-theme-fourth-image-container img{ max-width: 100%; aspect-ratio: 17 / 20; height: 100%; object-fit: cover; } @media (max-width: 960px){ .wpdevart-banner-eighth-theme-first-image-container, .wpdevart-banner-eighth-theme-second-image-container, .wpdevart-banner-eighth-theme-third-image-container, .wpdevart-banner-eighth-theme-fourth-image-container{ aspect-ratio: 1 / 1; } .wpdevart-banner-eighth-theme-first-image-container img, .wpdevart-banner-eighth-theme-second-image-container img, .wpdevart-banner-eighth-theme-third-image-container img, .wpdevart-banner-eighth-theme-fourth-image-container img{ aspect-ratio: 1 / 1; } } .wpdevart-sales-container{ margin: 0 auto 30px auto; width: 90%; letter-spacing: 1px; word-break: keep-all; display:flex; justify-content: space-between; max-width: 1300px; flex-direction: row; } .wpdevart-sales-container h3{ font-size: 27px; font-weight: 400; line-height: 1.1; margin: 0; text-transform: uppercase; } .wpdevart-sales-first-container h3{ padding-top: 30px; padding-left: 35px; width: 65%; } .wpdevart-sales-container p{ font-size: 18px; font-weight: 500; line-height: 1.6; } .wpdevart-sales-container a{ font-size: 19px; font-weight: 500; text-decoration: none; } .wpdevart-sales-first-container{ background: #1e1e1e; border-radius: 10px; min-height: 510px; background-position: bottom right; background-repeat: no-repeat; background-size: 45% auto; } .wpdevart-sales-inner-content{ width: 47%; padding: 30px 35px 40px; } .wpdevart-sales-second-container{ display: flex; display:flex; justify-content: space-between; flex-direction: column; } .wpdevart-sales-first-container a{ color: #efb33f; background: linear-gradient(90deg, #efb33f, #efb33f); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; transition: 0.5s all; } .wpdevart-sales-first-container a{ background-size: 0 1px; } .wpdevart-sales-second-container-first-el a{ color: #efb33f; background: linear-gradient(90deg, #efb33f, #efb33f); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; text-decoration: none; transition: 0.5s all; } .wpdevart-sales-second-container-first-el a{ background-size: 0 1px; } .wpdevart-sales-second-container-second-el a{ color: #efb33f; background: linear-gradient(90deg, #efb33f, #efb33f); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; text-decoration: none; transition: 0.5s all; } .wpdevart-sales-second-container-second-el a{ background-size: 0 1px; } @media (max-width: 400px){ .wpdevart-sales-first-container{ min-height: 310px; background-size: auto 55%; } } @media (min-width: 400px) and (max-width: 800px){ .wpdevart-sales-first-container{ min-height: 310px; background-size: auto 75%; } } @media (max-width: 800px){ .wpdevart-sales-container{ flex-direction: column; } .wpdevart-sales-first-container{ width: 100%; margin-bottom: 10px; } .wpdevart-sales-inner-content{ padding: 21px 24px; } .wpdevart-sales-first-container h3{ padding-top: 24px; padding-left: 21px; width: 70%; } .wpdevart-sales-container h3{ font-size: 25px; } .wpdevart-sales-container p, .wpdevart-sales-container a{ font-size: 16px; } } @media (min-width: 800px){ .wpdevart-sales-first-container{ flex: 1; margin-right: 10px; } .wpdevart-sales-second-container{ flex: 1; height: 100%; } .wpdevart-sales-container h3{ font-size: 26px; } .wpdevart-sales-container p, .wpdevart-sales-container a{ font-size: 17px; } } .wpdevart-benefits-of-ordering-home h3{ text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 19px; line-height: 1.2; color: #DD9933; } .wpdevart-benefits-of-ordering-home p{ line-height: 1.4; margin: 0px auto; text-align: justify; text-align-last: justify; } @media (min-width: 680px){ .wpdevart-benefits-of-ordering-home{ display: flex; text-align: center; margin: 0 auto; max-width: 100%; flex-wrap: wrap; justify-content: center; } } @media (min-width: 1250px){ .wpdevart-benefits-of-ordering-home{ width: 1300px; border-top: 1px solid #433e37; border-bottom: 1px solid #433e37; } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-two, .wpdevart-benefits-of-ordering-element-three{ border-right: 1px solid #433e37; } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-two, .wpdevart-benefits-of-ordering-element-three, .wpdevart-benefits-of-ordering-element-four{ flex: 1; padding: 30px; } } @media (min-width: 680px) and (max-width: 1250px){ .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-two, .wpdevart-benefits-of-ordering-element-three, .wpdevart-benefits-of-ordering-element-four{ width: 35%; padding: 20px 30px; } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-two{ border-top: 1px solid #433e37; border-bottom: 1px solid #433e37; } .wpdevart-benefits-of-ordering-element-three, .wpdevart-benefits-of-ordering-element-four{ border-bottom: 1px solid #433e37; } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-three{ border-right: 1px solid #433e37; } .wpdevart-benefits-of-ordering-content p{ width: 265px; justify-self: center; } } @media (max-width: 680px){ .wpdevart-benefits-of-ordering-home{ text-align: center; margin: 30px; } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-three{ border-top: 1px solid #433e37; border-bottom: 1px solid #433e37; } .wpdevart-benefits-of-ordering-element-four{ border-bottom: 1px solid #433e37; } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-two, .wpdevart-benefits-of-ordering-element-three, .wpdevart-benefits-of-ordering-element-four{ width: 300px; margin: 1px; justify-self: center; padding: 20px 15px; } .wpdevart-benefits-of-ordering-content p{ width: 265px; justify-self: center; } } .wpdevart-benefits-of-ordering-element-one, .wpdevart-benefits-of-ordering-element-two, .wpdevart-benefits-of-ordering-element-three, .wpdevart-benefits-of-ordering-element-four{ display: flex; align-items: baseline; word-break: keep-all; } .wpdevart-benefits-of-ordering-element-one{ background: #070506; color: #d5d5d5; } .wpdevart-benefits-of-ordering-icon-one{ fill: #e03100; } .wpdevart-benefits-of-ordering-element-two{ background: #070506; color: #d5d5d5; } .wpdevart-benefits-of-ordering-icon-two{ fill: #e03100; } .wpdevart-benefits-of-ordering-element-three{ background: #070506; color: #d5d5d5; } .wpdevart-benefits-of-ordering-icon-three{ fill: #e03100; } .wpdevart-benefits-of-ordering-element-four{ background: #070506; color: #d5d5d5; } .wpdevart-benefits-of-ordering-icon-four{ fill: #e03100; } .wpdevart-benefits-of-ordering-content{ width: 100%; } .wpdevart-benefits-of-ordering-icon-one, .wpdevart-benefits-of-ordering-icon-two, .wpdevart-benefits-of-ordering-icon-three, .wpdevart-benefits-of-ordering-icon-four{ font-size:30px!important; } .shop-by-brand-container{ width: 1300px; margin: 0 auto; overflow: hidden; position: relative; } @media (max-width: 1300px){ .shop-by-brand-container{ width: 95%; } } .shop-by-brand-content{ display: flex; flex-wrap: wrap; justify-content: center; } .shop-by-brand-item{ display: flex; width: 185px; height: 105px; box-sizing: border-box; padding: 0 20px; align-items: center; } @media (max-width: 1350px){ .shop-by-brand-item{ width: 150px; height: 85px; } } .shop-by-brand-item img{ opacity: .5; filter: grayscale(100%); cursor: pointer; transition: ease-out 0.5s; aspect-ratio: 7 / 4; object-fit: cover; } .shop-by-brand-item img:hover{ opacity: 1; } .shop-by-category-container{ width: 1300px; margin: 0 auto; overflow: hidden; position: relative; } @media (max-width: 1350px){ .shop-by-category-container{ width: 95%; } } .shop-by-category-content{ display: flex; flex-wrap: wrap; justify-content: center; } .shop-by-category-item{ display: flex; flex-direction: column; width: 185px; box-sizing: border-box; padding: 0 20px; align-items: center; } @media (max-width: 1350px){ .shop-by-category-item{ width: 150px; } } .shop-by-category-item img{ border-radius: 50%; cursor: pointer; transition: ease-out 0.5s; aspect-ratio: 1 / 1; object-fit: cover; margin-top: 5px; } .shop-by-category-item img:hover{ box-shadow: 0 8px 8px 0px #50341c; transform: translateY(-4px); } .shop-by-category-text{ word-break: keep-all; text-align: center; } .shop-by-category-text a{ text-decoration: none; text-transform: uppercase; font-size: 15px; } @media (max-width: 1350px){ .shop-by-category-text a{ font-size: 14px; } } .shop-by-category-text a{ color: #efb33f; background: linear-gradient(90deg, #d8d8d8, #d8d8d8); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; transition: 0.5s all; } .shop-by-category-text a:hover{ color: #d8d8d8; background-size: 100% 1px; } .wpdevart-action-section-bg{ background: #2d2d3c; display: flex; flex-direction: row; justify-content: center; } .wpdevart-action-section-bg-gradient{ background: linear-gradient(to right, #2d2d3c, #2d2d3c); display: flex; flex-direction: row; justify-content: center; } .wpdevart-action-section{ word-break: keep-all; max-width:1300px; background-color: #1E1E1E; } @media (min-width: 960px){ .wpdevart-action-section{ display: flex; align-items: center; } } .wpdevart-action-image-section{ flex: 50%; line-height: 0!important; } .wpdevart-action-text-button-section{ flex: 50%; } .wpdevart-action-image-section img{ height: auto; width: 100%; } .wpdevart-action-text-content{ margin: 0 80px; } .wpdevart-action-text-content-font{ font-size: 30px; color: #efb33f; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; margin-top: 10px; } .wpdevart-action-text-content p{ font-size: 16px; color: #d5d5d5; text-align: justify; } .wpdevart-action-button-content{ width: 80%; text-align: left; margin: 0 40px; padding: 20px 60px; } @media (min-width: 960px) and (max-width: 1200px){ .wpdevart-action-text-content{ margin: 0 30px; padding-right: 10px; } .wpdevart-action-button-content{ margin: 0 50px; padding: 10px 20px; } .wpdevart-action-text-content p{ margin-bottom: 10px; } } @media (max-width: 960px){ .wpdevart-action-button-content{ margin: 20px 50px 20px; } .wpdevart-action-text-content-font{ margin-top: 25px; } } @media (min-width: 560px) and (max-width: 960px){ .wpdevart-action-text-content, .wpdevart-action-button-content{ width: 70%; } } @media (max-width: 560px){ .wpdevart-action-text-content{ width: 90%; padding: 15px; padding-top: 0px; margin: 20px 5px 0px; } .wpdevart-action-button-content{ width: 90%; padding: 15px; padding-top: 0px; margin: 0px 50px 20px; } } .wpdevart-counter-container{ margin: 0 auto; width: 100%; padding-bottom: 50px; display: table; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } @media (min-width: 1250px){ .wpdevart-counter-container{ padding: 0 15px 30px 15px; margin: 0 auto; width: 1200px; display: flex; overflow: hidden; } } .wpdevart-counter-items-col{ width: 50%; float: left; text-align: center; border: none; word-break: keep-all; } @media (max-width: 600px){ .wpdevart-counter-items-col{ width: 100%; text-align: center; border: none; } } @media (min-width: 1250px){ .wpdevart-counter-items-col{ flex: 1; display: inline-block; text-align: center; overflow: hidden; } } .wpdevart-counter-items-col-last{ border: none; } .wpdevart-counter-items-col-inner{ font-size: 32px; font-weight: 500; line-height: 1; } .wpdevart-counter-items-col-first-el{ color: #5558d9; } .wpdevart-counter-items-col-second-el{ color: #89bf43; } .wpdevart-counter-items-col-third-el{ color: #e03100; } .wpdevart-counter-items-col-fourth-el{ color: #efb33f; } .wpdevart-counter-items-col-el-p{ font-size: 18px; margin: 0; } .wpdevart-counter-items-col-first-el-p{ color: #d5d5d5; } .wpdevart-counter-items-col-second-el-p{ color: #d5d5d5; } .wpdevart-counter-items-col-third-el-p{ color: #d5d5d5; } .wpdevart-counter-items-col-fourth-el-p{ color: #d5d5d5; } .wpdevart-container-team-members{ text-align: center; width: 100%; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; background-position: center; background-attachment: fixed; } @media (max-width: 600px){ .wpdevart-team-members-home{ text-align: left; margin: 30px; } } @media (min-width: 600px){ .wpdevart-team-members-home{ display: flex; width: 1500px; text-align: left; margin: 0 auto; max-width: 100%; flex-wrap: wrap; justify-content: center; gap: 30px; } } .wpdevart-team-members-image{ border-radius: 10px; width: 320px; } @media (min-width: 1200px) and (max-width: 1500px){ .wpdevart-team-members-image{ width: 250px; } } .wpdevart-team-members-element{ display: flex; align-items: baseline; word-break: keep-all; } @media (min-width: 600px) and (max-width: 1200px){ .wpdevart-team-members-element{ width: 35%; margin: 5px; } } .wpdevart-team-members-element p{ color: #efb33e; line-height: 1.4; font-size: 20px; margin: 0; } .wpdevart-team-members-element h3{ color: #fbfbfb; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 24px; line-height: 1.2; margin-bottom: 0; } .wpdevart-team-members-content{ width: 100%; padding: 20px 0; border-radius: 20px; } .advantages-wpdevart-container{ position: relative; margin: auto; padding-left: 15px; padding-right: 15px; max-width: 1300px; word-break: keep-all; } @media (min-width: 900px){ .advantages-wpdevart-container{ display: flex; flex-direction: row; } } .advantages-wpdevart-title-text p{ text-align: justify; text-align-last: center; } .advantages-wpdevart-title-text{ align-self: self-start; } .advantages-wpdevart-items-col-left{ text-align: center; align-items: center; padding: 20px; margin: 20px 20px; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434; transition: all ease 1s; border-radius: 15px; flex: 100%} .advantages-wpdevart-items-col-left:hover{ box-shadow: 0 1px 3px #343434, 0 0 3px #343434; } @media (min-width: 900px){ .advantages-wpdevart-items-col-left{ display: flex; align-items: center; } } .advantages-wpdevart-items-col-right{ text-align: center; align-items: center; padding: 20px; margin: 20px 20px; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434; transition: all ease 1s; border-radius: 15px; flex: 100%} .advantages-wpdevart-items-col-right:hover{ box-shadow: 0 1px 3px #343434, 0 0 3px #343434; } @media (min-width: 900px){ .advantages-wpdevart-items-col-right{ display: flex; align-items: center; } } .advantages-wpdevart-items-col-left h3, .advantages-wpdevart-items-col-right h3{ font-size: 32px; line-height: 1; margin-top: 10px !important; margin-bottom: 25px !important; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; } @media (min-width: 900px) and (max-width: 1200px){ .advantages-wpdevart-items-col-left h3, .advantages-wpdevart-items-col-right h3{ font-size: 29px; } } @media (max-width: 900px){ .advantages-wpdevart-items-col-left h3, .advantages-wpdevart-items-col-right h3{ font-size: 27px; margin-top: 10px; } } .advantages-wpdevart-items-col-left p, .advantages-wpdevart-items-col-right p{ font-size: 19px; line-height: 1.6; } @media (max-width: 900px){ .advantages-wpdevart-items-col-left p, .advantages-wpdevart-items-col-right p{ font-size: 17px; margin-top: 10px; } } .advantages-wpdevart-items-el-1-icon, .advantages-wpdevart-items-el-2-icon, .advantages-wpdevart-items-el-3-icon, .advantages-wpdevart-items-el-4-icon{ font-size:35px!important; } @media (min-width: 900px){ .advantages-wpdevart-items-el-1-icon, .advantages-wpdevart-items-el-2-icon, .advantages-wpdevart-items-el-3-icon, .advantages-wpdevart-items-el-4-icon{ font-size:50px!important; } .advantages-wpdevart-icon-area{ flex: 10%; margin-right: 5px; } .advantages-wpdevart-title-text{ flex: 90%; } } .advantages-wpdevart-icon-area svg{ width: 80px; height: 80px; } @media (max-width: 900px){ .advantages-wpdevart-icon-area svg{ width: 65px; height: 65px; } } .advantages-wpdevart-items-el-1-title{ color: #5558d9; } .advantages-wpdevart-items-el-1-icon{ fill: #5558d9; } .advantages-wpdevart-items-el-1-text{ color: #d5d5d5; } .advantages-wpdevart-items-el-2-title{ color: #89bf43; } .advantages-wpdevart-items-el-2-icon{ fill: #89bf43; } .advantages-wpdevart-items-el-2-text{ color: #d5d5d5; } .advantages-wpdevart-items-el-3-title{ color: #e03100; } .advantages-wpdevart-items-el-3-icon{ fill: #e03100; } .advantages-wpdevart-items-el-3-text{ color: #d5d5d5; } .advantages-wpdevart-items-el-4-title{ color: #efb33f; } .advantages-wpdevart-items-el-4-icon{ fill: #efb33f; } .advantages-wpdevart-items-el-4-text{ color: #d5d5d5; } .wpdevart-parallax-text-button-section{ display: flex; position: relative; width: 90vw; text-align: left; align-items: flex-start; flex-direction: column; padding: 50px 0; margin-left: 10vw; bottom: 50px; left: auto; word-break: keep-all; } @media (min-width: 1300px){ .wpdevart-parallax-text-button-section{ left: 20vw; } } .wpdevart-parallax-text-content-font{ text-transform: uppercase; font-weight: 600; } @media (max-width: 680px){ .wpdevart-services-home{ text-align: center; margin: 30px; } .wpdevart-services-element-one, .wpdevart-services-element-two, .wpdevart-services-element-three, .wpdevart-services-element-four{ margin: 10px 0px; } } @media (min-width: 680px){ .wpdevart-services-home{ display: flex; width: 1300px; text-align: center; margin: 10px auto 30px auto; max-width: 100%; flex-wrap: wrap; justify-content: center; } } .wpdevart-services-home{ word-break: keep-all; } .wpdevart-services-home h3{ text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 23px; color: #fff8e2; margin-top: 2px !important; margin-bottom: 20px !important; } .wpdevart-services-element-one p, .wpdevart-services-element-two p, .wpdevart-services-element-three p, .wpdevart-services-element-four p{ text-align: justify; text-align-last: center; } @media (min-width: 680px) and (max-width: 1200px){ .wpdevart-services-element-one, .wpdevart-services-element-two, .wpdevart-services-element-three, .wpdevart-services-element-four{ width: 35%; margin: 5px; } } @media (min-width: 1200px){ .wpdevart-services-element-one, .wpdevart-services-element-two, .wpdevart-services-element-three, .wpdevart-services-element-four{ flex: 1; } } .wpdevart-services-element-one, .wpdevart-services-element-two, .wpdevart-services-element-three, .wpdevart-services-element-four{ padding: 30px; transition: all ease 0.5s; } .wpdevart-services-element-one, .wpdevart-services-element-two, .wpdevart-services-element-three, .wpdevart-services-element-four p{ font-size: 18px; } .wpdevart-services-element-one:hover, .wpdevart-services-element-two:hover, .wpdevart-services-element-three:hover, .wpdevart-services-element-four:hover{ transform: translateY(-10px); } .wpdevart-container-testimonials{ text-align: center; width: 100%; min-height: 700px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; background-position: center; background-attachment: fixed; } @media (max-width: 680px){ .wpdevart-testimonials-home{ text-align: center; margin: 30px; } } @media (min-width: 680px){ .wpdevart-testimonials-home{ display: flex; width: 1300px; text-align: center; margin: 0 auto; max-width: 100%; flex-wrap: wrap; justify-content: center; } } .wpdevart-testimonials-image{ border-radius: 50%; width: 150px; } @media (min-width: 680px) and (max-width: 1200px){ .wpdevart-testimonials-element{ width: 35%; margin: 5px; } } @media (min-width: 1200px){ .wpdevart-testimonials-element{ flex: 1; } } .wpdevart-testimonials-element{ display: flex; align-items: baseline; padding: 30px; word-break: keep-all; } .wpdevart-testimonials-element p{ color: #f0f0f0; line-height: 1.4; font-size: 16px; } .wpdevart-testimonials-element h3{ color: #efb33e; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; font-size: 20px; line-height: 1.2; } .wpdevart-testimonials-content{ width: 100%; box-shadow: 0 0 2px 0 #dbdbdb, 0 0px 15px 0 #dbdbdb; padding: 20px; border-radius: 20px; } .wpdevart-homepage-posts-section{ max-width: 1300px; margin: 0 auto; padding-bottom: 20px; } @media (min-width: 800px){ .wpdevart-homepage-post-container{ flex-wrap: wrap; display: flex; justify-content: center; } } .wpdevart-homepage-posts-content{ background: #070506; color: #d5d5d5; padding: 15px 15px; width: 350px; margin: 25px auto; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434; word-break: keep-all; transition: ease-out 0.3s; } .wpdevart-homepage-posts-content:hover{ box-shadow: 0 1px 3px #343434, 0 0 3px #343434; } @media (min-width: 800px) and (max-width: 1300px){ .wpdevart-homepage-posts-content{ width: 350px; margin: 15px 15px; padding: 15px; } } @media (max-width: 560px){ .wpdevart-homepage-posts-content{ width: 80%; margin: 20px auto; padding: 15px; max-width: 350px; } } .wpdevart-home-latest-post-date{ font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 400; color: #d5d5d5; } .wpdevart-home-latest-posts-list-title{ width: 100%; display: inline-block; text-align: center; word-break: keep-all; } .wpdevart-home-latest-posts-list-title h4{ font-size: 20px; letter-spacing: 2px; } .wpdevart-home-latest-post-title{ line-height: 1.1; margin: 20px 0 0 0; text-align: left; font-weight: 400; text-transform: uppercase; } .wpdevart-home-latest-post-title a{ text-decoration: none; color: #efb33f; } .wpdevart-home-latest-post-text{ text-align: left; font-size: 15px; font-weight: 300; } .wpdevart-home-latest-post-read-more a{ color: #d5d5d5; text-decoration: none; font-weight: 400; font-size: 11px; text-transform: uppercase; } .wpdevart-home-arrow-right{ margin-left: 3px; transition: ease-out 0.4s; fill: #d5d5d5; } .wpdevart-homepage-posts-content:hover .wpdevart-home-arrow-right{ margin-left: 7px; } .wpdevart-homepage-title-description{ max-width: 1300px; margin: 0 auto; padding: 10px 10px 20px 10px; } .wpdevart-custom-title{ display: flex; margin: 10px auto; } .wpdevart-woo-products-custom-desctiption, .wpdevart-sales-custom-desctiption, .wpdevart-shop-by-brand-custom-desctiption, .wpdevart-shop-by-category-custom-desctiption, .wpdevart-call-action-custom-desctiption, .wpdevart-latest-posts-custom-desctiption, .wpdevart-counter-custom-desctiption, .wpdevart-advantages-custom-desctiption, .wpdevart-services-custom-desctiption, .wpdevart-testimonials-custom-desctiption, .wpdevart-team-members-custom-desctiption{ text-align: center; font-size: 24px; font-weight: 400; word-break: keep-all; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 800px){ .wpdevart-woo-products-custom-desctiption, .wpdevart-sales-custom-desctiption, .wpdevart-shop-by-brand-custom-desctiption, .wpdevart-shop-by-category-custom-desctiption, .wpdevart-call-action-custom-desctiption, .wpdevart-latest-posts-custom-desctiption, .wpdevart-counter-custom-desctiption, .wpdevart-advantages-custom-desctiption, .wpdevart-services-custom-desctiption, .wpdevart-testimonials-custom-desctiption, .wpdevart-team-members-custom-desctiption{ font-size: 18px; } } .wpdevart-woo-products-custom-title-content, .wpdevart-sales-custom-title-content, .wpdevart-shop-by-brand-custom-title-content, .wpdevart-shop-by-category-custom-title-content, .wpdevart-call-action-custom-title-content, .wpdevart-latest-posts-custom-title-content, .wpdevart-counter-custom-title-content, .wpdevart-advantages-custom-title-content, .wpdevart-services-custom-title-content, .wpdevart-testimonials-custom-title-content, .wpdevart-team-members-custom-title-content{ display: inline-block; margin: 0px auto; text-align: center; font-size: 35px; word-break: keep-all; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; } @media (min-width: 560px) and (max-width: 960px){ .wpdevart-woo-products-custom-title-content, .wpdevart-sales-custom-title-content, .wpdevart-shop-by-brand-custom-title-content, .wpdevart-shop-by-category-custom-title-content, .wpdevart-call-action-custom-title-content, .wpdevart-latest-posts-custom-title-content, .wpdevart-counter-custom-title-content, .wpdevart-advantages-custom-title-content, .wpdevart-services-custom-title-content, .wpdevart-testimonials-custom-title-content, .wpdevart-team-members-custom-title-content{ font-size: 27px; } } @media (max-width: 560px){ .wpdevart-woo-products-custom-title-content, .wpdevart-sales-custom-title-content, .wpdevart-shop-by-brand-custom-title-content, .wpdevart-shop-by-category-custom-title-content, .wpdevart-call-action-custom-title-content, .wpdevart-latest-posts-custom-title-content, .wpdevart-counter-custom-title-content, .wpdevart-advantages-custom-title-content, .wpdevart-services-custom-title-content, .wpdevart-testimonials-custom-title-content, .wpdevart-team-members-custom-title-content{ font-size: 21px; } } .wpdevart-woo-products-custom-title-content:after, .wpdevart-sales-custom-title-content:after, .wpdevart-shop-by-brand-custom-title-content:after, .wpdevart-shop-by-category-custom-title-content:after, .wpdevart-call-action-custom-title-content:after, .wpdevart-latest-posts-custom-title-content:after, .wpdevart-counter-custom-title-content:after, .wpdevart-advantages-custom-title-content:after, .wpdevart-services-custom-title-content:after, .wpdevart-testimonials-custom-title-content:after, .wpdevart-team-members-custom-title-content:after{ content:''; display:block; width:50%; height:1px; margin:0 auto; margin-top:5px; } .wpdevart-woo-products-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-woo-products-custom-desctiption{ color: #d5d5d5; } .wpdevart-woo-products-custom-title-content{ color: #f5f5f5; } .wpdevart-woo-products-custom-title-content:after{ background:#433e37; } .wpdevart-sales-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-sales-custom-desctiption{ color: #d5d5d5; } .wpdevart-sales-custom-title-content{ color: #f5f5f5; } .wpdevart-sales-custom-title-content:after{ background:#433e37; } .wpdevart-benefits-of-ordering-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-shop-by-brand-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-shop-by-brand-custom-desctiption{ color: #d5d5d5; } .wpdevart-shop-by-brand-custom-title-content{ color: #f5f5f5; } .wpdevart-shop-by-brand-custom-title-content:after{ background:#433e37; } .wpdevart-shop-by-category-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-shop-by-category-custom-desctiption{ color: #d5d5d5; } .wpdevart-shop-by-category-custom-title-content{ color: #f5f5f5; } .wpdevart-shop-by-category-custom-title-content:after{ background:#433e37; } .wpdevart-call-action-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-call-action-custom-desctiption{ color: #d5d5d5; } .wpdevart-call-action-custom-title-content{ color: #f5f5f5; } .wpdevart-call-action-custom-title-content:after{ background:#433e37; } .wpdevart-latest-posts-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-latest-posts-custom-desctiption{ color: #d5d5d5; } .wpdevart-latest-posts-custom-title-content{ color: #f5f5f5; } .wpdevart-latest-posts-custom-title-content:after{ background:#433e37; } .wpdevart-counter-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-counter-custom-desctiption{ color: #d5d5d5; } .wpdevart-counter-custom-title-content{ color: #f5f5f5; } .wpdevart-counter-custom-title-content:after{ background:#433e37; } .wpdevart-advantages-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-advantages-custom-desctiption{ color: #d5d5d5; } .wpdevart-advantages-custom-title-content{ color: #f5f5f5; } .wpdevart-advantages-custom-title-content:after{ background:#433e37; } .wpdevart-services-section-container{ background: #070506; padding: 70px 0px; } .wpdevart-services-custom-desctiption{ color: #d5d5d5; } .wpdevart-services-custom-title-content{ color: #f5f5f5; } .wpdevart-services-custom-title-content:after{ background:#433e37; } .wpdevart-testimonials-custom-desctiption{ color: #c3c3c3; } .wpdevart-testimonials-custom-title-content{ color: #fbfbfb; } .wpdevart-testimonials-custom-title-content:after{ background:#848484; } .wpdevart-team-members-custom-desctiption{ color: #c3c3c3; } .wpdevart-team-members-custom-title-content{ color: #fbfbfb; } .wpdevart-team-members-custom-title-content:after{ background:#848484; } .wpdevart-not-found-page-content{ padding: 30px 0; background: #ffffff; } .wpdevart-not-found-page-image-container{ display: flex; margin: 0 auto; align-items: center; justify-content: center; max-width: 70%; } @media (min-width: 960px){ .wpdevart-not-found-page-image-container{ max-width: 40%; } } .wpdevart-not-found-page-image{ background-size: cover; background-position: center; } @media (min-width: 1300px){ .wpdevart-not-found-content-elements{ max-width: 60%!important; } } .wpdevart-not-found-content-elements{ margin: 0 auto; margin-top: 30px; max-width: 80%; word-break: keep-all; text-align: center; } .wpdevart-not-found-titile{ color: #efb33f; font-size: 50px; font-weight: 500; margin: 0!important; padding: 0px 10px; text-align: center; } .wpdevart-not-found-desc{ font-size: 20px; padding: 0px 10px; text-align: center; line-height: 1.3; margin: 0px!important; color: #d5d5d5!important; } .wpdevart-search-overlay{ overflow-y: auto; overflow-x: hidden; background-color: #000000dd; z-index: 134; position: fixed; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0.3s, transform 0.3s, visibility 0.3s; box-sizing: border-box; visibility: hidden; opacity: 0; transform: scale(1); } .wpdevart-search-overlay-show-on-click{ visibility: visible!important; opacity: 1!important; transform: scale(1.1)!important; } .wpdevart-search-overlay-layout{ margin: 0 auto; display: flex; justify-content: center; align-items: center; height: 100%; } .wpdevart-search-container{ max-width: 1300px; text-align: center; padding: 30px 0; } .wpdevart-search-overlay-icon{ text-align: center; fill: #d3d3d3; } .wpdevart-search-overlay-icon-margin{ margin-bottom: -4px; } .wpdevart-search-container label{ padding: 15px; border: 1px solid #433e37; background-color:#00000099; } .search-term{ width: 70%; box-sizing: border-box; border: none; margin: 0 auto; background-color: transparent; font-size: 16px; font-weight: 300; outline: none; color: #d3d3d3; line-height: 2; } @media (min-width: 960px){ .search-term{ font-size: 25px; } } .search-term input{ padding-left: 5px; } .search-term input::placeholder{ color: #d3d3d3; } .search-overlay-submit-button{ cursor: pointer; background: transparent; border: none; } .search-overlay-close-button, .search-overlay-close-wide-button{ cursor: pointer; background: transparent; border: none; position: absolute; right: 10%; top: 10%; } @media (max-width: 960px){ .search-overlay-close-button, .search-overlay-close-wide-button{ width: 10%; } } .search-overlay-close-button:hover, .search-overlay-close-button:focus, .search-overlay-close-wide-button:hover, .search-overlay-close-wide-button:focus{ opacity: 0.7; } .search-overlay-close-icon{ fill: #ffffff; } .search-overlay-fs{ font-size: 14px; } .wpdevart-search-page-subtitle{ font-weight: bold; color: #000000; font-size: 32px; line-height: 1; word-break: keep-all; width: 100%; text-align: center; } .wpdevart-search-sbtxt{ color: #5a5757; height: 35px; width: 200px; margin-right: 3px; font-size: 17px; } .widget_search .wpdevart-search-sbtxt{ width: 100%; } .perform-new-search{ width: 100%; text-align: center; } @media (min-width: 960px){ .perform-new-search{ display: flex; align-items: center; justify-content: center; } } .perform-new-search-text{ font-weight: bold; color: #d5d5d5; font-size: 26px; } @media (max-width: 960px){ .wpdevart-search-page-form{ margin-top: 30px; } } @media (min-width: 960px){ .wpdevart-search-page-form{ margin-left: 10px; } } .wpdevart-search-form{ display: inline-flex; align-items: center; } .wpdevart-sidebar-container-inside .wpdevart-search-form{ width: 100%; } .footer-one-pre, .footer-two-pre, .footer-three-pre, .footer-four-pre, .footer-five-pre{ height: 100px; background: #070506; background-position: bottom; background-repeat: no-repeat; background-size: contain; } @media (min-width: 1920px){ .footer-one-pre, .footer-two-pre, .footer-three-pre, .footer-four-pre, .footer-five-pre{ background-size: cover; } } .footer-one-pre{ background-image: url(images/footer-style1.png)!important; } .footer-two-pre{ background-image: url(images/footer-style2.png)!important; } .footer-three-pre{ background-image: url(images/footer-style3.png)!important; } .footer-four-pre{ background-image: url(images/footer-style4.png)!important; } .footer-five-pre{ background-image: url(images/footer-style5.png)!important; } .wpdevart-footer-one{ background: linear-gradient(to right, #1e1e1e, #1e1e1e); } .wpdevart-footer-two{ background: linear-gradient(to right, #f9f8ff, #dedafa); } .wpdevart-footer-three{ background: #232524; } .wpdevart-footer-four{ background: #fffef9; } .wpdevart-footer-five{ background: linear-gradient(to right, #01093a, #2d0b00); } .wpdevart-footer-one a, .wpdevart-footer-two a, .wpdevart-footer-three a, .wpdevart-footer-four a, .wpdevart-footer-five a{ text-decoration: none; font-size: 17px; transition: 0.5s all; background-position: 50% 100%; } .wpdevart-footer-one a:not(.wp-block-button__link, .comment-reply-link){ color: #e7e7e7; background: linear-gradient(90deg, #efb33f, #efb33f); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-one a:hover:not(.wp-block-button__link, .comment-reply-link){ color: #efb33f; background-size: 100% 1px; } .wpdevart-footer-two a:not(.wp-block-button__link, .comment-reply-link){ color: #7a5bfb; background: linear-gradient(90deg, #8224e3, #8224e3); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-two a:hover:not(.wp-block-button__link, .comment-reply-link){ color: #8224e3; background-size: 100% 1px; } .wpdevart-footer-three a:not(.wp-block-button__link, .comment-reply-link){ color: #ffffff; background: linear-gradient(90deg, #efb33f, #efb33f); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-three a:hover:not(.wp-block-button__link, .comment-reply-link){ color: #efb33f; background-size: 100% 1px; } .wpdevart-footer-four a:not(.wp-block-button__link, .comment-reply-link){ color: #ff6200; background: linear-gradient(90deg, #8b3703, #8b3703); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-four a:hover:not(.wp-block-button__link, .comment-reply-link){ color: #8b3703; background-size: 100% 1px; } .wpdevart-footer-five a:not(.wp-block-button__link, .comment-reply-link){ color: #dedfdf; background: linear-gradient(90deg, #f3b9b9, #f3b9b9); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-five a:hover:not(.wp-block-button__link, .comment-reply-link){ color: #f3b9b9; background-size: 100% 1px; } .wpdevart-footer-one p a:not(.wp-block-button__link, .tag-cloud-link){ color: #e7e7e7; background: linear-gradient(90deg, #e7e7e7, #e7e7e7); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-one p a:hover:not(.wp-block-button__link){ color: #efb33f; background-size: 0 1px; } .wpdevart-footer-two p a:not(.wp-block-button__link, .tag-cloud-link){ color: #7a5bfb; background: linear-gradient(90deg, #7a5bfb, #7a5bfb); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-two p a:hover:not(.wp-block-button__link){ color: #8224e3; background-size: 0 1px; } .wpdevart-footer-three p a:not(.wp-block-button__link, .tag-cloud-link){ color: #ffffff; background: linear-gradient(90deg, #ffffff, #ffffff); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-three p a:hover:not(.wp-block-button__link){ color: #efb33f; background-size: 0 1px; } .wpdevart-footer-four p a:not(.wp-block-button__link, .tag-cloud-link){ color: #ff6200; background: linear-gradient(90deg, #ff6200, #ff6200); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-four p a:hover:not(.wp-block-button__link){ color: #8b3703; background-size: 0 1px; } .wpdevart-footer-five p a:not(.wp-block-button__link, .tag-cloud-link){ color: #dedfdf; background: linear-gradient(90deg, #dedfdf, #dedfdf); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; } .wpdevart-footer-five p a:hover:not(.wp-block-button__link){ color: #f3b9b9; background-size: 0 1px; } .wpdevart-footer-one .tag-cloud-link, .wpdevart-footer-two .tag-cloud-link, .wpdevart-footer-three .tag-cloud-link, .wpdevart-footer-four .tag-cloud-link, .wpdevart-footer-five .tag-cloud-link{ display: inline-block; vertical-align: middle; position: relative; font-weight: 500; text-decoration: none!important; font-size: 13px!important; margin: 0 5px 10px 0; padding: 5px 10px; text-transform: uppercase; } .wpdevart-footer-one .tag-cloud-link{ color: #e7e7e7; border: 1px solid #e7e7e7; } .wpdevart-footer-one .tag-cloud-link:hover{ color: #efb33f; border: 1px solid #efb33f; } .wpdevart-footer-two .tag-cloud-link{ color: #7a5bfb; border: 1px solid #7a5bfb; } .wpdevart-footer-two .tag-cloud-link:hover{ color: #8224e3; border: 1px solid #8224e3; } .wpdevart-footer-three .tag-cloud-link{ color: #ffffff; border: 1px solid #ffffff; } .wpdevart-footer-three .tag-cloud-link:hover{ color: #efb33f; border: 1px solid #efb33f; } .wpdevart-footer-four .tag-cloud-link{ color: #ff6200; border: 1px solid #ff6200; } .wpdevart-footer-four .tag-cloud-link:hover{ color: #8b3703; border: 1px solid #8b3703; } .wpdevart-footer-five .tag-cloud-link{ color: #dedfdf; border: 1px solid #dedfdf; } .wpdevart-footer-five .tag-cloud-link:hover{ color: #f3b9b9; border: 1px solid #f3b9b9; } .wpdevart-footer-one p, .wpdevart-footer-two p, .wpdevart-footer-three p, .wpdevart-footer-four p, .wpdevart-footer-five p{ font-size: 17px; } .wpdevart-footer-one p, .wpdevart-footer-one li, .wpdevart-footer-one .wp-block-search__input{ color:#d5d5d5; } .wpdevart-footer-two p, .wpdevart-footer-two li, .wpdevart-footer-two .wp-block-search__input, .wpdevart-footer-four li, .wpdevart-footer-four p, .wpdevart-footer-four .wp-block-search__input{ color:#000000; } .wpdevart-footer-three p, .wpdevart-footer-three li, .wpdevart-footer-three .wp-block-search__input{ color:#d8dad9; } .wpdevart-footer-five p, .wpdevart-footer-five li, .wpdevart-footer-five .wp-block-search__input{ color:#dedfdf; } .wpdevart-footer-one h1, .wpdevart-footer-one h2, .wpdevart-footer-one h3, .wpdevart-footer-one h4, .wpdevart-footer-one h5, .wpdevart-footer-one h6{ color: #efb33f; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wpdevart-footer-two h1, .wpdevart-footer-two h2, .wpdevart-footer-two h3, .wpdevart-footer-two h4, .wpdevart-footer-two h5, .wpdevart-footer-two h6{ color: #5863a8; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wpdevart-footer-three h1, .wpdevart-footer-three h2, .wpdevart-footer-three h3, .wpdevart-footer-three h4, .wpdevart-footer-three h5, .wpdevart-footer-three h6{ color: #efb33f; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wpdevart-footer-four h1, .wpdevart-footer-four h2, .wpdevart-footer-four h3, .wpdevart-footer-four h4, .wpdevart-footer-four h5, .wpdevart-footer-four h6{ color: #111111; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wpdevart-footer-five h1, .wpdevart-footer-five h2, .wpdevart-footer-five h3, .wpdevart-footer-five h4, .wpdevart-footer-five h5, .wpdevart-footer-five h6{ color: #ffffff; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .wpdevart-footer-one h1, .wpdevart-footer-two h1, .wpdevart-footer-three h1, .wpdevart-footer-four h1, .wpdevart-footer-five h1{ font-size: 28px; } .wpdevart-footer-one h2, .wpdevart-footer-two h2, .wpdevart-footer-three h2, .wpdevart-footer-four h2, .wpdevart-footer-five h2{ font-size: 26px; } .wpdevart-footer-one h3, .wpdevart-footer-two h3, .wpdevart-footer-three h3, .wpdevart-footer-four h3, .wpdevart-footer-five h3{ font-size: 24px; } .wpdevart-footer-one h4, .wpdevart-footer-two h4, .wpdevart-footer-three h4, .wpdevart-footer-four h4, .wpdevart-footer-five h4{ font-size: 23px; } .wpdevart-footer-one h5, .wpdevart-footer-two h5, .wpdevart-footer-three h5, .wpdevart-footer-four h5, .wpdevart-footer-five h5{ font-size: 22px; } .wpdevart-footer-one h6, .wpdevart-footer-two h6, .wpdevart-footer-three h6, .wpdevart-footer-four h6, .wpdevart-footer-five h6{ font-size: 21px; } .wpdevart-footer-one ul.sub-menu, .wpdevart-footer-two ul.sub-menu, .wpdevart-footer-three ul.sub-menu, .wpdevart-footer-four ul.sub-menu, .wpdevart-footer-five ul.sub-menu{ margin: 0; } .wpdevart-footer-container{ max-width: 1300px; margin: 0 auto; padding: 16px; position: relative; } .wpdevart-footer-container:before, .wpdevart-footer-container:after{ content: " "; display: table; } .wpdevart-footer-container:after{ clear: both; } .wpdevart-footer-container .widget_media_image:first-of-type{ padding-top: 25px; } .site-footer__col-one{ float: left; } @media (min-width: 960px){ .site-footer__col-one{ width: 40%; } } .site-footer__col-one li, .site-footer__col-two li, .site-footer__col-three li, .site-footer__col-two-layout-two li, .site-footer__col-three-layout-two li, .wpdevart-footer-col-layout-four li{ list-style: none; } .site-footer__col-one ul, .site-footer__col-two ul, .site-footer__col-three ul, .site-footer__col-two-layout-two ul, .site-footer__col-three-layout-two ul, .wpdevart-footer-col-layout-four ul{ padding: 0!important; } .wpdevart-widgets-inner{ padding: 10px; word-break: keep-all; } .site-footer__col-two-three-group{ margin: 0 auto; } @media (min-width: 960px){ .site-footer__col-two-three-group{ float: left; width: 60%; } } .site-footer__col-two, .site-footer__col-three{ width: 50%; float: left; } .site-footer__col-two-layout-two, .site-footer__col-three-layout-two{ width: 100%; } @media (min-width: 960px){ .site-footer__col-two-layout-two, .site-footer__col-three-layout-two{ width: 30%; float: left; } } .site-footer-four-widgets-group{ margin: 0 auto; display: relative; width: 100%; } @media (min-width: 1100px){ .site-footer-four-widgets-group{ width: 50%; float: left; } } @media (min-width: 600px){ .site-footer-four-widgets-group{ display: flex; } } .wpdevart-footer-col-layout-four{ width: 100%; } .site-footer-five-widgets-group{ margin: 0 auto; display: relative; width: 100%; display: flex; justify-content: space-between; } @media (max-width: 960px){ .site-footer-five-widgets-group{ flex-wrap: wrap; } } .site-footer_five_col-one{ width: 30%; } .site-footer_five_col-two{ width: 20%; } .site-footer_five_col-three{ width: 20%; } .site-footer_five_col-four{ width: 30%; } @media (max-width: 960px) and (min-width: 650px){ .site-footer_five_col-one{ width: 60%; } .site-footer_five_col-two{ width: 40%; } .site-footer_five_col-three{ width: 40%; } .site-footer_five_col-four{ width: 60%; } } @media (max-width: 650px){ .site-footer_five_col-one, .site-footer_five_col-two, .site-footer_five_col-three, .site-footer_five_col-four{ width: 100%; } } .site-footer-six-widgets-group{ margin: 0 auto; display: relative; width: 100%; display: flex; justify-content: space-between; } @media (max-width: 1200px){ .site-footer-six-widgets-group{ flex-wrap: wrap; } } .site-footer_six_col-one{ width: 27%; } .site-footer_six_col-two{ width: 17%; } .site-footer_six_col-three{ width: 17%; } .site-footer_six_col-four{ width: 17%; } .site-footer_six_col-five{ width: 22%; } @media (max-width: 1200px) and (min-width: 891px){ .site-footer_six_col-one{ width: 50%; } .site-footer_six_col-two{ width: 25%; } .site-footer_six_col-three{ width: 25%; } .site-footer_six_col-four{ width: 40%; } .site-footer_six_col-five{ width: 60%; } } @media (max-width: 891px) and (min-width: 650px){ .site-footer_six_col-one{ width: 65%; } .site-footer_six_col-two{ width: 35%; } .site-footer_six_col-three{ width: 50%; } .site-footer_six_col-four{ width: 50%; } .site-footer_six_col-five{ width: 100%; } } @media (max-width: 650px){ .site-footer_six_col-one, .site-footer_six_col-two, .site-footer_six_col-three, .site-footer_six_col-four, .site-footer_six_col-five{ width: 100%; } } .wpdevart-footer-copyright-text p{ padding: 0 10px; } @media (min-width: 500px){ .wpdevart-footer-copyright-image{ padding: 0 10px; } } @media (min-width: 800px){ .wpdevart-footer-copyright-image{ min-width: 30%; text-align: right; } } @media (min-width: 800px){ .wpdevart-footer-copyright-text{ display: flex; align-items: center; justify-content: space-between; } } @media (max-width: 800px){ .wpdevart-footer-copyright-text, .wpdevart-footer-copyright-image{ text-align: center; } } .wpdevart-footer-copyright-text p, .wpdevart-footer-copyright-text a{ font-size: 14px; } .wpdevart-footer-copyright-text{ padding: 10px 0; word-break: keep-all; max-width: 1300px; margin: 0 auto; } .wpdevart-footer-copyright-only-text p{ padding: 0 10px; } @media (min-width: 800px){ .wpdevart-footer-copyright-only-text{ display: flex; align-items: center; justify-content: center; } } @media (max-width: 800px){ .wpdevart-footer-copyright-only-text{ text-align: center; } } .wpdevart-footer-copyright-only-text p, .wpdevart-footer-copyright-only-text a{ font-size: 14px; } .wpdevart-footer-copyright-only-text{ padding: 10px 0; word-break: keep-all; max-width: 1300px; margin: 0 auto; } .wpdevart-footer-three .widget_recent_comments, .wpdevart-footer-five .widget_recent_comments{ color:#ffffff; } .wpdevart-footer-one .widget_recent_comments{ color:#d5d5d5; } .wpdevart-footer-one .wp-block-table{ color:#d5d5d5; } .wpdevart-footer-one .wp-block-search__label{ color: #d5d5d5; } .wpdevart-footer-one .wp-block-calendar caption{ color: #d5d5d5; } .wpdevart-footer-one .wp-block-calendar td{ color: #d5d5d5; } .wpdevart-footer-one .wp-block-details{ color: #ffffff; } .wpdevart-footer-one .wp-block-quote{ color: #efb33f; } .wpdevart-footer-one .wp-block-pullquote{ color: #efb33f; } #wpdevart-back-to-top-button{ display: inline-block; background: #e03100; width: 50px; height: 47px; text-align: center; border-radius: 4px; position: fixed; bottom: 30px; right: 30px; transition: 0.5s all; opacity: 0; visibility: hidden; z-index: 1000; align-content: center; } #wpdevart-back-to-top-button svg{ fill: #FFF8E2; width:2em; height:2em; } #wpdevart-back-to-top-button svg:hover{ fill: #e03100; } #wpdevart-back-to-top-button:hover{ cursor: pointer; border: 3px solid #e03100; background: transparent; } #wpdevart-back-to-top-button:hover + #wpdevart-back-to-top-button svg{ fill: #e03100; } #wpdevart-back-to-top-button.show{ opacity: 1; visibility: visible; transition: 0.5s all; } .alignnone{ margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter{ display: block; margin: 5px auto 5px auto; } .alignright{ float:right; margin: 5px 0 20px 20px; } .alignleft{ float: left; margin: 5px 20px 20px 0; } a img.alignright{ float: right; margin: 5px 0 20px 20px; } a img.alignnone{ margin: 5px 20px 20px 0; } a img.alignleft{ float: left; margin: 5px 20px 20px 0; } a img.aligncenter{ display: block; margin-left: auto; margin-right: auto; } .wp-caption{ background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone{ margin: 5px 20px 20px 0; } .wp-caption.alignleft{ margin: 5px 20px 20px 0; } .wp-caption.alignright{ margin: 5px 0 20px 20px; } .wp-caption img{ border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text{ font-size: 13px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-caption{ background: #2d2d3c; border: 1px solid #2d2d3c; } .wp-block-file a{ color: #d5d5d5; } .blocks-gallery-caption{ color: #d5d5d5; } .wp-block-video figcaption{ color: #d5d5d5; } .wp-block-table :where(figcaption){ color: #d5d5d5; } .wp-block-image :where(figcaption){ color: #d5d5d5; } .wp-block-image figcaption a{ font-size: 13px!important; } .screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus{ background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .wpdevart-primary-button{ color: #fffcfc; padding: 7px 12px; display: inline-block; border-radius: 5px; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; cursor: pointer; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; transition: ease-out 0.5s; box-shadow: inset 0 0 0 0 #e03100; background: #e03100; border: 1px solid #e03100; } .wpdevart-primary-button:hover, .wpdevart-primary-button:focus{ box-shadow: inset 400px 0 0 0 #070506; color: #e03100; border: 1px solid #e03100; } ol.wp-block-latest-comments{ padding: 0; } .wp-block-latest-comments__comment{ margin-bottom:0; } .wp-block-search__button{ color: #fffcfc; padding: 10px 20px; display: inline-block; border-radius: 2px; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; cursor: pointer; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; transition: ease-out 0.5s; box-shadow: inset 0 0 0 0 #e03100; background: #e03100; border: 1px solid #e03100; } @media (max-width: 1200px){ .wp-block-search__button{ padding: 4px 7px; font-size: 14px; } } .wp-block-search__button:hover, .wp-block-search__button:focus{ box-shadow: inset 400px 0 0 0 #070506; color: #e03100; border: 1px solid #e03100; } #submit:not(.wpdevart-woocommerce #review_form #respond .form-submit input){ color: #fffcfc; padding: 10px 20px; display: inline-block; border-radius: 2px; font-size: 14px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; cursor: pointer; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; transition: ease-out 0.5s; box-shadow: inset 0 0 0 0 #e03100; background: #e03100; border: 1px solid #e03100; } #submit:hover:not(.wpdevart-woocommerce #review_form #respond .form-submit input), #submit:focus:not(.wpdevart-woocommerce #review_form #respond .form-submit input){ box-shadow: inset 400px 0 0 0 #070506; background: #070506; color: #e03100; border: 1px solid #e03100; } .sidebar-widget-area .wp-block-archives, .wpdevart-footer-container .wp-block-archives{ list-style: none; margin: 0; padding: 0; } .sidebar-widget-area .widget_archive, .wpdevart-footer-container .widget_archive{ list-style: none; margin: 0; } .sidebar-widget-area .widget_nav_menu ul, .wpdevart-footer-container .widget_nav_menu ul{ list-style: none; margin: 0; padding: 0; } .sidebar-widget-area .wp-block-categories, .wpdevart-footer-container .wp-block-categories{ list-style: none; margin: 0; padding: 0; } @media (min-width: 960px){ .comment-list{ max-width: 1000px; } } ol.comment-list{ list-style: none; padding: 0; margin: 0 auto!important; } ol.comment-list .children{ list-style: none; } @media (min-width: 600px) and (max-width:800px){ ol.comment-list .children{ padding-left: 20px; } } @media (max-width: 600px){ ol.comment-list .children{ padding-left: 10px; } } .comment-author{ font-size: 14px; } @media (min-width: 400px){ .comment-author{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; overflow: hidden; font-size: 15px; } } .comment-author img{ display: block; width: 50px; height: 50px; border-radius: 50%; margin-right: 20px; } .comment-author .says{ margin-left: 7px; } .comment-body{ border: 1px solid #433e37; margin: 15px 0; padding: 30px 20px; background: #070506; border-radius: 2px; box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434 !important; } .comment-body, .comment-body p, .comment-body li, .comment-body ol{ color: #d5d5d5; } .comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6{ color: #efb33f; } .comment-body a:not(.reply a, .comment-reply-link, .comment-author a, .comment-body .comment-meta a){ color: #efb33f; background: linear-gradient(90deg, #efb33f, #efb33f); background-repeat: no-repeat; background-position: 50% 100%; background-size: 100% 1px; transition: 0.5s all; text-decoration: none; } .comment-body a:hover:not(.reply a, .comment-reply-link, .comment-author a, .comment-body .comment-meta a){ color: #ffffff; background-size: 0 1px; } .comment-reply-link{ -webkit-transition: ease-out 0.7s; -moz-transition: ease-out 0.7s; transition: ease-out 0.7s; box-shadow: inset 0 0 0 0 #070506; background: #070506; border: 1px solid #efb33f; } .reply a{ color: #efb33f; } .comment-reply-link{ padding: 10px 20px; border-radius: 2px; } .comment-reply-link:hover{ box-shadow: inset 400px 0 0 0 #070506; border: 1px solid #e03100; } .reply a:hover{ color: #e03100; } .comment-body .reply{ text-align: right; font-size: 14px; padding-top: 15px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; } .comment-body .reply a:hover{ text-decoration: none!important; } .comment-body .comment-meta{ padding: 10px 0 5px 0; font-size: 15px; } .comment-body a{ text-decoration: none; } .comment-body a:hover{ text-decoration: underline; } .comment-reply-title a{ text-decoration: none; } .comment-reply-title a:hover{ text-decoration: underline; } .widget-title h3{ font-size: 50px; } .widget_search{ margin: 10px 0; } .comment-author a{ border: 1px solid #efb33f; padding: 2px 10px; text-transform: uppercase; font-size: 15px!important; font-style: normal; } .comment-body .comment-meta a{ border: 1px solid #efb33f; padding: 2px 10px; text-transform: uppercase; font-size: 13px!important; } .comment-author a:hover, .comment-body .comment-meta a:hover{ text-decoration: none; border: 1px solid #ffffff; } .wp-block-comment-reply-link a{ color: #efb33f; text-decoration: none; text-transform: uppercase; font-size: 14px!important; font-weight: 500; letter-spacing: 1px; } .wp-block-comment-reply-link a:hover{ color: #ffffff; }