/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* @font-face {
	font-family: 'icomoon';
	src:  url('./fonts/icomoon.eot?qzscu6');
	src:  url('./fonts/icomoon.eot?qzscu6#iefix') format('embedded-opentype'),
	  url('./fonts/icomoon.ttf?qzscu6') format('truetype'),
	  url('./fonts/icomoon.woff?qzscu6') format('woff'),
	  url('./fonts/icomoon.svg?qzscu6#icomoon') format('svg');
	  font-weight:normal;
	  font-style:normal;
	  font-display: swap;
} */

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Scrollbar style */
body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
  background: #000000;        /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: #ffcd07;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #000000;  /* creates padding around scroll thumb */
}
html {
	scroll-behavior: smooth;
}

body .to-top-right #toTop {
	height: 48px;
	bottom: 30px;
	right: 35px;
	line-height: 56px;
	border-radius: 5px;
	background-color: #ffcd07;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

body #toTop:before {
    line-height: 45px;
    font-size: 40px;
	color: #fff;
}

body .to-top-right #toTop:hover::before {
	color: #000;
}

body.home .fusion-logo a {
	padding: 23px 0;
}
body .fusion-header {
    padding-left: 0px;
    padding-right: 0px;
}
body .fusion-is-sticky .fusion-header-v1 .fusion-sticky-shadow {
	box-shadow: none;
}
.fusion-main-menu>ul>li:last-child {
	margin-right: 50px;
}
body:not(.home) .fusion-logo a {
    width: 319px;
    height: 100%;
    position: relative;
    background: black;
    padding: 23px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
body:not(.home) .fusion-logo a::after {
	content: "";
	position: absolute;
	top: 0;
	right: -2px;
	background: #ffcd07;
	height: calc(100% + 0.5px);
	width: 40px;
	clip-path: polygon(95% 0, 100% 0, 100% 100%, 0 100%);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
body:not(.home) .fusion-header-v1 .fusion-header .fusion-row {
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
body:not(.home) .fusion-header-v1 .fusion-header {
    background-color: transparent!important;
}
body:not(.home) .fusion-header-v1 .fusion-header .fusion-row {
	background: #ffc907;
}
body,
body #post-404page {
	font-family: 'Rubik', sans-serif;
}

body #post-404page {
	padding: 10rem 0 4rem;
	text-align: center;
}

body #post-404page .error404-content {
	max-width: 50rem;
	margin: 0 auto;
	font-family: 'Rubik', sans-serif;
}

body #post-404page .error404-content h1 {
	font-family: 'Rubik', sans-serif;
    font-size: 5.5rem;
    line-height: 80px;
}

body #post-404page .error404-content p {
	font-size: 2rem;
    margin-top: 2rem;
}

:root {
	--hundredp_padding-hundred_percent_negative_margin: 0px!important;
	--hundredp_padding-fallback_to_zero: 0px!important;
}
/* Remove header Title of Page END */
.header-inner,
.section-inner {
    max-width: 1200px;
}
body:not(.home) .header-navigation-wrapper .primary-menu > li:hover > a {
	transform: none;
	color: #fff;
}
body:not(.home) .primary-menu > li.menu-item:hover > span.icon {
	color: #fff;
} 
body:not(.home) .header-titles-wrapper {
    margin-right: 0;
}
body:not(.home) .header-inner{
	background: #ffcd07;
	padding: 0;
	width: 100%;
}
body:not(.home) .header-titles {
	width: 319px;
	height: 100%;
	position: relative;
}
body:not(.home) .header-titles::after {
	content: "";
    position: absolute;
    top: 0;
    right: -2px;
    background: #ffcd07;
    height: 100%;
    width: 40px;
	clip-path: polygon(95% 0, 100% 0, 100% 100%, 0 100%);
	border-bottom: 1px solid #ffcd07;
}
body:not(.home) .header-titles .site-logo {
	margin: 29px auto 17px;
}
body:not(.home) #site-header {
	background: transparent;
	z-index: 999;
	display: flex;
	justify-content: center;
	transition: all 0.2s;
    -webkit-transition: all 0.2s;
	margin-top : 0px;
}
body:not(.home) #site-header.sticky {
	position: sticky;
	top: 0;
}
body:not(.home) #site-content {
	overflow: unset;
}
.home #site-header{
	background: transparent;
	position: relative;
	z-index: 12;
}
.site-logo img{
	max-height: 34px;
}
body:not(.home) .header-titles-wrapper{
	background: #000;
}
.home .header-navigation-wrapper{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	background: #ffcd07;
	margin-top: -6.8rem;
	padding: 190px 89px 95px 75px;
	position: relative;
}

.home .header-navigation-wrapper:after{
    content: "";
	position: absolute;
	bottom: -99px;
	left: 0;
	background: inherit;
	height: 101px;
	width: 100.1%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 4%);
	-moz-transition: all 0.5s ease-in-out; /* don't delete this */
}
#footer .fusion-copyright-notice {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#footer .fusion-copyright-notice ul,
#footer .fusion-copyright-notice ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
#footer .fusion-copyright-notice ul li {
	font-family: Rubik;
    font-size: 12px;
    font-weight: 300;
    color: #aeaeae;
    transition: all 0.2s ease-in-out;
}
#footer .fusion-copyright-notice ul li::after {
    content: '•';
    color: #aeaeae;
    padding: 0 5px;
}
#footer .fusion-copyright-notice ul li:last-child:after {
	display: none;
}
#footer .fusion-copyright-notice {
	font-family: Rubik;
    font-weight: 300;
    color: #aeaeae;
    font-size: 12px;
}
.home ul.primary-menu {
    display: block;
}
.header-inner {
    align-items: flex-start;
}
.home .header-inner{
	min-height: 830px;
}
.home .wp-block-cover.home-hero{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 11;
	padding: 0;
	margin: 0;
}
.home .home-hero .fusion-column-wrapper  {
	position: relative;
    bottom: 50px;
    padding-top: 240px;
	color: #000; 
	left: unset;
    top: unset;
	padding-left: unset;
	width: calc(100% - 8rem)!important;
    margin: 0 0 auto!important;
    max-width: 1200px;
}
.home .home-hero .fusion-column-wrapper  h1 {
	font-family: 'Montserrat ExtraBold', sans-serif;
	max-width: 68rem !important;
	line-height: 1.1;
	font-size: 82px;
	color: #000;
}
.wp-block-cover.home-hero.has-custom-content-position.has-custom-content-position .fusion-text h1 {
	width: 100%;
    margin: 0;
}
.home .home-hero .fusion-column-wrapper  h1 strong{
	color: #fff;
    font-family: 'Infinite Stroke';
    font-weight: 500;
    font-size: 110px;
    line-height: 0.5;
}
body:not(.home) .header-navigation-wrapper{
	background: #ffcd07;
	margin: auto 20px;
}

body.home #menu-home-page-menu-home-page-vertical-menu li > a,
body.home #menu-home-page-menu-home-page-vertical-menu li{
	font-size: 34px;
	font-family: 'Montserrat Bold', sans-serif;
	letter-spacing: 0;
	line-height: normal;
    height: 43px;
    align-items: center;
    justify-content: flex-start;
}
#menu-home-page-menu-home-page-vertical-menu li a:before{
	font-size: 18px;
	font-weight: 400;
	margin-right: 10px;
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: bottom;
	font-family: 'Montserrat', sans-serif;
}
body:not(.home) #menu-home-page-menu-home-page-vertical-menu li > a{
	font-size: 19px;
	text-transform: uppercase;
}
body:not(.home) #menu-home-page-menu-home-page-vertical-menu li a:before{
	font-size: 12px;
	margin-right: 10px;
margin-bottom: 0px;
}

.home.fusion-top-header .fusion-header {
    background-color: transparent;
}
body.home #menu-home-page-menu-home-page-vertical-menu {
    display: flex;
    flex-direction: column;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    background: #ffcd07;
	padding: 140px 130px 95px 90px;
    position: relative;
}
body.home .fusion-menu:after {
    content: "";
    position: absolute;
    bottom: -99px;
    left: 0;
    background: inherit;
    height: 101px;
    width: 100.1%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 4%);
    -moz-transition: all 0.5s ease-in-out;
}
.fusion-header-v1 .fusion-main-menu {
	overflow: visible;
}
body .fusion-header-wrapper {
	position: absolute;
	width: 100%;
}
body.home.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header {
	height: 0!important;
	background: transparent!important;
	position: absolute!important;
	top: 0!important;
}

