/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

.et-db #et-boc .et-l .et_pb_menu_3_tb_header.et_pb_menu #mobile_menu4.et_mobile_menu,
.et-db #et-boc .et-l .et_pb_menu_4_tb_header.et_pb_menu #mobile_menu5.et_mobile_menu{
background-color: rgba(0,0,0,1)!important;	
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu #mobile_menu1.et_mobile_menu {
background-color: rgba(0,0,0,1)!important;
}

.de-burger-menu .et_mobile_menu li a{
text-decoration: none !important;
}

.et_pb_menu .et_pb_menu__icon {
text-decoration: none;
}

@media screen and (max-width: 980px){
	#logo {
	    max-height: 130px !important;
	}
}

.fa-5x {
color: #000 !important;
}

.et_header_style_fullscreen #et-top-navigation .et_toggle_fullscreen_menu, .et_header_style_slide #et-top-navigation .et_toggle_slide_menu {
padding-bottom: 0;
visibility: hidden;
}

.et_pb_contact_submit {
color: #fff !important;
background-color: #8e8777 !important;
border: 2px solid #8e8777 !important;
}

.et_pb_contact_submit:hover {
color: #fff !important;
background-color: #8e8777 !important;
border: 2px solid #8e8777 !important;
}

.et_contact_bottom_container {
float: none;
margin-top: -1.5%;
text-align: center;
}

.my-pla-icon{
	color: #8e8777;
}

.et_pb_slider_0>.box-shadow-overlay, .et_pb_slider_0.et-box-shadow-no-overlay {
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0) !important;
}

#footer-info a{
	color: #fff !important;
}

@media only screen and (min-width: 981px){
	
	.mobile_menu_bar:before {
	    font-size: 40px;
	}
	
}

.mobile_menu_bar:before{
color: #000 !important;	
}

.et_header_style_fullscreen ul#mobile_menu_slide{
	text-align: left;
	position: relative;
	display: table-cell!important;
	height: 100%;
	width: 80% !important;
	vertical-align: middle;
	padding: 0;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a {
padding: 10px 0;
color: #fff;
border: none;
margin-left: 20%;
}

audio{
	width: 60px;
}

#menu3 .et_pb_menu__wrap .mobile_menu_bar {
display: none;
}

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before, .et_pb_menu_2_tb_header .mobile_nav .mobile_menu_bar:before, .et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar:before {
font-size: 34px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
color: #FFFFFF;
}

#wps-slider-section img.wpsf-product-img {
border-radius: 20px;
}

.de-burger-menu .et_pb_menu__wrap:after {
content: "MENU";
position: relative;
top: 8px;
font-size: 18px;
font-weight: 600;
color: #fff;
}

.mobile_menu_bar:before {
color: #fff !important;
}

.et_mobile_menu li a {
font-size: 30px;
font-weigh: 600;
color: #666;
padding: 10px 5%;
display: block;
}

/*****************************************/
/*********| FULLSCREEN MENU CSS |*********/
/*****************************************/

/* Move the hamburger to the right of the header */

.de-burger-menu .et_pb_menu__wrap {
  	justify-content: flex-end !important;
	position: relative;
	top: -5px;
	left: -80px;
}

@media screen and (max-width: 767px){
	.de-burger-menu .et_pb_menu__wrap {
  	justify-content: flex-end !important;
	position: relative;
	top: -110px;
    left: 20px;
}
}

/* Hide the desktop menu */

.de-burger-menu .et_pb_menu__wrap .et_pb_menu__menu {
  display: none !important;
}

/* Force the mobile version of the menu */

.de-burger-menu .et_pb_menu__wrap .et_mobile_nav_menu {
  display: block !important;
  align-items: center !important;
}

/* Fullscreen Menu Style when Opened*/

.de-burger-menu .opened #mobile_menu1 {
  width: 100vw !important; /* Make it span the full width of the viewport */
  position: fixed !important;
  top: 0em !important;
  left: 0vw !important;
  height: 100vh !important; /* Make it span the full height of the viewport */
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
  transition: visibility 0.3s, opacity 0.3s ease-in-out; /* Animate the menu to fade in */
  padding: 0 !important;
  background-color: #000 !important;
}

.et_mobile_menu li a {
font-size: 36px;
font-weight: 600;
color: #fff;
padding: 10px 5%;
display: block;
}

/* Show fullscreen menu */

.de-burger-menu .opened #mobile_menu1 {
  opacity: 1 !important; /* Make it visible by setting opacity to 1 */
  visibility: visible !important; /* Show the menu */
}

/* Hide and fade out the Menu when closed */

