/*
 Theme Name: Mr. Mango
 Theme URI: https://www.mrmango.rs
 Description: Mr.Mango Child Theme
 Author: MP
 Author URI: https://www.abis.co.rs
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
a {color:#000; text-decoration: underline;}
a:hover {text-decoration: none;}
#mrlogo{max-width:100%;}
#main-header {display:none;}
#mrmango-section {padding:0;}
#mrmango-section .et_pb_row {width:100%; padding:0}
#mrmango-hero {
	top: 35vh;
	padding-left:5%;
	width:80%;
}

#footer-bottom {padding:30px 15px;}
#footer-info {color:#fff;}
.copyr{font-size:16px;}

.button, button, .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button {
	background: #ff5b15 !important;
	color: #fff;
	border-radius: 40px;
	font-size:40px;
	line-height:48px;
	border:none;
	padding:12px 32px;
	font-weight:bold;
	margin: 15px 10px;
	text-decoration:none;
}
button {margin-left:0; margin-bottom:18px; margin-top:25px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight:800;}
.formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button {margin-left:0; margin-bottom:18px; margin-top:25px; font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; font-weight:800; font-size: 24px;}
.button.p2, .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button {
	font-size:24px;
	padding:25px 30px !important;
	line-height:1.25em !important;
	}
.et_pb_button.button:hover, .formcraft-css .fc-form.fc-form-1 .form-element .submit-cover .submit-button:hover  {
        background-color: #000 !important;
		padding:25px 30px !important;
		line-height:1.25em !important;
	}

html .formcraft-css .fc-form .form-element .field-cover .formcraft-icon {right:2%;}
html .formcraft-css .fc-form .final-success {padding:0 !important;}
.formcraft-css .formcraft-icon {display:none;}
html .formcraft-css .fc-form .form-element .submit-cover.align-right .submit-button {white-space:normal;}

strong {font-weight:800;}

.problem{padding-bottom:0;}

.head-m, h1 {font-size:96px; line-height:104px; font-weight:800; width:110%;}
h2 {font-size:40px !important; line-height:48px; font-weight: 800;}
.int-med, .p2 {font-size:24px; line-height: 28px;}
.p1 {font-size:32px; line-height:36px;}
.exb {font-weight:800 !important;}

.et_pb_column.custom-column1 {width:10%; margin-right:0;}
.et_pb_column.custom-column-center {width:80%; margin-right:0;}

.brdr-rad {border-radius:40px;}

ul.mrmango_komplet {list-style-type:none; padding-top:30px; padding-bottom:0; padding-left:0;}
ul.mrmango_komplet li{
	background: url('images/bullet.png') no-repeat left top;
	padding-left:33px;
	margin-bottom:20px;
	}
ul.jedinstvena_ponuda {list-style-type:none; padding-left:0;}
ul.jedinstvena_ponuda li {padding-bottom:10px;}

.et_pb_row.slimpower-grbckgr {padding-top:80px;}

/* button u zelenom bloku */
.z_naruci {min-height:100px;}