#menu-home-page-menu-home-page-vertical-menu li:nth-child(1) a:before{
	content: "01";
}
#menu-home-page-menu-home-page-vertical-menu li:nth-child(2) a:before{
	content: "02";
}
#menu-home-page-menu-home-page-vertical-menu li:nth-child(3) a:before{
	content: "03";
}
#menu-home-page-menu-home-page-vertical-menu li:nth-child(4) a:before{
	content: "04";
}
#menu-home-page-menu-home-page-vertical-menu li:nth-child(5) a:before{
	content: "05";
}

#site-footer{
	background: #000;
	border:none;
	padding: 10px 0;
}
.footer-widgets-wrapper {
    margin-left: 0rem;
	padding-right: 30%;
	width: 100%;
}
.footer-copyright {
    font-weight: 300;
    color: #aeaeae;
    font-size: 12px;
}
.footer-nav-widgets-wrapper.header-footer-group{
	background: #000;
}
.footer-nav-widgets-wrapper .footer-widgets.column-one.grid-item .widget_media_image img{
	max-height: 34px;
	width: auto;
}
.footer-widgets{
	width: 33.33%;
	color: #fff;
	margin-left: 0;
}
.footer-widgets.column-one{
	width: 22%;
}
.custom-html-widget,
.footer-widgets.column-three,
#all_our_works{
	text-align: center;
	margin: 0 auto 30px;
}
#all_our_works {
	margin: 40px auto;
}
.custom-html-widget ul,
.footer-widgets.column-three ul{
	list-style: none;
	margin: 0;
}
.custom-html-widget ul li:nth-child(-n+2) a,
.footer-widgets.column-three ul li:nth-child(-n+2) a{
	color: #fff;
	transition: all 0.2s ease-in-out;
}
.custom-html-widget ul li:nth-child(-n+2) a:hover,
.footer-widgets.column-three ul li:nth-child(-n+2) a:hover{
	color: #ffcd07;
}

.custom-html-widget span,
.footer-widgets.column-three span{
	display: block;
}
.custom-html-widget span.region label,
.footer-widgets.column-three span.region label{
	background: #7a1ab1;
	display: inline-block;
	padding: 4px;
	font-size: 35px;
	font-family: 'Montserrat Bold', sans-serif;
	font-weight: 700;
	color: #fff;
}
.custom-html-widget  .region.one label {
	background: #f380c6;
}
.custom-html-widget span.state,
.footer-widgets.column-three span.state{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px;
	color: #7a1ab1;
	margin: 0px 0 10px;
}

.widget_custom_html {
    line-height: normal;
}

.ml li:last-child {
	display: flex;
	color: #fff;
    align-items: center;
    justify-content: center;
}

.custom-html-widget  .state.one{
	color: #f380c6;
}
.custom-html-widget span.city,
.footer-widgets.column-three span.city{
	margin-top: 10px;
	font-family: 'Infinite Stroke';
	font-size: 35px;
	color: #fff;
}
.widget_text ul{
	font-weight: 300;
	font-family: 'Rubik';
	font-size: 16px;
}
.widget_text ul li{
	margin: 1rem 0 0 0;
}
.widget_text ul a{
	color: #ffcd07;
	text-decoration: none;
}
.widget_text ul li:last-child a {
	padding-left: 5px;
}

body .footer-widgets-outer-wrapper {
	border-bottom: 0;
}

.what-we-do .fusion-builder-row:not(.fusion-builder-row-inner) {
	margin:0; 
	position: relative;
	top: -332px;
}
#wrapper #main .fullwidth-box .fusion-row  {
	max-width: 1200px !important;
}
.what-we-do .fusion-layout-column.fusion_builder_column_2_3 {
	margin: 0;
    display: inline-block;
	font-size: 20px;
    margin-left: -115px;
    padding-left: 90px;
    text-align: left;
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 50px;
    padding-right: 45px;
    vertical-align: top;
    margin-top: -50px;
    background: #fff;
	width: 75%;
}

.what-we-do .fusion-layout-column.fusion_builder_column_1_3 .fusion-column-wrapper {
	background: #7a1ab1;
	color: #fff;
	text-align: center;
	text-transform: lowercase;
	width: 28.75%;
	display: inline-block;
	position: relative;
	z-index: 2;
	vertical-align: top;
	margin: 0;
	max-width: 345px;
}

.wp-block-group.alignfull.what-we-do .wp-block-columns{
	display: block;
	font-size: 0;
}

.what-we-do .fusion-layout-column.fusion_builder_column_1_3:nth-child(5) .fusion-column-wrapper {background: #46d9d1;}
.what-we-do .fusion-layout-column.fusion_builder_column_1_3:nth-child(3) .fusion-column-wrapper {background: #f380c6;}

.what-we-do .fusion_builder_column_1_3 .fusion-text p {
	margin: 0;
}
.what-we-do .fusion_builder_column_1_3 .fusion-text p:not(:last-child) {
    line-height: 45px;
    font-family: 'Montserrat ExtraBold';
	font-size: 40px;
	margin: 0;
}

.what-we-do .fusion_builder_column_1_3 .fusion-text {
	padding: 60px 10px;
}

.what-we-do .fusion-layout-column.fusion_builder_column_2_3 p {
    line-height: 1.3;
}
.what-we-do .fusion_builder_column_1_3 .fusion-text h2{
	font-family: 'Infinite Stroke';
	font-size: 60px;
	font-weight: 300;
	line-height: 1.1;
	color: #fff;
}
.what-we-do .fusion_builder_column_1_3 .fusion-text p em {
	font-family: Rubik;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	margin-top: 10px;
	line-height: 45px;
}
#wrapper #main .fullwidth-box.what-we-do .fusion-row {
    gap: 100px 0;
}
.wp-block-group.alignfull.what-we-do .wp-block-columns .wp-block-column:nth-child(2){
	background: #fff;
	color: #000;
	text-align: center;
	width: calc(71.25% + 65px);	
	margin: 0;
	display: inline-block;
	font-size: 20px;
	margin-left: -65px;
	padding-left: 120px;
	text-align: left;
	position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-bottom: 30px;
	padding-right: 45px;
	vertical-align: top;
	margin-top: -40px;
}
.wp-block-group.alignfull.what-we-do .wp-block-columns .wp-block-column:nth-child(2) p:first-child{
	font-weight: 300;
	line-height: 1.3;
	width: 90%;
}
.wp-block-group.alignfull.what-we-do .wp-block-columns .wp-block-column:nth-child(2) p:nth-child(2){
	font-weight: 600;
	line-height: 1.3;
	font-size: 23px;
	font-family: 'Montserrat Bold', sans-serif;
	margin-bottom: 0;
}
.home #site-content{
	overflow: visible;
}

.greatest-work-heading {
    position: relative;
    font-size: 38px;
    text-transform: uppercase;
	font-family: 'Montserrat Bold', sans-serif;
    font-weight: 700;
	margin: 20px 0;
}
body .has-mask-background.box-1 {
    margin-top: 20px;
}
body.home .box-1 {
	margin-top: -320px;
}
 .wp-block-group.our-work-boxes .wp-block-columns{
	padding: 0;
}
 .wp-block-group.our-work-boxes .wp-block-columns .wp-block-column p:nth-child(1) {
    position: relative;
	bottom: 0;
	transition: all 0.5s ease-in-out;
	width: 230px;
    max-height: 47px;
	color: #000000;
	background-color: #ffffff;
}

.wp-block-column .wp-block-cover {
	transition: all 0.7s ease-in-out;
}
.wp-block-column:hover .wp-block-cover {
	filter: saturate(2);
}
.wp-block-column:hover .wp-block-cover::after {
	opacity: 0;
	transition: all 0.7s ease-in-out;
}
.wp-block-column .wp-block-cover::before {
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	transform: translate(565px, 565px) rotate(45deg);
	-webkit-transform: translate(565px, 565px) rotate(45deg);
	height: 150%;
    width: 200%;
}
.wp-block-column:hover .wp-block-cover::before {
	opacity: 0.1;
	background-color: white;
	transform: translate(-240px, -240px) rotate(45deg);
	-webkit-transform: translate(-240px, -240px) rotate(45deg);
}

