@charset "utf-8";
/* Theme 1 */
/*dee8f1*/
/*.intro-banner.disable-gradient:before {
    background: #125190;
    opacity: 0;
}*/
.countryAll .photo-box {
	background-color: rgb(255 255 255 / 85%);
	background-size: 128px;
    background-repeat: no-repeat;
    background-position: center 10px;
	height:180px;
}
.countryAll .photo-box:before{
	opacity:0
}
.countryAll .photo-box:hover:before{
	opacity:0.85
}
.countryAll .photo-box .photo-box-content {
	bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
	text-transform:uppercase
}
.countryAll .photo-box .photo-box-content h3 {
    font-size: 1.067rem;
    color: #000;
}
.countryAll .photo-box:hover h3{
	color: #fff
}
.country-simplebar:before {
    content: "";
    position: absolute;
    left: calc(50% - 5px);
    top: 5px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.country-simplebar {
	position:absolute;
    top: 100%;
	display:none;
	border-radius:4px;
	overflow:hidden;
	width: 100%;
	padding-top:1rem
}
.country-header {
	background-color: #fff;
    padding: 1rem;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #ddd;
}
.country-header > h5 {
	margin-bottom:0
}
.country-body {
	max-height: 223px;
    overflow-x: hidden;
}
ul.list-country {
	background-color:#fff;	
	margin-bottom: 0;
	position:relative
}
ul.list-country > li {
	background-color:#fff;
    border-bottom: 1px solid #ddd;
	padding: 0.5rem 1rem;
}
ul.list-country > li > a {
	color:#333;
}
ul.list-country > li > a > img {
	border-radius: 2px;
    width: 20px;
    margin-top: -2px;
    margin-right: 5px;
}
.countryAll .photo-box:hover .country-simplebar {
	display:block
}
.intro-banner {
    min-height: calc(100vh - 137px);
    padding: 50px 0;
}

.intro-banner.disable-gradient:before {
    background: #bc2127;
    opacity: 1;
}
h1, h2, h3, h4, h5, h6{
    color:#fff
}
.maindiv{
    background-color:#cc595c;
    float:left;width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    /* padding:0 15px 15px */
}
.maindiv div.sec1{
    width:100px;float:left;
    padding:14px 0
}
.maindiv div.sec2{
    float:left;width:100%
}
.maindiv h3{
    font-weight:700;text-transform:uppercase
}
#map{
    position:relative;float:right;width:100%;overflow:hidden
}
#map img{
    width:100%
}
.countries ul li:hover,.countries ul li.hover,.countries ul li.selected,.countries ul li.hover{
    background-color:#2a2a2a
}
.countries ul li a{
    color:#fff;text-decoration:none;display:block;padding:5px 0
}
.countries ul li a:link,.countries ul li a:visited,.countries ul li a:active{
    color:#fff
}
.countries ul li a:hover{
    color:#eee
}
.countries ul li strong a{
    padding-bottom:0;padding-top:13px
}
.countries span{
    display:block
}
.countries li span{
    width:28px;margin:0 10px;float:left
}
@media (min-width: 992px){
    #map{width:100%;margin:30px 0}
    #map img{height:586px;width:802px}
}@media (min-width: 768px){
    .btn-lang{font-size:24px}
    .language{margin:30px 0 50px}
    .maindiv{max-height:350px}
    .maindiv h3{font-size:24px}
    h2.title{font:bold 36px/36px Montserrat}
    .countries li span{height:36px}
    .countries ul li a{font-size:15px}
    .logo{width:200px}
    .top_header{padding:15px 0}
}
@media (max-width: 991px){
    #map{
        width:100%;margin:20px 0;max-height:350px
    }
}
@media (max-width: 767px){
    #map{
        width:100%
    }
    .maindiv{
        max-height:250px;margin-bottom:15px
    }
    .language{
        margin:25px 0
    }
    .top_header{
        padding:10px 0
    }
}
@media (min-width: 481px) and (max-width: 767px){
    .btn-lang{
        font-size:21px
    }
    h2.title{
        font:bold 30px/30px Montserrat
    }
    .countries li span{
        height:30px
    }
    .countries ul li a{
        font-size:17px
    }
    .logo{
        width:150px  
    }
}
@media (max-width: 480px){
    .logo{width:100px}
    .maindiv h3{font-size:21px}
    .btn-lang{font-size:17px}
    h2.title{font:bold 21px/24px Montserrat}
    .countries li span{height:28px}
    .countries ul li a{font-size:15px}
    #map{max-height:150px}
}

#map img.map{
    position:relative;z-index:100
}
#map img.region{
    display:none;left:0;position:absolute;top:0;z-index:20
}
#map img.mapbg{
    left:0;position:absolute;top:0;z-index:19
}
.countries{
    float:left;width:100%;position:relative
}
.countries ul{
    float:left;list-style:none;width:100%
}
.countries ul li{
    position:relative;float:left;width:100%;padding: 5px 10px;
}
.arabic .countries ul{
    float:right;margin:20px 10px 0 0
}
.arabic .countries li span{
    top:10px;right:10px;left:auto
}
li.algeria span{
    background-position:left top
}
li.bahrain span{
    background-position:-33px top
}
li.egypt span{
    background-position:-66px top
}
li.jordan span{
    background-position:-99px top
}
li.ksa span{
    background-position:-132px top
}
li.kuwait span{
    background-position:-165px top
}
li.lebanon span{
    background-position:-198px top
}
li.libya span{
    background-position:-231px top
}
li.morocco span{
    background-position:-264px top
}
li.oman span{
    background-position:-297px top
}
li.qatar span{
    background-position:-330px top
}
li.syria span{
    background-position:-363px top
}
li.tunisia span{
    background-position:-396px top
}
li.uae span{
    background-position:-429px top
}









/* END CSS */