/* POST SLIDER */
.psac-post-carousel.psac-design-3 .psac-post-carousel-content {
	border: 4px solid #000; 
	border-radius:40px;
	padding: 40px;
	font-size:18px;
	text-align:left;
	min-height:400px;
}
.ID-153 .psac-post-carousel-content {background:#000; color:#fff;}
.ID-153 .psac-post-title {color:#fff;}
.psac-post-short-content {margin-bottom:0;}
.ID-153 .psac-post-content {margin-top:100px;}
.ID-153 h2.psac-post-title {font-size: 40px !important;}
h2.psac-post-title {font-size: 24px !important; margin:0 !important;}

.slick-initialized .slick-slide {
  border: 4px solid #000;
  border-radius: 40px;
  min-height: 390px;
  margin: 0 20px;
  padding:40px;
}
.testim .fa.fa-quote-left {display:none;}
.testim .wptww-testimonial-left, .testim .wptww-testimonial-content,
.testim .wptww-testimonial-client, .testim .wptww-testimonials-text p{text-align:left !important; font-size:18px; font-style:italic;}

/* .slick-track > .slick-slide {background: #000 ;} */
.slick-track div:first-child {background: #000 !important}

/* sendfox-form */
.sendfox-form input, .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="text"],
 .formcraft-css .fc-form.fc-form-1 .form-element .field-cover input[type="email"]{
	border-radius:40px;
	border: 4px solid #000;
	font-size:24px;
	padding: 22px 20px;
	width:98%;
	color:#ff5b15;
}

.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="text"]:focus {border-color:#000 !important;}

#sendfox_form_name, #sendfox_form_last_name {width: 48%;}
.sendfox-form button {float:right;}

.garanc {margin-top:-40px;}
.btmlogo, #footer-widgets .footer-widget{margin-bottom:0}
#footer-bottom {padding-top:0}
#footer-widgets {padding-top:215px;}
.et-social-icon a {color:#fff;}

html .formcraft-css .powered-by {display:none;}

/* Marquee */
/* marquee {  animation: marquee 20s linear infinite;} */


/* add delay at the end of animation so you dont start while another div is going */
.marquee {
/*        position: fixed; */
        top: 0;
        left: 0;
        width: 100%;
		font-size:96px;
/*        height: 100vh; */
      }
      .marquee .inner {
        position: relative;
/*        width: 100%; */
		width:740px;
        display: flex;
      }
      .marquee .inner > * {
        white-space: nowrap;
        padding: 50px 4rem;
      }

.section_2koraka {overflow:hidden;}
.woocommerce a.button:after {content:none;}
#wps-slider-section .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {border-radius:25px; font-size:18px; padding: 12px 25px;}
.woocommerce-cart h1, .woocommerce-checkout h1 {font-size:60px;}
.wc-block-components-quantity-selector button, button.wc-block-cart-item__remove-link, button.wc-block-components-panel__button {background:none !important;}
.wp-element-button {background-color:#ff5b15; border-radius:20px;}
#wps-slider-section #sp-woo-product-slider-250493 .wpsf-product-price {font-size:27px; margin: 25px auto; font-weight:800;}
.swiper-wrapper:nth-child(2), .swiper-slide-next {border: 1px solid #ccc;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 1px 11px 15px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 11px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 11px 15px 0px rgba(0,0,0,0.75);}
#wps-slider-section.wps-slider-section-250493 .sp-woo-product-slider-section-title {text-align:center; color:#000;}
/*** footer menu ***/
.bottom-nav {padding:0; text-align:left;}
.bottom-nav li {font-size:inherit; padding-left:0;}
#footer-widgets .footer-widget li:before {border-style:none;}

.wpsf-product-desc {
	background: #fff;
    padding: 20px;
    margin: 10px 5vw;
    border-radius: 30px;
}

.button.add_to_cart_button {
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

#wps-slider-section .wps-product-section .swiper-button-prev, #wps-slider-section .wps-product-section .swiper-button-next {top:65px;}
#wps-slider-section .wps-product-section .swiper-button-prev {right:170px;}
#wps-slider-section .wps-product-section .swiper-button-next {right:130px;}
#wps-slider-section #sp-woo-product-slider-250493.wps-product-section .wpsp-nav {border:2px solid #000;}
#wps-slider-section .wps-product-section:not(.sp-wps-custom-template) .wpsf-product-title {font-weight:bolder; font-size:30px;}
#wps-slider-section h2.sp-woo-product-slider-section-title {margin-bottom:45px;}
#wps-slider-section #sp-woo-product-slider-250493 .wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {border-radius:15px;}

@media only screen and (min-width: 981px) {
.et_pb_gutters1 .et_pb_column_1_2.komplet_g1 { width: 45%;}
.et_pb_gutters1 .et_pb_column_1_2.komplet_g2 { width: 55%;}
}

@media only screen and (min-width: 1580px) {
 #mrmango-hero { padding-left:3vw; }
}

@media only screen and (min-width: 1650px) {
 #mrmango-hero { padding-left:0; }
}
	

@media only screen and (max-width: 1500px) {
#mrmango-hero {
	top: 28vh;
	padding-left:7vw; 
}
}


@media only screen and (max-width: 1050px) {
#mrmango-hero {
	top: 24vh;
	padding-left:0;
	padding-left:7vw;
}
}


@media only screen and (max-width: 966px) {
#mrmango-hero {
	top: 20vh;
	padding-left:0;
}
.et_pb_section {padding:10px 0;}
.et_pb_column {margin-bottom:0}
.et_pb_column .et_pb_row_inner, .et_pb_row {padding:30px 0 0 0;}
.marquee {width:92%;}
}

@media only screen and (max-width: 750px) {
#mrmango-hero {top: 22vh; }
	h1 {font-size:68px; line-height:74px} 
	h2 {font-size:32px !important; line-height:40px}
	.p1 {font-size:22px; line-height:26px;}
	.int-med, .p2 {font-size:18px; line-height: 22px;}
	.slick-initialized .slick-slide {padding:20px;}
	.marquee .inner {width:525px;}
}

@media only screen and (max-width: 575px) {
#mrmango-hero {top: 20vh; width:100%; padding-left:20px; padding-right:20px; }
p, .p2, ul.mrmango_komplet li {font-size:18px; line-height: 22px;}
.et_pb_row {width:89%;}
.marquee .inner h1 {width:auto;}
.marquee .inner > * {padding: 30px 4rem 0 4rem;}
.et_pb_row.slimpower-grbckgr {padding-top:40px; width:90%;}
.slimpower-grbckgr h2, .jedinstvena_ponuda h2 {text-align:center}
.button {display: inline-block; width:99%; margin: auto; text-align:center;}
.slimpower-grbckgr .et_pb_column.komplet_g2 {width:112% !important; margin-left:-6% !important;}
.slimpower-blbckgr .et_pb_column.komplet_b1 {width:114% !important; margin-left:-7% !important;}
ul.jedinstvena_ponuda {text-align:center}
#sendfox_form_name, #sendfox_form_last_name {width:98%;}
#sendfox_form_name {margin-bottom:1em;}
#footer-info, .et-social-icons {text-align:left;}
.et-social-icons li {margin-left:0;}
}

@media only screen and (max-width: 350px) {
#mrmango-hero {top: 19vh; }
}