.wp-block-column:hover .wp-block-cover.beercreek::before {
	opacity: 0;
	background-color: #a441dd;
	transform: translate(-240px, -240px) rotate(45deg);
	-webkit-transform: translate(-240px, -240px) rotate(45deg);
}

.alignleft, .alignright, .what-we-do .superb_button.alignright {
	margin-top: 25px;
}

.about_us_section .fusion-text strong,
.about_us_section .fusion-text p a {
	background: linear-gradient(to right, #ffcd07 50%, transparent 50%);
	background-size: 200% 100%;
	font-weight: bold;
	padding: 0 5px;
	background-position: left bottom;
	color: black;
}

/* Our Work */

.our-work-boxes .wp-block-cover .wp-block-cover__inner-container{
	display: flex;
	flex-direction: column;
	text-align: center;
	height: 100%;
	width: 100%;
	position: relative;
}
.our-work-boxes .wp-block-cover .wp-block-cover__inner-container a {
	text-decoration: none;
	color: #fff;
	transition: all 0.5s ease-in-out;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.wp-block-group__inner-container .wp-block-cover {
	padding: 0;
	position: relative;
	overflow: hidden;
}
.our-work-boxes .wp-block-cover .wp-block-cover__inner-container .websitetype,
.our-work-boxes .wp-block-cover .wp-block-cover__inner-container .website_name,
.our-work-boxes .wp-block-cover .wp-block-cover__inner-container .website_tools{
	flex: 1;
	margin: 0;
	padding: 0;
}
.our-work-boxes .wp-block-cover .wp-block-cover__inner-container .website_tools{
	flex: 0;
}
.our-work-boxes .wp-block-cover{
	min-height: 754px;
}
.our-work-boxes .wp-block-cover .websitetype{
	font-family: 'Montserrat Bold', sans-serif;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 0;
}
.our-work-boxes .wp-block-cover .website_name{
	font-family: 'Montserrat Bold', sans-serif;
	font-weight: 700;
	font-size: 35px;
	letter-spacing: 0;
	text-transform: uppercase;
}
.our-work-boxes .wp-block-cover .website_name span{
	font-family: 'Infinite Stroke';
	font-size: 65px;
	font-weight: 300;
	line-height: 1;
	text-transform: lowercase;
}
.our-work-boxes .wp-block-cover .website_tools{
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.what-we-do .superb_button {
	max-width: 100%;
}
#get_in_touch .wp-block-button .wp-block-button__link,
#site-content .wp-block-button .wp-block-button__link,
body.contact-info form p input.wpcf7-submit {
	text-decoration: none;
	font-family: 'Montserrat SemiBold', sans-serif;
	font-weight: 600;
	font-size: 20px;
    min-width: 200px;
    height: 50px;
	width: 100%;
    padding: 0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 1!important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	background-color: #000;
    color: #f5efe0;
}
body #site-content #custom_design .service_text .wp-block-buttons .wp-block-button .wp-block-button__link,
body #site-content #magento_dd .service_text .wp-block-buttons .wp-block-button .wp-block-button__link,
body #site-content #custom_integration .service_text .wp-block-buttons .wp-block-button .wp-block-button__link {
	font-size: 14px;
	min-width: 140px;
    height: 45px;
	padding: 0 20px;
}
#get_in_touch .wp-block-button .wp-block-button__link:before,
#site-content .wp-block-button .wp-block-button__link:before,
.contact-info form p input.wpcf7-submit::before,
.fusion-disable-outline .fusion-button::before {
	content: "\f178";
	font-family: 'icomoon';
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
			align-items: center;
	-webkit-box-pack: center;
			justify-content: center;
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 30px;
	-webkit-transform: scale(0, 1);
			transform: scale(0, 1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#get_in_touch .wp-block-button .wp-block-button__link:hover,
#site-content .wp-block-button .wp-block-button__link:hover,
.contact-info form p input.wpcf7-submit:hover,
.fusion-disable-outline .fusion-button:hover {
	color: transparent;
	background-color: #ffcd07;
}
.fusion-disable-outline .fusion-button:hover span {
	color: transparent;
}
#get_in_touch .wp-block-button .wp-block-button__link:hover::before,
#site-content .wp-block-button .wp-block-button__link:hover:before,
.contact-info form p input.wpcf7-submit:hover::before,
.fusion-disable-outline .fusion-button:hover:before {
	-webkit-transform: scale(1.3, 1.2);
			transform: scale(1.3, 1.2);
	text-indent: 0;
	color: black;
}
.about_us_section p {
	font-weight: 300;
	font-family: Rubik;
	font-size: 24px;
}
.about_us_section a {
	text-decoration: underline;
}
body .about_us_section .fusion-text .about_headline,
body .about_us_section .fusion-text h3.about_headline {
	text-transform: uppercase;
	padding-bottom: 45px;
	font-family: 'Montserrat Bold', sans-serif;
	font-size: 28px;
}
.about_us_section p span.has-primary-color,
.about_us_section h2 span.has-primary-color {
	background: linear-gradient(to right, #ffcd07 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
	color: white;
}
.about_us_section p span.active,
.about_us_section h2 span.active {
	font-weight: bold;
	padding: 0 5px;
	background-position: left bottom;
	color: black;
}
.about_us_section p:nth-child(1) span.active,
.about_us_section h2:nth-child(1) span.active {
	transition: all 1s ease-out;
}
.about_us_section p:nth-child(2) span.active,
.about_us_section h2:nth-child(2) span.active {
	transition: all 1s ease-out;
	transition-delay: .2s;
}
.about_us_section p:nth-child(3) span:first-child.active,
.about_us_section h2:nth-child(3) span:first-child.active  {
	transition: all 1s ease-out;
	transition-delay: .4s;
}
.about_us_section p:nth-child(3) span:last-child.active,
.about_us_section h2:nth-child(3) span:last-child.active {
	transition: all 1s ease-out;
	transition-delay: .5s;
}
.service_img .wp-block-group__inner-container::after {
	transition: all 1.25s ease-out;
    position: absolute;
    content: '';
    background-color: #46d9d1;
    height: 0%;
    width: 100%;
    top: 0;
    opacity: 0.7;
    z-index: 0;
}
.service_img .wp-block-group__inner-container.active_one::after {
    position: absolute;
    content: '';
    background-color: #46d9d1;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.5;
    z-index: 0;
}
.width-100 .fusion-fullwidth.about_us_section {
	padding-bottom: 130px;
	padding-top: 90px;
}
.about_us_section p {
	font-weight: 300;
    font-family: Rubik;
    font-size: 24px;
	color: #fff;
}
.about_us_section h2 {
	text-transform: uppercase;
    padding-bottom: 45px;
    font-family: 'Montserrat Bold', sans-serif;
	font-size:26px;
	color: #fff;
}
#get_in_touch {
	background-color: white;
	margin: 0 auto;
}
@media (min-width: 700px) {
	#get_in_touch .get_in_touch_wrapper {
		max-width: 1200px;
		width: calc(100% - 60px);
		background-color: white;
		z-index: 999;
		position: relative;
		padding: 20px 0px;
		margin: 0 auto;
	}
}
#get_in_touch .get_in_touch_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#get_in_touch .get_in_touch_wrapper div strong {
	text-transform: uppercase;
	font-family: 'Montserrat Bold', sans-serif;
	font-size: 38.8px;
	letter-spacing: -2px;
}
#get_in_touch .get_in_touch_wrapper div {
	font-weight: 300;
	font-family: 'Rubik';
	font-size: 24px;
}
#get_in_touch .get_in_touch_wrapper .we_trive {
	padding-right: 20px;
}

