body {
font-family: 'Poppins', sans-serif;
font-size: 0.875rem;
}
section.cww-main-banner {
background: rgba(108, 85, 224, 0.1);
height: 87vh;
}
.cww-contact-section {
background: rgba(108, 85, 224, 0.1);
}
.cww-portfolio-section {
background: rgba(108, 85, 224, 0.1);
}
section.cww-main-banner .animated-bg {
background: #54CFD4;
}
.count-item-wrapp {
border-color: #54CFD4;
background-color: rgba(108, 85, 224, 0.1);
}
.icon-wrapp svg {
height: 650px;
width: 650px;
}
section.cww-main-banner .container {
display: block;
} section.cww-main-banner .container {
padding: 0;
justify-content: space-between;
}
.shape-wrapper svg {
width: 640px;
will-change: border-radius, transform, opacity;
animation: bganimeUltimate 5s linear infinite;
display: block;
-webkit-animation: bganimeUltimate 5s linear infinite;
}
.shape-wrapper svg path {
fill: var(--theme-color);
}
.svg-image-main {
width: 130px;
}
.header-cta-wrapp a,
.cww-main-banner .btn-primary a,
.cww-cta-section .btn-wrapper a,
.error-404 .button-wrapp a {
-webkit-box-shadow: 0px 8px 5px 0px rgb(0 0 0 / 10%);
box-shadow: 0px 8px 5px 0px rgb(0 0 0 / 10%);
} header.site-header {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 255px;
height: 100vh;
transition: all ease-in-out 0.5s;
z-index: 9997;
transition: all 0.5s;
padding: 0 30px;
background: #040b14;
overflow-y: auto;
overflow-x: hidden;
}
.site-branding a,
p.site-title,
p.site-description {
color: #fff;
}
.main-navigation a {
color: #a8a9b4;
margin-bottom: 15px;
}
.main-navigation a:hover {
color: #fff;
}
.cww-nav-container ul li {
display: block;
text-align: left;
}
.menu-wrapp {
margin-top: 25px;
}
.admin-bar .site-branding {
margin-top: 50px;
}
.site-branding {
text-align: center;
margin-top: 20px;
}
.social-icon-wrapp {
margin-top: 20px;
text-align: center;
}
header.site-header .social-icon-wrapp a {
color: #fff;
display: inline-block;
background: #333;
text-decoration: none;
border-radius: 50%;
vertical-align: middle;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
margin-right: 5px;
}
.main-navigation .menu-item i._mi {
padding-right: 5px;
}
.site-info {
text-align: center;
} .elementor-image-gallery .gallery-item {
max-width: 100% !important;
} .cww-contact-form form input,
.cww-contact-form form textarea {
border: 0;
border-bottom: 1px solid #b0b0b0;
border-radius: 0;
font-size: 14px;
padding-left: 0;
}
.cww-contact-form form textarea {
height: 60PX;
}
.cww-contact-form form input.wpcf7-submit {
width: 100%;
text-transform: uppercase;
font-size: 16px;
}
.site-branding a.custom-logo-link {
margin-bottom: 15px;
}
.site-branding a.custom-logo-link img {
border-radius: 50%;
border: 4px solid var(--theme-color);
object-fit: cover;
height: 130px;
width: 130px;
}
.cww-nav-container {
padding: 0 15px;
}
.main-navigation ul ul {
background: #353535;
padding: 10px 15px;
}
.cww-main-nav ul li {
display: block;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
top: 28px;
left: 45px;
background: #25232d;
}
.cww-site-content {
margin-left: 255px;
}button#mob-toggle-menu-button {
display: none;
}
@media only screen and (max-width: 1366px) {
section.cww-main-banner .container {
padding-top: 165px;
}
}
@media only screen and (max-width: 1024px) {
.container {
padding: 0 20px;
}
section.cww-main-banner .content-wrapp h2 {
font-size: 66px
}
section.cww-main-banner .bottom-style {
bottom: -75px;
right: -138px;
}
section.cww-main-banner .bottom-style svg {
height: 260px;
width: 260px;
}
section.cww-main-banner .social-icon-wrapp {
left: 25px;
}
section.cww-main-banner .animated-bg {
left: 90px;
width: 40%;
height: 55%
}
.cww-about-section .container {
gap: 85px;
}
.counter-wrapp.cww-flex {
gap: 5%;
}
.count-item-wrapp {
flex: 1 1 45%;
}
.cww-contact-section .contact-wrapp.cww-flex .address-wrap {
margin-left: 3%;
}
}
@media only screen and (max-width: 768px) {
div#cww-site-content .cww-archive-container.sidebar-right,
div#cww-site-content .cww-single-container.sidebar-right {
display: block;
}
div#cww-site-content .cww-single-container.sidebar-right div#primary,
div#cww-site-content .cww-single-container.sidebar-left div#primary,
div#cww-site-content .cww-archive-container.sidebar-right div#primary,
div#cww-site-content .cww-archive-container.sidebar-left div#primary {
width: 100%;
}
aside.widget-area.secondary.sidebar-right,
aside.widget-area.secondary.sidebar-left,
div#cww-site-content .cww-single-container.sidebar-right aside.widget-area.secondary.sidebar-right,
div#cww-site-content .cww-single-container.sidebar-left aside.widget-area.secondary.sidebar-right,
div#cww-site-content .cww-archive-container.sidebar-right aside.widget-area.secondary.sidebar-right,
div#cww-site-content .cww-archive-container.sidebar-left aside.widget-area.secondary.sidebar-right {
width: 100%;
}
header.site-header {
position: relative;
} button#mob-toggle-menu-button {
display: block;
}
.button.is-text {
background-color: transparent;
border: 0;
}
.button-inner-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
#mob-toggle-menu-button {
width: 48px;
height: 48px;
background-color: var(--color-night-dark);
transition: background-color 2s ease;
} .icon {
line-height: 0;
}
.menu-icon {
text-align: right;
width: 27px;
}
.menu-icon::after,
.menu-icon::before {
background-color: #ffffff;
content: "";
display: inline-block;
height: 3px;
width: 27px;
margin: 3px 0;
transition-duration: 0.5s;
}
.menu-icon::before {
width: 27px;
}
.menu-icon::after {
width: 18px;
}
#mob-toggle-menu-button:hover .menu-icon::before {
width: 18px;
transition-duration: 0.5s;
}
#mob-toggle-menu-button:hover .menu-icon::after {
width: 27px;
transition-duration: 0.5s;
}
#mob-toggle-menu-button.is-opened {
background-color: var(--theme-color)
}
#mob-toggle-menu-button.is-opened .menu-icon::before {
transform: rotateZ(135deg) translate(3px, -3px);
width: 27px;
}
#mob-toggle-menu-button.is-opened .menu-icon::after {
transform: rotateZ(-135deg) translate(3px, 3px);
width: 27px;
} .cww-menu-outer-wrapp {
top: -1500px;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.main-navigation {
width: 100%;
}
.main-navigation a {
padding: 20px 19px;
}
header.site-header.is-opened .cww-menu-outer-wrapp {
visibility: visible;
opacity: 1;
}
.cww-menu-outer-wrapp.cww-flex {
position: absolute;
top: 120px;
right: 0;
background: #fff !important;
height: auto;
width: 100%;
height: 100vh;
z-index: 9;
padding: 5px 20px;
display: block;
transition: all 0.3s;
}
.cww-nav-container ul li {
display: block;
border-bottom: 1px solid #f1f1f1;
text-align: left;
} section.cww-main-banner .container {
justify-content: center;
}
section.cww-main-banner .content-wrapp {
flex: 1 1 59%;
background: rgb(255 255 255 / 68%);
z-index: 1;
padding: 48px 137px;
}
section.cww-main-banner {
height: 70vh;
}
section.cww-main-banner .bottom-style {
bottom: -145px !important;
}
section.cww-main-banner .button-wrapp {
margin-top: 20px;
}
section.cww-main-banner .img-wrapp {
width: auto;
height: auto;
display: inline-block;
}
section.cww-main-banner .content-wrapp h2 {
font-size: 45px;
}
section.cww-main-banner .animated-bg {
width: 60%;
}
li.blocks-gallery-item {
flex: 1 1 33.33%;
} .cww-about-section .container {
flex-wrap: wrap;
} .cww-contact-section .contact-wrapp.cww-flex .address-wrap {
flex: 1 1 40%;
margin-top: 25px
}
}
@media only screen and (max-width: 645px) {
section.cww-main-banner .content-wrapp {
padding: 35px 55px;
}
}
@media only screen and (max-width: 585px) {
section.cww-main-banner {
height: 70vh;
}
}
@media only screen and (max-width: 425px) {
section.cww-main-banner {
height: 60vh
}
section.cww-main-banner .content-wrapp {
padding: 25px 20px;
}
.site-branding {
flex: 1 1 50%;
}
.count-item-wrapp:last-child {
margin-top: 25px;
}
.cww-service-section .service-wrapper-outer .service-wrapp {
padding: 0;
}
.blog-outer-wrapp:not(:first-child) {
margin-top: 35px;
}
.site-info.cww-flex {
justify-content: center;
}
li.blocks-gallery-item {
flex: 1 1 50%;
}
}
@media only screen and (max-width: 425px) {
.cww-contact-section .form-wrapp,
.cww-contact-section .address-wrap {
padding: 30px 15px;
}
}
@media only screen and (max-width: 414px) {
section.cww-main-banner .content-wrapp {
padding: 15px 17px;
}
section.cww-main-banner .content-wrapp h2 {
font-size: 35px;
}
section.cww-main-banner .content-wrapp h5 {
font-size: 18px;
}
.header-cta-wrapp a,
.cww-main-banner .btn-primary a,
.cww-cta-section .btn-wrapper a,
.error-404 .button-wrapp a {
padding: 9px 18px;
} }@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 82px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 96px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 50px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media screen and ( min-width: 782px ) {
#mobmenu-footer li:hover {
background-color: ;
}
#mobmenu-footer li:hover i {
color: ;
}
}
@media only screen and (min-width:785px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
}
@media only screen and (max-width:784px) {
.mobmenur-container i {
color: #FFF;
}
.mobmenul-container i {
color: #FFF;
}
.mobmenul-container img {
max-height:  40px;
float: left;
}
.mobmenur-container img {
max-height:  40px;
float: right;
}
.mob-expand-submenu i {
font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #ffffff;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #666 ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #666 ;
}
#mobmenuright li a:hover {
color: #FFF ;
}
.mobmenul-container {
top: 10px;
margin-left: 5px;
margin-top: 0px;
height: 50px;
float: left;
}
.mobmenur-container {
top: 10px;
margin-right: 5px;
margin-top: 0px;
}
.mob-menu-logo-holder {
margin-top:   0px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       50px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #111111 ;
height: 50px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 50px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#0a0a0a;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#F7F7F7;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0, 0, 0, 0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 3000000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 3000000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #FFF ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 50px;
}
.mobmenu-search-holder {
top: 50px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(10*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenul-container i {
line-height: 30px;
font-size: 30px;
float: left;
}
.left-menu-icon-text {
float: left;
line-height: 30px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #ffffff;
}
.right-menu-icon-text {
float: right;
line-height: 30px;
color: #222;
}
.mobmenur-container i {
line-height: 30px;
font-size: 30px;
float: right;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:50px!important;	}
.mob-retina-logo {
height:50px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #666;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:25px;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}