/*
Theme Name: MEC
Theme URI: http://www.interface232.com/divi/
Template: Divi
Version: 2.0.0
Description: MEC Custom Theme (child theme for the Divi theme from Elegant Themes)
Author: Ross Jourdain
Author URI: http://www.interface232.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

.clearfix:after {
  content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; 
}
html[xmlns] .clearfix { 
  display: block; 
}
* html .clearfix { 
  height: 1%; 
}
.wrapper-filters {
  position:relative; text-align: center;
}
.wrapper-filters form {
  width:820px; margin:0 auto; position:relative; padding-bottom: 50px;
}
.wrapper-filters .select-element-wrapper {
  width:400px;height:50px;float:left;display:inline-block;
}
.wrapper-filters .select-element-wrapper.first {
  margin-right:20px;
}
.select-wrapper {
  position: relative; width: auto; 
}
.select-wrapper select {
  position: absolute;display: none;
}
.select-wrapper-wrapper {
  margin-top: 10px; 
}
.dropdownPlaceholder { 
  text-align: left; width: 400px; height: 30px; line-height: 30px; min-width: 160px; font-size: 12px; overflow: hidden; position: absolute;  border:1px solid #ddd;    box-shadow: 2px 2px 3px rgba(0,0,0,0.05); border-radius: 5px;
}
.dropdownPlaceholder .trigger { 
  width: 30px; height: 50px;  position: absolute; top: 0; right: 0; cursor: pointer;-webkit-transition: all 0.5s; -ms-transition: all 0.5s;transition: all 0.5s;
}
.dropdownPlaceholder .trigger:before, .dropdownPlaceholder .trigger:after {
  content: ""; position: absolute;top: 22px;right:13px;z-index:100;width: 20px; height: 3px; background-color: #3a3d3d;-webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;
}
.dropdownPlaceholder label {
  position:relative;padding-right: 30px;font-family: "Open Sans", Arial, sans-serif;background: #fff;   width: 100%; display: inline-block;  font-size:20px; line-height: 46px;padding-left: 15px;height:100%;text-transform: none;    color: #3a3d3d;
} 
.dropdownPlaceholder label:hover {
  cursor:pointer;
}
.dropdownPlaceholder.open  .trigger:after {
  -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg);  transform: rotate(180deg);
}
.dropdownPlaceholder.close .trigger:after {
  -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.dropdownPlaceholder ul {
  text-transform:  none; border: none;  max-width: 100%; padding-left: 8px; background:#fff; margin-top: 10px; list-style:none;max-height:350px; overflow-y:auto;
}

.dropdownPlaceholder ul li  {
  cursor: pointer; color:#3a3d3d; font-size:20px;line-height: 34px;padding-left: 7px; margin-right: 10px;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: "Open Sans", Arial, sans-serif;
}
.dropdownPlaceholder ul li:hover {
  background-color: #ddd;
}
.dropdownPlaceholder.open {
  height: auto;
}
.dropdownPlaceholder.open ul {
  z-index: 20; position: relative;
}
.dropdownPlaceholder.close {
  height: 50px;
}
.map-container {
  padding-top: 0 !important; margin-bottom: 60px;
}
.map-container:before {
  display:none;
}
.mauritania:hover, .algeria:hover, .maroco:hover, .somalia:hover, .tunisia:hover {
  fill:#db3339;-webkit-transition: all 0.25s;-ms-transition: all 0.25s; transition: all 0.25s;
}
.egypt:hover, .sudan:hover, .iran:hover, .syria:hover, .iraq:hover, .jordan:hover {
  fill:#000006;-webkit-transition: all 0.25s;-ms-transition: all 0.25s;transition: all 0.25s;
}
.libya:hover, .arabia:hover, .uae:hover, .oman:hover, .kuwait:hover {
  fill:#0d9c57;-webkit-transition: all 0.25s;-ms-transition: all 0.25s; transition: all 0.25s;
}
.map-container .region:hover {
  cursor:pointer;
}
.kuwait-write:hover {
  fill:#fff;
}
.input.et_pb_contact_captcha {
  width:65px;max-width: initial;
}
/* Teo rules */



.navigator-anchor.alingright li {
  text-align: right; float:right;
}

.navigator-anchor li {
  float:left; list-style: none; padding: 0 10px;
}

.navigator-anchor li a {
  text-transform: uppercase; font-weight: bold;
}
.navigator-anchor.text-biger li a {
  font-size: 120%;
}

.et_pb_contact_form_0 .input { background-color: #eee !important; }

.ie svg {
  overflow:hidden;padding-bottom: 47%;
}

#top-menu-nav ul li .sub-menu{
  max-height: 430px !important;overflow-y: auto !important;overflow-x: hidden !important;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
  padding: 72px 0 0 0 !important;
}
.countries-list-cols  .et_pb_module {
  width: 20%; margin-right: 5%; float:left; padding:30px;  
}
.countries-list-cols  .et_pb_module:nth-of-type(4n+4)  {
  margin-right:0;
}
@media (max-width: 1600px) {
  .countries-list-cols  .et_pb_module {
      width: 22%; margin-right: 3%;padding:30px;
  }
}
@media (max-width: 1200px) {
  .countries-list-cols  .et_pb_module {
      width: 30%; margin-right: 3%;
  }
  .countries-list-cols  .et_pb_module:nth-of-type(4n+4)  {
      margin-right:3%;
  }
}
@media (max-width: 940px) {
  .countries-list-cols  .et_pb_module {
      width: 45%; margin-right: 5%;
  }
}
@media (max-width: 600px) {
  .countries-list-cols  .et_pb_module {
      width: 100%; margin-right: 0;padding:40px;
  }
}