.header-footer-group .footer-social-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header-footer-group .footer-social-wrapper ul li a svg {
	display: none;
}
.header-footer-group ul.footer-social li {
    margin: 0 1rem 0 0;
}
body .header-navigation-wrapper .primary-menu > li > a {
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}
body .header-navigation-wrapper .primary-menu > li > a:hover {
	transform: translateX(10px);
	color: #fff;
}
 .our-work-boxes .websitetype {
	font-family: 'Montserrat ExtraBold', sans-serif;
	font-size: 30px;
}
/* Services Page */

/* .services_bg  .wp-block-cover__inner-container h1, */
.fusion-builder-row-1 .privacy .fusion-text h1 {
    color: #000;
    font-size: 4rem;
    line-height: 55px;
    margin-bottom: 30px;
}
.fusion-builder-row-1 .privacy .fusion-text p {
	color: #000;
}
.fusion-builder-row-1 .fusion-text h1 {
	font-size: 40px;
	font-family: 'Montserrat ExtraBold';
	color: #ffffff;
	margin-bottom: 10px;
}
.fusion-builder-row-1 .fusion-text h3 {
	font-family: 'Infinite Stroke';
	font-size: 46px;
	font-weight: 300;
	margin-bottom: 10px;
    margin-top: 10px;
	color: #fff;
}
/* .services_bg  .wp-block-cover__inner-container p, */
.fusion-builder-row-1 .fusion-text p {
	font-family: Rubik;
    font-size: 18px;
	font-weight: 300;
	color: #fff;
}
body .our_services {
	margin: 0;
    margin-top: -100px;
}
.our_services p {
	font-family: Rubik;
    font-size: 14px;
    font-weight: 300;
}

.our_services .wp-block-column {
	text-align: center;
	transition: all 0.5s ease-in-out;
}
p.our_services p {
	text-align: justify;
}

body .our_services h2,
body .our_services h3 {
	font-family: 'Infinite Stroke';
    font-size: 35px;
	font-weight: 300;
	line-height: 0.5;
	color: #fff;
	transition: all 0.5s ease-in-out;
	height: 142px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

body .privacy h1 {
    font-family: 'Montserrat ExtraBold';
}

body .intesa_bg.services_bg h1 {
    font-size: 40px;
    font-family: 'Montserrat ExtraBold';
    color: #ffffff;
    padding: 0 10px;
	background: rgb(0 0 0 / 60%);
}

body .services-wrappers .fusion_builder_column_1_3 br {
	display: none;
}

body .services-wrappers .fusion_builder_column_2_3 h2, 
body .services-wrappers .fusion_builder_column_2_3 h3 {
    font-size: 30px;
    font-family: 'Montserrat ExtraBold';
}

body .marketing h2 {
    font-size: 30px;
    font-family: 'Montserrat ExtraBold';
    margin: 30px auto 30px;
}

body .marketing h2:first-child {
	margin-top: 0;
}

body .services-wrappers .fusion_builder_column_1_3 p, 
body .services-wrappers .fusion_builder_column_2_3 ul li {
    font-family: Rubik;
    font-size: 18px;
    font-weight: 300;
}

body .services-wrappers p a {
	text-decoration: underline;
}

body .services-wrappers .fusion_builder_column_1_3 {
	max-height: 365px;
	height: 100%;
}

body .services-wrappers .fusion_builder_column_1_3 h2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    color: #fff;
    font-family: 'Infinite Stroke';
    font-size: 55px;
    font-weight: 300;
    line-height: 1;
    z-index: 1;
}

body .services-wrappers  .fusion_builder_column_1_3 h2 strong {
    font-size: 43px;
    font-family: 'Montserrat ExtraBold';
    line-height: 1.2;
    text-align: center;
}

body .arrow-wrapper .fusion-text p,
body .arrow-wrapper .fusion-text h2,
body .arrow-wrapper .fusion-text a {
	margin-bottom: 0;
	color: #fff;
}
.arrow-wrapper .arrow-left a {
	display: flex;
	align-items: center;
}
.arrow-wrapper .arrow-left a::before {
    content: "⟵";
    font-size: 30px;
    padding-right: 15px;
	color: #fff;
	line-height: 0;
	position: relative;
    bottom: 2.5px;
}

.arrow-wrapper .arrow-right a::after {
    content: "⟶";
    font-size: 30px;
    padding-left: 15px;
	color: #fff;
	line-height: 0;
	position: relative;
    top: 2.5px;
}

.lola-description .fusion-builder-column-3 h2 {
	font-size: 30px;
    font-family: 'Montserrat ExtraBold';
	margin: 40px 0 10px;
}

.lola-description .fusion-builder-column-3 p {
	font-family: 'Rubik';
    font-size: 14px;
}

.lola-description .fusion-builder-column-3 a {
	font-size: 14px;
    font-family: 'Montserrat ExtraBold';
    transition: all 0.2s ease-in-out;
    color: #000000;
}

.lola-description .fusion-builder-column-3 a:hover {
    color: #ffcd07;
    text-decoration: underline;
}

