/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */

/*TOP NAVIGATION WHITE BACKGROUND*/

@media screen and (min-width:981px) {
#et-top-navigation {
  background-color: #ffffff !important;
  border-radius: 50px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  margin: 20px auto;
  width: fit-content;
}

	#top-menu li {
		padding-right:20px!important;
	}

	#et-top-navigation {
		padding-left:24px!important;
	}
}

@media (min-width:982px) and (max-width:1060px) {
#top-menu li {
    padding-right: 40px!important;
}
}

#top-menu li {
	padding-right:70px;
}

#top-menu>li:last-child {
	padding-right:70px;
}

/*#et-top-navigation {
	padding-left:70px;
}*/

#et-top-navigation {
	padding-top:0px!important;
}

#top-menu-nav {
	margin-top:25px!important;
}

.mobile_menu_bar:before { 
	color: #ffffff; 
}

.et_mobile_menu {
	background-color: #ffffff!important;
}

.et_mobile_menu {
	border-top: #fff!important;
}

/*FOOTER*/

#main-footer {
	display:none!important;
}

/*INFOGRAPHIC HOME PAGE*/

.circle-container {
  position: relative;
  width: 600px;
  height: 600px;
  margin: 0 auto;
}

.circle-item {
  position: absolute;
  width: 150px;
  text-align: center;
  transform: translate(-50%, -50%);
}

.item-1 { top: -10%; left: 50%; }     /* Top */
.item-2 { top: 0%; left: 79%; }    /* Top-right */
.item-3 { top: 50%; left: 92%; }   /* Right */
.item-4 { top: 97%; left: 79%; }    /* Bottom-right */
.item-5 { top: 106%; left: 50%; }   /* Bottom */
.item-6 { top: 97%; left: 18%; }    /* Bottom-left */
.item-7 { top: 50%; left: 10%; }     /* Left */
.item-8 { top: 0%; left: 18%; }    /* Top-left */

@media (min-width:980px) and (max-width:1300px){
.item-2 { top: 0%; left: 90%; }    /* Top-right */
.item-4 { top: 97%; left: 90%; }    /* Bottom-right */
.item-6 { top: 97%; left: 10%; }    /* Bottom-left */
.item-8 { top: 0%; left: 10%; }    /* Top-left */ 
}

@media (min-width:767px) and (max-width:979px){
.item-2 { top: 0%; left: 95%; }    /* Top-right */
.item-3 { top: 50%; left: 95%; }   /* Right */
.item-4 { top: 97%; left: 95%; }    /* Bottom-right */
.item-6 { top: 97%; left: 10%; }    /* Bottom-left */
.item-8 { top: 0%; left: 10%; }    /* Top-left */ 
}

/*DOG IMAGE - HOME PAGE*/

@media (min-width: 300px) and (max-width:599px) {
	.dog-image {
		bottom:0px!important;
		top:-70px!important;
	}
}

@media (min-width: 600px) and (max-width:767px) {
	.dog-image {
		bottom:0px!important;
		top:-100px!important;
		
	}
}

@media (min-width: 768px) and (max-width:855px) {
	.dog-image {
		bottom:0px!important;
		top:-275px!important;
		width:80%!important;
		
	}
}

@media (min-width: 856px) and (max-width:890px) {
	.dog-image {
		bottom:0px!important;
		top:-319px!important;
		width:80%!important;
		
	}
}

@media (min-width: 891px) and (max-width:980px) {
	.dog-image {
		bottom:0px!important;
		top:-361px!important;
		width:80%!important;
	}
}

@media (min-width: 981px) and (max-width:1200px) {
	.dog-image {
		bottom:0px!important;
		top:305px!important;
		
	}
}

@media (min-width: 1545px) and (max-width:1780px)  {
	.dog-image {
		bottom:0px!important;
		top:59px!important;
		
	}
}

@media (min-width: 1781px) and (max-width:1900px)  {
	.dog-image {
		bottom:0px!important;
		top:5px!important;
		
	}
}

@media (min-width: 1901px) and (max-width:2000px)  {
	.dog-image {
		bottom:0px!important;
		top:0px!important;
		
	}
}

@media (min-width: 2001px) {
	.dog-image {
		bottom:0px!important;
		top:-78px!important;
	}
}

/*HERO SECTION - PURPLE BANNER*/

@media (min-width: 1621px) and (max-width: 1780px) {
	.hero-banner-section {
		height: 900px!important
	}
}

@media (min-width: 1781px) and (max-width:2000px) {
	.hero-banner-section {
		height: 900px!important
	}
}

@media (min-width: 2001px) and (max-width:3840px) {
	.hero-banner-section {
		height: 950px!important
	}
}

/*HERO SECTION WHY IOMI - PURPLE BANNER*/

@media (min-width: 1800px)  {
	.hero-banner-why-iomi-section {
        height: 650px!important;
 }
}

/* WHY IOMI - WOMAN*/

@media (min-width: 600px) and (max-width: 767px) {
	.woman-mobile-section {
		min-height: 1370px!important;
	}

	.woman-mobile-row {
		margin-top:60px!important;
	}
}

/*CONTACT FORM*/

#contact-form-1 .et-pb-contact-message {
	color: #fff;
    font-family: 'Lilita One',display;
    text-align:center;
    font-size:22px;
}

#contact-form-2 .et-pb-contact-message {
	color: #452767;
    font-family: 'Lilita One',display;
    text-align:center;
    font-size:22px;
}

/*SWIPER*/


  .swiper-button-next {
    right: -50px; /* Move further to the right */
    color:#000!important;
  }

  .swiper-button-prev {
    left: -50px; /* Move further to the left */
	color:#000!important;
  }

  @media (max-width: 768px) {
    .swiper-button-next {
      right: -15px;
    }
    .swiper-button-prev {
      left: -15px;
    }
  }