/*======================================
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/
Description: Divi child theme
Version: 
Author: Divi
Author URI: https://www.elegantthemes.com/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@media ( max-width: 980px ){
	.column-reverse{
		display: flex;
		flex-direction: column-reverse;
	}
	.column-reverse .et_pb_image .et_pb_image_wrap {
    margin-bottom: 20px;
	}
}

.omar2,.omar3{
  display:none;
}
.et_fixed_nav #main-header .nav ul li a:hover {
	color:#ffffff !important;
	opacity:1;
}
/************** Blurbe er margin 0px  ******************/
.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px !important;
}

#et_pb_contact_form_0 .et_contact_bottom_container{
  width:100%;
}
#et_pb_contact_form_0 .et_pb_contact_submit.et_pb_button{
  width:100%;
  margin-left:3% !important
}

/********* Mobile Menu Collapse Css ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\33";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}
  
span.menu-closed.menu-open:before {
content: "\32";
}
/********* Mobile Menu Collapse Css End********/


/********Header submenu fix with hover effect****/
.sub-menu a{
	font-size:13px !important;
}
#top-menu li li a{
	width:100%;
	padding:4px 13px;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
	background-color:rgba(0,0,0,0);
	color:#ffffff !important;
	opacity:1;
}
.nav li ul {
	position: absolute;
	padding: 0px 0;

}
#top-menu li li {
	padding: 0 0;
	margin: 0;
	width: 100%;
	border-bottom:1px solid #f3f3f3;
}
#top-menu li li:hover {
	background: #df6512;
}
#top-menu li li a:hover{
	color:#ffffff !important;
}
/********Header submenu fix with hover effect end css****/

@media only screen and (max-width: 1330px){
 #top-menu li {
	display: inline-block;
	font-size: 14px !important;
	padding-right: 11px !important;
}
	#logo {
	max-height: 60% !important;
}
	#top-menu li a {
    font-size: 14px !important;
}
}
@media only screen and (max-width: 1136px){
	#logo {
	max-height: 55% !important;
}
	#top-menu li a {
    font-size: 12px !important;
}
	#top-menu li {
	display: inline-block;
	font-size: 14px !important;
	padding-right: 10px !important;
}
}
@media only screen and (max-width: 1035px){
	#top-menu li a {
    font-size: 11px !important;
}
	#top-menu li {
	display: inline-block;
	font-size: 14px !important;
	padding-right: 9px !important;
}
}
/************* Header adjust for all device ************/