body:not(.home) .frigo-fullpage::before {
    content: '';
	position: absolute;
    left: -190px;
    top: 10px;
    height: 600px;
    width: 320px;
	background-image: url('./images/shape_frigo.svg');
	background-color: transparent;
	background-repeat: no-repeat;
}
body:not(.home) .frigo-fullpage::after {
	content: '';
    position: absolute;
    right: -190px;
    bottom: 10px;
    height: 600px;
    width: 390px;
    background-image: url('./images/shape_frigo.svg');
    background-repeat: no-repeat;
}
body:not(.home) .safety-fullpage::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background-image: url(./images/safety-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

body .safety-fullpage h2,
body .safety-fullpage h3,
body .light h2,
body .light h3 {
	color: #fff;
}

body .extrabold h2 {
	font-size: 36px;
    text-transform: uppercase;
    font-family: 'Montserrat ExtraBold';
    margin: 0;
}

body .extrabold h3 {
	font-size: 28px;
    font-family: 'Montserrat ExtraBold';
    margin: 25px 0 20px;
}

body .extrabold p {
	font-family: 'Rubik';
    font-size: 18px;
}

body .services-wrappers .fusion_builder_column_2_3 {
	padding-bottom: 30px;
}

body .services-wrappers.up {
	margin-bottom: -100px;
}

body .services-wrappers.down {
	margin-top: -100px;
}

body .services-wrappers .fusion_builder_column_2_3::after {
    content: '';
    background-color: #fff;
    height: 100%;
    width: 110%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

body .services-wrappers .fusion_builder_column_2_3 h2,
body .services-wrappers .fusion_builder_column_2_3 h3{
	margin: 35px 0 20px;
}

.our_services .fusion-layout-column .fusion-column-anchor {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	touch-action: none;
}
.our_services .fusion-layout-column .fusion-column-anchor:before {
	pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    transition: all 0.2s ease-in-out;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 20px);
    bottom: 0;
    border-width: 20px 20px 0 20px;
    border-color: #46d9d1 transparent transparent transparent;
}
.our_services .fusion-layout-column .fusion-column-anchor:hover:before, 
.our_services .fusion-layout-column .fusion-column-anchor:focus:before, 
.our_services .fusion-layout-column .fusion-column-anchor:active:before {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.our_services h2 strong,
.our_services h3 strong {
	font-size: 26px;
	font-family: 'Montserrat ExtraBold';
	line-height: 1.7;
	display: block;
}
.wp-block-group.our_services .wp-block-columns  .wp-block-column h2 label,
.wp-block-group.our_services .wp-block-columns  .wp-block-column h3 label  {
    font-family: Rubik;
    text-transform: uppercase;
    font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
}
.wp-block-group.our_services .wp-block-columns .wp-block-column {
    background: #46d9d1;
    color: #fff;
    text-align: center;
    text-transform: lowercase;
    display: inline-block;
    position: relative;
    z-index: 2;
    vertical-align: top;
}
.wp-block-group.our_services .wp-block-columns .wp-block-column:nth-child(1),
.wp-block-group.our_services .wp-block-columns .wp-block-column:nth-child(5) {
	visibility: hidden;
}
.blue_highlited {
	/* background: #46d9d1; */
	color: #000000;
	background: linear-gradient(to right, #46d9d1 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.blue_highlited.blue_active {
    background-position: left bottom;
    transition: all .5s ease-out;
}
ul.square-blue {
	list-style: none;
	margin: 0;
}
ul.square-blue li::before {
	content: "■"; 
	color: #46d9d1;
	padding-right: 10px;
}
.service_img .wp-block-group__inner-container {
	position: relative;
}
.service_img .wp-block-group__inner-container h2 {
	position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
	margin: 0;
	color: #fff;
	font-family: 'Infinite Stroke';
	font-size: 55px;
    font-weight: 300;
    line-height: 1;
	z-index: 1;
}
.service_img .wp-block-group__inner-container h2 span {
	font-size: 43px;
	font-family: 'Montserrat ExtraBold';
	line-height: 1.2;
	text-align: center;
}
.service_img .wp-block-group__inner-container img {
	width: 100%;
}
.service_text p:first-child {
	margin-top: 3.5rem;
}
.service_text h2,
.service_text h3 {
	font-size: 30px;
	font-family: 'Montserrat ExtraBold';
}
.service_text p,
.service_text ul li {
	font-family: Rubik;
    font-size: 18px;
    font-weight: 300;
}
.service_text::after {
	content: '';
    background-color: #fff;
    height: 100%;
    width: 75%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.service_text {
	z-index: 1;
	padding: 0px 50px 25px 3px;
}
.wp-block-group.alignfull.custom_m_design,
.wp-block-group.alignfull.custom_m_customization { 
	padding: 0.1px 6rem;
	position: relative;
}
.wp-block-group.alignfull.custom_m_customization {
	padding-top: 380px;
	background: transparent;
	margin: 0;
}
.our_service::after {
	content: '';
	background-color:#e8eaeb;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.service_img {
	z-index: 2;
	margin-left: 0;
}


body:not(.home) .primary-menu li.menu-item-has-children > ul.sub-menu > li > span.icon {
	transition: all 0.2s ease-in-out;
}
body:not(.home) .primary-menu li.menu-item-has-children:hover > ul.sub-menu > li:hover > span.icon {
	transform: rotate(45deg);
    top: calc(50% - 2px);
}
body:not(.home) .primary-menu ul.sub-menu > li:hover > ul.sub-menu::before {
	display: none;
}
body:not(.home) .primary-menu ul.sub-menu > li:hover > ul.sub-menu::after {
	display: none;
}
body:not(.home) .primary-menu li.menu-item-has-children > ul a {
	font-family: 'Montserrat';
	font-size: 14px;
	text-transform: uppercase;
	padding-left: 30px;
	color: #fff;
}
body:not(.home) .primary-menu li.menu-item-has-children > ul li {
	color: #fff;
}
body:not(.home) .primary-menu li.menu-item-has-children > ul a:hover {
	text-decoration: none;
}
body:not(.overlay-header) .primary-menu > li > ul:after {
	display: none;
}
body:not(.home) .primary-menu li.menu-item-has-children > ul a:hover::after {
	content: "■"; 
	color: #fff;
	position: absolute;
    left: 15px;
}
body:not(.home) .header-navigation-wrapper .sub-menu > li a:before {
	display: none;
}
body:not(.home) .primary-menu ul.sub-menu::before {
	height: 80%;
    bottom: 0;
    margin-left: 248px;
    background: #ffcd07;
    left: 0;
    width: 21px;
    clip-path: polygon(0 0, 100% 0, 0 110%, 0% 100%);
}


.footer-nav .footer-nav__list li a,
#site-footer a {
	font-family: Rubik;
    font-size: 12px;
	font-weight: 300;
	color: #aeaeae;
	transition: all 0.2s ease-in-out;
}
.footer-nav .footer-nav__list,
.footer-nav .footer-nav__list li {
	margin: 0;
}
.footer-nav .footer-nav__list {
	display: flex;
	list-style: none;
	align-items: center;
}
.footer-nav .footer-nav__list li::after {
	content: '•';
	color: #aeaeae;
	padding: 0 5px;
}
.footer-nav .footer-nav__list li:last-child::after {
	display: none;
}
.footer-nav .footer-nav__list li a:hover,
#site-footer a:hover {
	color: #ffcd07;
}
.footer-top {
	border: none;
	padding: 0;
}
body #site-footer {
    background-color: #1f1e1e;
}
.about_us_section {
	margin: 0;
	padding: 0;
}
/* About Us */

.alignfull.about_us-intro {
	padding-top: 360px;
	max-width: 1200px;
    width: 100%;
	text-align: center;
	margin-bottom: 60px;
}
.about_us-intro h3 strong {
	font-size: 30px;
	font-family: 'Montserrat ExtraBold';
}
.about_us-intro p,
.about_us-best p {
	font-family: Rubik;
    font-size: 14px;
	font-weight: 300;
}
.we_believe {
	margin: 0;
}
.we_believe ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
    grid-gap: 35px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding: 0 20px;
}
.we_believe ul li {
	padding: 0;
	margin: 0;
	font-family: Rubik;
    font-size: 18px;
	font-weight: 300;
}
.we_believe ul li strong {
	font-size: 30px;
	font-family: 'Montserrat ExtraBold';
	text-transform: uppercase;
}

body .we_believe h2,
body .about_us-best h2,
body .meet_us h2 {
	font-size: 30px;
	font-family: 'Montserrat ExtraBold';
	text-transform: uppercase;
}
.we_believe h2 {
	margin-bottom: 60px;
}
.we_believe ul li:nth-child(1) strong {
	color: #f380c6;
}
.we_believe ul li:nth-child(2) strong {
	color: #692a8e;
}
.we_believe ul li:nth-child(3) strong {
	color: #46d9d1;
}
.we_believe ul li:nth-child(4) strong {
	color: #ffc907;
}
.we_believe ul li:nth-child(5) strong {
	color: #692a8e;
}
.we_believe ul li:nth-child(6) strong {
	color: #46d9d1;
}
.we_believe ul li:nth-child(7) strong {
	color: #ffc907;
}
.we_believe ul li:nth-child(8) strong {
	color: #f380c6;
}
.the_squad,
.about_us-best {
	margin: 0;
}
body .about_us-best {
	padding: 100px 0 0px;
	margin: 0;
}
body .best-perks {
    margin-bottom: -120px;
}
body .best-perks .fusion-builder-row {
	background: #fff;
}
body .we_believe {
	margin-bottom: 0;
}
.the_squad {
	margin-bottom: 0;
	margin-top: 0;
	background-repeat: no-repeat;
    background-size: cover;
}
.best-perks .fusion-layout-column {
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	height: 240px;
	width: 250px;
}
body #wrapper #main .best-perks .fusion-builder-row {
	padding: 40px;
}
.best-perks .fusion-layout-column:nth-child(1) {
	background-color: #f380c6;
}
.best-perks .fusion-layout-column:nth-child(2) {
	background-color: #7a1ab1;
}
.best-perks .fusion-layout-column:nth-child(3) {
	background-color: #46d9d1;
}
.best-perks .fusion-layout-column:nth-child(4) {
	background-color: #ffc907;
}
.best-perks .fusion-layout-column h2 {
	margin: 0;
	font-size: 32px;
	font-family: 'Montserrat ExtraBold';
	text-align: center;
	text-transform: none;
	width: 100%;
    padding: 0 10px;
	color: #fff;
}
.best-perks .fusion-layout-column h2 strong {
	font-family: 'Infinite Stroke';
    font-size: 44px;
	font-weight: 300;
	padding: 0;
	margin: 0;
	line-height: 55px;
	display: block;
 }
body .meet_us {
	padding-top: 185px;
	padding-bottom: 45px;
}
.meet_us h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.meet_us .us-all {
	margin-top: 0;
}
.meet_us .us-all h3 {
	margin: 0;
	font-size: 35px;
	font-family: 'Montserrat ExtraBold';
}
.meet_us h4 {
    margin: 20px auto 10px;
    display: block;
    width: fit-content;
    padding: 20px 25px;
	background: #ffffff;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Montserrat ExtraBold';
}
.meet_us strong {
	font-family: 'Infinite Stroke';
    font-size: 50px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}
.meet_us em {
	font-family: 'Rubik';
	font-weight: 600;
	font-size: 14px;
	padding: 10px 0 25px;
}
body .meet_us p {
	font-family: 'Montserrat';
	font-size: 14px;
	max-width: 409px;
	margin: 0 auto 20px;
}