.de-burger-menu .closed #mobile_menu1 {
  opacity: 0 !important; /* Make it invisible by setting opacity to 0 */
  visibility: hidden !important; /* Hide the menu */
  transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out !important; /* Animate the menu to fade out */
}

/* Remove Bullets next to LI Elements */

.de-burger-menu #mobile_menu1 li {
  list-style: none !important;
  text-align: center !important;
  width: 100%
}

/* Make sure that the menu is above other elements */

.de-burger-menu .et_pb_menu__wrap span.mobile_menu_bar {
  z-index: 999999 !important;
}

/* Set the close icon for when the menu is open */

.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
  color: white !important; /* Icon color */
  content: "\4d" !important; /* Divi font icon to use for the close icon */
  left: -40px; /* Close icon position. You might need to play with this to make it look right */
}

/* Keep hamburger icon in fixed position on mobile */
.de-burger-menu .opened .mobile_menu_bar {
  position: fixed !important;
}

/* Remove mobile menu border */

.de-burger-menu .et_mobile_menu {
  border-top: none;
}

/* Make sure the menu items do not show a background */

.de-burger-menu .et_mobile_menu .menu-item-has-children>a {
  background-color: transparent;
}

/* Remove the hover background from the menu items and add hover animation */

.et_mobile_menu li a:hover {
  background-color: transparent;
  opacity: 1;
  transition: transform 0.3s ease-in-out !important; /* Animated the menu item when hovered */
  transform: scale(1.15); /* Enlarge the hovered menu item by 15% when hovered */
}

/* Remove menu item bottom borders */

.de-burger-menu .et_mobile_menu li a {
  border-bottom: none;
}

@keyframes flickerAnimation {
    from {top:0px; opacity: 0; } 
    to {top:200px;}
}
@-o-keyframes flickerAnimation  {
    from {top:0px; opacity: 0; } 
    to {top:200px;}
}
@-moz-keyframes flickerAnimation  {
    from {top:0px; opacity: 0; } 
    to {top:200px;}
}
@-webkit-keyframes flickerAnimation {
    from {top:0px; opacity: 0; } 
    to {top:200px;}
}
.animate-flicker {
    animation: flickerAnimation 1s infinite alternate;
   -webkit-animation: flickerAnimation 1s infinite alternate;
   -moz-animation: flickerAnimation 1s infinite alternate;
   -o-animation: flickerAnimation 1s infinite alternate;   
}

@media screen and (max-width: 980px){
.mobile_nav #mobile_menu4 {
    background-color: rgba(0,0,0,1)!important;
    width: 130%!important;
    margin-left: -22%;
    text-align: center;
    margin-top: 60px;
	padding-bottom: 60px;
}
}

@media screen and (max-width: 767px){
	
.de-burger-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
    color: white!important;
    content: "\4d"!important;
    left: 0px;
}	
	
.et_pb_gutters3 .et_pb_column_1_6, .et_pb_gutters3 .et_pb_row .et_pb_column_1_6, .et_pb_gutters3 .et_pb_column_1_7, .et_pb_gutters3 .et_pb_row .et_pb_column_1_7, .et_pb_gutters3 .et_pb_column_1_8, .et_pb_gutters3 .et_pb_row .et_pb_column_1_8, .et_pb_gutters3 .et_pb_column_1_10, .et_pb_gutters3 .et_pb_row .et_pb_column_1_10, .et_pb_gutters3 .et_pb_column_5_6, .et_pb_gutters3 .et_pb_row .et_pb_column_5_6, .et_pb_gutters3 .et_pb_column_1_5, .et_pb_gutters3 .et_pb_row .et_pb_column_1_5, .et_pb_gutters3 .et_pb_column_2_5, .et_pb_gutters3 .et_pb_row .et_pb_column_2_5, .et_pb_gutters3 .et_pb_column_3_5, .et_pb_gutters3 .et_pb_row .et_pb_column_3_5, .et_pb_gutters3 .et_pb_column_4_5, .et_pb_gutters3 .et_pb_row .et_pb_column_4_5, .et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3 .et_pb_row .et_pb_column_1_4 {
width: 100% !important;
margin-right: 5.5%;
}	
	
	#menu3{
		margin-top: -60px;
	}
	
	#mobile_menu4 .et_mobile_menu li a {
    font-size: 26px !important;
    font-weight: 600;
    color: #fff;
    padding: 10px 5%;
    display: block;
}
	
	.de-burger-menu .opened .mobile_menu_bar {
    	position: absolute !important;
	}
	
	.de-burger-menu .opened .mobile_menu_bar {
    	position: relative!important;
	}
	
}

@media screen and (max-width: 496px){
	audio{
		width: 150px;
	}
}