/* Contact Us */
body .contact-info  {
    max-width: 640px;
	margin: 0 auto!important;
}
body .contact-info .fusion-form-label-wrapper label,
body .contact-info .fusion-form-textarea-field label {
	font-size: 24px;
    font-family: 'Montserrat ExtraBold';
}
body .contact-info label[for="name"] {
	color: #f380c6;
}
body .contact-info label[for="email"] {
	color: #692a8e;
}
body .contact-info label[for="company"] {
	color: #69ded7;
}
body .contact-info label[for="comment"] {
	color: #ffcd07;
}
body .contact-info .fusion-button:hover span {
    color: #000!important;
}

/* For HighResolution monitors */
/* 2K */

@media only screen and (min-width: 1920px)  {
	 .alignfull:not(.wp-block-group.has-background).the_squad {
		background-image: url('./images/squad2k.jpg')!important;
		background-attachment: fixed;
	}
	.services_bg.contact_bg {
		background-image: url('./images/contact2k.jpg')!important;
	}
	.services_bg.nwo_bg {
		background-image: url('./images/nwo-bg.jpg')!important;
	}
	.services_bg.safety_bg {
		background-image: url('./images/safety_shop2k.jpg')!important;
	}
	.services_bg.poklon_bg {
		background-image: url('./images/poklon-ducan2k.jpg')!important;
	}
	.services_bg.intesa_bg{
		background-image:url('./wp-content/uploads/2022/12/online-placanje.webp')!important;
	}
	.services_bg.frigo_bg {
		background-image: url('./images/status-frigo2k.jpg')!important;
	}
	body .services_bg.hiper_bg {
		background-image: url('./images/hiper2k.jpg')!important;
	}
	body .services_bg.gama_bg {
		background-image: url('./images/gama2k.jpg')!important;
	}
	body .services_bg.kupindo_bg {
		background-image: url('./images/kupindo2k.jpg')!important;
	}
	body .services_bg.shopper_bg {
		background-image: url('./images/shopper2k.jpg')!important;
		background-position: center!important;
	}
	.services_bg.nwo_bg.malebasics_bg {
		background-image: url('./images/malebasics-bg2k.jpg')!important;
	}
	.services_bg.lola_bg {
		background-image: url('./images/smdesign-lola-banner.webp')!important;
	}
	.services_bg.about_us_bg {
		background-image: url('./images/smdesign-about-us-banner2k.webp')!important;
	}
	/* Service Page imgs */
	.services_bg {
		background-image: url('./images/service2k.jpg')!important;
	}
	.magento_bg {
		background-image: url('./images/magento_bg-xl.jpg')!important;
	}
	/* Home Page imgs */
	.home-hero {
		background-image: url('./images/home-rs-2k.webp')!important;
		max-height: 1500px;
	}
	.about_us_section {
		background-image: url('./images/about_us-xl.webp')!important;
	}
	.services_bg.work_bg {
		background-image: url('./images/portfolio2k.jpg')!important;
		background-position: bottom!important;
	}
	.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
		background-image: url('./images/footer-rs-2k.webp');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 40%;
		position: relative;
	}
}
@media screen and (max-width:1920px) {
	/* Home Page imgs */
	 .alignfull:not(.wp-block-group.has-background).the_squad {
		background-image: url('./images/squad.jpg')!important;
	}
	body .services_bg.shopper_bg {
		background-image: url('./images/shopper.jpg')!important;
	}
	body .services_bg.gama_bg {
		background-image: url('./images/gama.jpg')!important;
	}
	body .services_bg.hiper_bg {
		background-image: url('./images/hiper.jpg')!important;
	}
	body .services_bg.frigo_bg {
		background-image: url('./images/status-frigo.jpg')!important;
	}
	.services_bg.poklon_bg.nwo_bg {
		background-image: url('./images/poklon-ducan.jpg')!important;
	}
	.services_bg.nwo_bg.safety_bg {
		background-image: url('./images/safety_shop.jpg')!important;
	}
	.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
		background-image: url('./images/footer-rs.webp');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}
	.home-hero {
		background-image: url('./images/home-rs.jpg');
		max-height: 1162px;
	}
	.about_us_section {
		background-image: url('./images/back_smd_ls.webp')!important;
	}
	.services_bg.nwo_bg {
		background-image: url('./images/nwo-bg.jpg')!important;
	}
	.services_bg.nwo_bg.malebasics_bg {
		background-image: url('./images/malebasics-bg.jpg')!important;
	}
	body .services_bg.kupindo_bg {
		background-image: url('./images/kupindo.jpg')!important;
	}
}

@media screen and (max-width:1470px) {
	.magento_bg {
		background-image: url('./images/magento_two-2.webp')!important;
	}
}


@media only screen and (max-width: 1240px) {
	body .our_services .fusion-builder-row .fusion_builder_column_1_5:first-child,
	body .our_services .fusion-builder-row .fusion-builder-column-5 {
		display: none;
	}
	body .our_services .fusion-builder-row .fusion_builder_column_1_5 {
		width: 33%;
	}
	.our_services h2 strong, .our_services h3 strong {
		font-size: 22px;
	}
	body .our_services .fusion-builder-row {
		align-items: center;
		justify-content: center;
	}
	body #wrapper #main .best-perks .fusion-builder-row {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 40px;
	}
	.best-perks .fusion-layout-column {
		margin-bottom: 0;
	}
	.home .home-hero .fusion-column-wrapper .fusion-text {
		padding-left: 20px;
	}
	.home .home-hero .fusion-column-wrapper h1 {
		line-height: 1;
		font-size: 70px;
	}
	.home .home-hero .fusion-column-wrapper h1 strong {
		font-size: 80px;
	}
	body.home #menu-home-page-menu-home-page-vertical-menu {
		padding: 140px 90px 95px 90px;
	}
	body.home .fusion-logo a {
		padding: 23px 0 23px 20px;
	}
	body.home .fusion-header-v1 .fusion-main-menu {
		margin-right: 20px;
	}
	body .fusion-main-menu {
		--mobile_nav_padding: 0px;
	}
	.services_bg.poklon_bg.nwo_bg {
		background-image: url('./images/poklon-ducan-work.jpg')!important;
	}
	#site-content  .home-hero {
		background-image: url('./images/home-rs1024.webp')!important;
		min-height: 878px!important;
	}
	body .services_bg.hiper_bg {
		background-image: url('./images/hiper1024.jpg')!important;
	}
	.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer {
		background-image: url('./images/footer-rs1024.webp');
	}
	#get_in_touch .get_in_touch_wrapper div strong {
		font-size: 30px;
		line-height: 25px;
	}
	#get_in_touch .get_in_touch_wrapper .we_trive {
		padding-left: 20px;
	}
	#get_in_touch .get_in_touch_wrapper div {
		font-size: 20px;
		line-height: 25px;
	}
	#get_in_touch .wp-block-button .wp-block-button__link, #site-content .wp-block-button .wp-block-button__link, body.contact-info form p input.wpcf7-submit {
		font-size: 17px;
		min-width: 160px;
		height: 45px;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_2_3 .fusion-text {
		padding-left: 30px;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_1_3 {
		min-width: 320px;
	}
	#wrapper #main .fullwidth-box.what-we-do .fusion-row {
		gap: 80px 0;
	}
	.width-100 .fusion-fullwidth.about_us_section {
		padding: 60px 20px 20px;
		text-align: center;
	}
	body.home .box-1 .fusion-row .fusion-flex-column {
		margin-bottom: 0!important;
	}
	body.home .box-1 .fusion-imageframe,
	body.home .box-1 .fusion-imageframe img {
		width: 100%;
	}
	#all_our_works {
		margin: 0;
	}
	body.home .box-1 .fusion_builder_column_1_1:last-child {
		padding: 30px 0;
	}
}

body .fusion-main-menu .fusion-dropdown-menu .sub-menu li a {
	font-family: "Montserrat Bold";
	text-transform: uppercase;
}
body.avada-menu-highlight-style-bar .fusion-main-menu .sub-menu {
	min-width: 326px;
}

@media only screen and (max-width: 1024px) {
	body .pingvin_bg {
		 background-position: left center;
	}
	body .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .sub-menu {
		display: block;
	}
	body .fusion-flyout-mobile-menu.fusion-mobile-nav-holder .sub-menu a {
		font-size: 18px;
		max-width: 360px;
		margin: 8px auto;
		text-transform: uppercase;
	}
	body .about_us-best {
		padding: 50px 0 0px;
	}
	.home .home-hero .fusion-column-wrapper .fusion-text {
		padding: 0;
	}
	.home .home-hero.fusion-flex-container .fusion-row .fusion-flex-column {
		justify-content: center;
	}
	.width-100 .fusion-fullwidth.home-hero {
		--awb-min-height: 960px!important;
		text-align: center;
	}
	body:not(.home) .fusion-logo a,
	body.home .fusion-logo a {
		padding: 20px 0 20px 20px;
		width: auto;
	}
	body:not(.home) .fusion-logo a::after {
		display: none;
	}
	body:not(.home) .fusion-header-v1 .fusion-header .fusion-row {
		background: #000;
	}
	.fusion-flyout-menu-icons {
		--flyout_menu_icon_color: #fff!important;
	}
	.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle {
		margin-right: 20px;
	}
	#work-list.fusion-flex-container .fusion-row .fusion-flex-column:not(:last-child) {
		margin-bottom: 30px;
	}
	#footer .fusion-copyright-notice {
		flex-direction: column-reverse;
		align-items: center;
		gap: 10px;
	}
	#footer .fusion-copyright-notice ul, #footer .fusion-copyright-notice ul li {
		justify-content: center;
	}
	body .box-1 h3 a {
		font-size: 30px;
	}
	body .box-1 h3 a strong {
		font-size: 36px;
		padding: 0 15px;
	}
	body .box-1 .fusion-text p strong {
		font-size: 23px;
		width: 200px;
	}
}

@media screen and (max-width:900px) {
	.awb-sticky.awb-sticky-small .fusion-column-wrapper {
		padding-top: 20px!important;
	}
	body .services-wrappers .fusion_builder_column_1_3 {
		max-height: 365px;
		height: auto;
		min-height: 270px;
	}
	body .services-wrappers.down,
	body .services-wrappers.up {
		margin: 0;
	}
	body .services-wrappers.down {
		margin-top: 20px;
	}
	.width-100 .fusion-fullwidth.home-hero {
		--awb-min-height: 730px!important;
	}
	.what-we-do .fusion-builder-row:not(.fusion-builder-row-inner) {
		top: -140px;
	}
	body.home .box-1 {
		margin-top: -140px;
	}
	#wrapper #main .fullwidth-box.what-we-do .fusion-row {
		flex-direction: column;
		gap: 0;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_2_3 {
		margin-left: 0;
		padding-left: 10px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 10px;
		margin-top: 5px;
		margin-bottom: 25px;
		width: 100%;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_2_3:last-child {
		margin-bottom: 0;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_1_3,
	.what-we-do .fusion-layout-column.fusion_builder_column_1_3 .fusion-column-wrapper {
		width: 100%!important;
		max-width: 100%!important;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_2_3 .fusion-text {
		padding-left: 0px;
	}
	.magento_bg {
		display: none!important;
	}
	/* Target portrait tablets */
	/* Home Page imgs */
	.about_us_section {
		background-image: url('./images/back_smd_ls800.webp')!important;
	}
	.services_bg.contact_bg {
		background-image: url('./images/contact800.webp')!important;
	}
	body .the_squad {
		background-image: url('./images/squad800.jpg')!important;
		min-height: 460px!important;
		background-attachment: inherit;
	}
	.arrow-right a,
	.arrow-left a {
		display: flex;
    	flex-direction: column;
    	align-items: center;
    	gap: 10px;
		height: 30px;
	}
}

@media only screen and (max-width: 767px) {
	body #wrapper #main .best-perks .fusion-builder-row {
		padding: 20px;
		gap: 20px;
	}
	body .about_us-best {
		padding: 30px 0 0px;
	}
	.we_believe ul {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.we_believe ul li {
		display: flex;
		align-items: center;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.width-100 .fusion-fullwidth
	.about_us-intro h3 strong,
	body .we_believe h2, 
	body .about_us-best h2, 
	body .meet_us h2 {
		font-size: 24px;
	}
	#footer .fusion-copyright-notice ul, #footer .fusion-copyright-notice ul li,
	html:not(.avada-has-site-width-percent) .fusion-footer-widget-area {
		padding-bottom: 0;
	}
	body .has-mask-background.box-1.works-projects {
		margin-top: 0px;
	}
	body .has-mask-background.box-1 {
		margin-top: -140px;
	}
	#get_in_touch .get_in_touch_wrapper {
		padding: 0;
	}
	.fusion-footer footer .fusion-row .fusion-columns .fusion-column {
		text-align: center;
	}
	.fusion-copyright-notice a {
		font-size: 12px;
	}
	#get_in_touch .get_in_touch_wrapper {
		flex-direction: column;
		padding-bottom: 10px;
	}
	#get_in_touch .get_in_touch_wrapper div strong {
		font-size: 39px;
		text-align: center;
		font-family: 'Montserrat Bold', sans-serif;
	}
	#get_in_touch .get_in_touch_wrapper .we_trive {
		text-align: center;
		order: -1;
	}
	#get_in_touch .get_in_touch_wrapper div {
		margin-bottom: 10px;
		margin-top: 15px;
		text-align: center;
	}
}

@media screen and (max-width:640px) {
	.ltr .fusion-footer footer .fusion-row .fusion-columns .fusion-column.fusion-column-last {
		border-right: none;
		margin: 0;
	}
	body:not(.home) .safety-fullpage::before {
		display: none;
	}
	body .arrow-wrapper {
		--awb-min-height: 300px!important;
	}
	.awb-sticky.awb-sticky-small {
		position: relative!important;
	}
	.awb-sticky.awb-sticky-small .fusion-column-wrapper {
		padding-top: 0!important;
	}
	.lola-description .fusion-builder-column-3 h2 {
		font-size: 24px;
		font-family: 'Montserrat ExtraBold';
		margin: 0px 0 10px;
	}
	body .lola-description {
		--awb-padding-top: 0px!important;
    	--awb-padding-bottom: 0px!important;
	}
	body .post-content h6 {
		margin-top: 30px;
	}
	body .lola-description .fusion-row .fusion-flex-column.fusion-builder-column-1,
	body .lola-description .fusion-row .fusion-flex-column.fusion-builder-column-1 p:last-child {
		margin-bottom: 0!important;
	}
	body .our_services p {
		margin-bottom: 0;
	}
	body .services-wrappers .fusion_builder_column_2_3 {
		padding-bottom: 0px;
	}
	body .services-wrappers .fusion_builder_column_2_3 .fusion-column-wrapper {
		margin: 0;
		padding: 0 10px;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	body .services-wrappers .fusion_builder_column_2_3 .fusion-column-wrapper .fusion-button {
		margin-bottom: 20px;
	}
	body .services-wrappers .fusion_builder_column_2_3::after {
		display: none;
	}
	.fusion-form-form-wrapper .fusion-form-field {
		text-align: center;
	}
	body .has-pattern-background.services_bg .fusion-text {
		padding: 0 10px;
		position: relative;
    	top: 30px;
	}
	.fusion-builder-row-1 .fusion-text h1 {
		font-size: 34px;
		line-height: 40px;
	}
	#work-list.fusion-flex-container .fusion-row .fusion-flex-column:not(:last-child) {
		margin-bottom: 20px;
	}
	.fusion-body:not(.has-sidebar) .alignfull {
		padding: 0 20px;
	}
	#work-list.fusion-flex-container .fusion-row .fusion-flex-column.fusion_builder_column_1_1 img {
		min-height: 300px;
		object-fit: cover;
	}
}

@media screen and (max-width:540px) {
	body .our_services {
		margin-top: 20px;
	}
	body .our_services .fusion-builder-row .fusion_builder_column_1_5.fusion-builder-column-4 {
		margin-bottom: 0;
	}
	body .our_services .fusion-builder-row {
		flex-direction: column;
	}
	body .our_services .fusion-builder-row .fusion_builder_column_1_5 {
		width: 100%;
	}
	.we_believe ul {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	.home .home-hero .fusion-column-wrapper {
		padding-top: 200px;
		width: 100%!important;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_2_3 .fusion-text {
		text-align: center;
		font-size: 16px;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_2_3 .fusion-column-wrapper {
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.what-we-do .fusion-layout-column.fusion_builder_column_1_3 {
		min-width: 280px;
	}
}

@media screen and (max-width:460px) {
	.fusion-builder-row-1 .privacy .fusion-text h1 {
		font-size: 3rem;
	}
	:root {
		--h2_typography-font-size: 30px!important;
		--container_padding_100_right: 20px!important;
    	--container_padding_100_left: 20px!important;
	}
	.home .home-hero .fusion-column-wrapper {
		padding-top: 220px;
	}
	.width-100 .fusion-fullwidth.home-hero {
		--awb-min-height: 640px!important;
	}
	.about_us_section p {
		font-size: 18px;
	}
	.home .home-hero .fusion-column-wrapper h1 {
		font-size: 50px;
	}
	.home .home-hero .fusion-column-wrapper h1 strong {
		font-size: 60px;
	}
	/* Target portrait smartphones */
	body .volimte_bg {
		background-image: unset!important;
		background:#2f3e46!important;
	}
	body .sky_bg {
		background-image: url('./images/sky-music-mob.webp')!important;
	}
	body .pingvin_bg {
		background-image: url('./images/pingvin-mob.webp')!important;
		background-position: center center;
	}
	.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, 
	.reduced-spacing.footer-top-hidden #site-footer {
		background-image: url('./images/footer-rs460.webp')!important;
		background-position: center;
	}
	body.home  .home-hero {
		background-image: url('./images/home-rs460.webp')!important;
	}
	.about_us_section {
		background-image: url('./images/back_smd_ls460.webp')!important;
	}
	.services_bg.contact_bg {
		background-image: url('./images/contact460.webp')!important;
	}
	.services_bg.intesa_bg{
		background-image:url('./wp-content/uploads/2022/12/online-placanje.webp')!important;
	}
	#site-content  .alignfull:not(.wp-block-group.has-background).the_squad {
		background-image: url('./images/squad460.webp')!important;
		min-height: 300px!important;
	}
	body .services_bg.poklon_bg.nwo_bg {
		background-image: url('./images/poklon-mob.webp')!important;
	}
	body .services_bg.nwo_bg.safety_bg {
		background-image: url('./images/safety_shop-mob.webp')!important;
	}
	body .services_bg.frigo_bg {
		background-image: url('./images/status-frigo-mob.webp')!important;
	}
	body .services_bg.hiper_bg.nwo_bg {
		background-image: url('./images/hiper-mob.webp')!important;
	}
	body .services_bg.gama_bg {
		background-image: url('./images/gama-mob.webp')!important;
	}
	body .services_bg.kupindo_bg {
		background-image: url('./images/kupindo-mob.webp')!important;
	}
	body .services_bg.shopper_bg {
		background-image: url('./images/shopper-mob.webp')!important;
	}
	body .services_bg.about_us_bg {
		background-image: url('./images/smdesign-about-us-mob.webp')!important;
	}
	body .services_bg.work_bg {
		background-image: url('./images/portfolio-mob.webp')!important;
	}
	body .services_bg {
		background-image: url('./images/service-mob.webp')!important;
	}
}

/* Hover Images */

.box-1.works-projects .wp-block-column{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	overflow: hidden;
}

.box-1 .fusion-text p:first-child {
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 0;
}
 .box-1 .fusion-text p strong  {
    font-family: 'Montserrat ExtraBold', sans-serif;
    font-size: 30px;
    position: absolute;
    top: 20px;
    transition: all 0.5s ease-in-out;
    width: 230px;
    max-height: 47px;
    color: #fff;
    background-color: transparent;
	z-index: 2;
	text-align: center;
}

.box-1.our-work-boxes .fusion-text p strong {
	color: #000;
    background-color: #fff;
}

 .box-1 h3 a {
	text-decoration: none;
    color: #fff;
    font-family: 'Montserrat Bold', sans-serif;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.box-1 h3 a strong {
	font-family: 'Infinite Stroke';
    font-size: 45px;
    font-weight: 300;
    line-height: 1;
    text-transform: lowercase;
    width: 100%;
	display: block;
	max-width: 545px;
	margin: 0 auto;
}

 .box-1 h3  {
	position: absolute;
	top: 42%;
	z-index: 2;
	margin: 0;
	width: 100%;
    text-align: center;
}

 .box-1 h3 a span {
	font-family: 'Infinite Stroke';
    font-size: 45px;
    font-weight: 300;
    line-height: 1;
    text-transform: lowercase;
	width: 100%;
}

 .box-1 .wp-block-column:hover p {
	z-index: 2;
}

#site-content .box-1 .wp-block-column:hover::before {
	opacity: 0;
	z-index: 0;
}

#site-content .box-1 .wp-block-column:hover a {
	display: block;
	width: 100%;
    height: 100%;
	z-index: 2;
}

.box-1 .wp-block-column .fusion-text p:last-child {
	position: absolute;
    bottom: 40px;
    z-index: 2;
    color: white;
	width: 100%;
	text-align: center;
}

.purple,
body:not(.home) .purple .fusion-logo a::after {
	background: #7a1ab1!important;
}

.orange,
body:not(.home) .orange .fusion-logo a::after {
	background: #ffcd07!important;
}

.pinkis,
body:not(.home) .pinkis .fusion-logo a::after {
	background: #f380c6!important;
}

.coralblue,
body:not(.home) .coralblue .fusion-logo a::after {
	background: #46d9d1!important;
}

body .fusion-main-menu .fusion-dropdown-menu .sub-menu li.current_page_item a,
body .fusion-main-menu .fusion-dropdown-menu .sub-menu li:hover a {
	color: #fff;
}

.pingvin-content:after {
	content:'';
	background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%221920%22%20height%3D%22954%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23prefix__clip0_75_23031%29%22%20fill%3D%22rgba%2835%2C100%2C196%2C1%29%22%3E%3Cpath%20d%3D%22M1321.57%20538C1357.08%20287.516%201273.7%2089.91%201127-.418L1374.18-6c65.77%20100.68-15.89%20431.512-52.61%20544zM312%20955c432.242%200%20746.77-180.667%20850-271-90.34%20157.09-176.766%20246.121-208.688%20271H312z%22%20fill%3D%22rgba%2835%2C100%2C196%2C1%29%22%20fill-opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M1344.5%20427c0-252.4-212.67-390.833-319-428.5H1373c70%2082.4%2010.17%20320-28.5%20428.5z%22%20fill%3D%22rgba%2835%2C100%2C196%2C1%29%22%20fill-opacity%3D%22.1%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M839.644%20954C1138.37%20793.549%201337%20508.902%201337%20184.5c0-63.218-7.54-124.926-21.9-184.5H1920v954H839.644zm0%200C676.842%201041.44%20484.311%201092%20278%201092c-584.87%200-1059-406.302-1059-907.5S-306.87-723%20278-723c511.098%200%20937.63%20310.269%201037.1%20723H0v954h839.644z%22%20fill%3D%22rgba%2835%2C100%2C196%2C1%29%22%20fill-opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1011.55%20954C1221.42%20793.95%201353%20564.007%201353%20308.5c0-108.584-23.76-212.552-67.2-308.5H1920v954h-908.45zm0%200c-187.291%20142.83-436.933%20230-711.05%20230C-280.78%201184-752%20792.025-752%20308.5S-280.78-567%20300.5-567c450.743%200%20835.31%20235.692%20985.3%20567H0v954h1011.55z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22prefix__clip0_75_23031%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h1920v954H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E);
    opacity: 0.15;
	position:absolute;
    width: 100%;
    height: 100%;
    left: 10px;
    top: 0px;
    min-height: 100%;
    min-width: 100%;
    background-size: cover;
    background-position: center;
}
body .aleksandarmn-content,
.aleksandarmn_bg {
	background: linear-gradient(90deg, rgba(0, 35, 75, 1) 0%, rgba(0, 161, 244, 1) 100%)!important;
}