/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	transition:all ease-in-out 0.2s;
}

body {
	padding:0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:#150e18;
}

p {
}

h1 {
	margin:0px;
}

a:hover,
a:focus{
	text-decoration:none;
}

header.mainHeader{
	width:100%;
	padding:20px 0px;
	background:#58325e;
	margin:0px;
}

/* Site Map Page Styling */

#site-map-wrap {
	width:100%;
	height:100%;
	position:absolute;
	background:#150e18;
}

.site-map-welcome {
	margin-top:65px;
	width:100%;
}

.site-map-welcome h3{
	font-size:16px;
	font-weight:600;
	padding-bottom:15px;
	border-bottom:2px solid #8f8b92;
	color:#5f9eb6;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.site-map-welcome h2{
	font-size:48px;
	font-weight:bold;
	color:#fff;
	margin:20px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}

.country-list-wrap {
	margin:43px 0 0px;
}

.country-list-wrap .country-list-content h4 {
	color:#a7a6a8;
	font-size:22px;
	margin:0px;
}

.country-list-content .country-list ul{
	margin-left:0px;
	margin-top:20px;
	list-style:none;
}

.country-list-content .country-list ul li{
	margin:0px;
	background:url(../img/country-list-arrow.png) center left no-repeat;
	width:100%;
	padding:6px 0px 5px 37px;
	border-top:1px solid #5c575e;
}

.country-list-content .country-list ul li:last-child{
	border-bottom:1px solid #5c575e;
}

.country-list-content .country-list ul li a{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	cursor: pointer;
}


.st0{
	fill:#442749;
}

.st1{
	fill:#794184;
}

.st2{
	fill:none;
	stroke:#3D2443;
	stroke-miterlimit:10;
}

.st5{
	fill:#9554AB;
}

#uae-hover-map{display:none;}
#us-map-hover{display:none;}
#pak-map-hover{display:none;}
#china-map-hover{display:none;}
#afghan-map-hover{display:none;}
#uk-map-hover{display:none;}
#iran-map-hover{display:none;}

/* Toltip Styling */

.us-topltip {
	color:#fff;
	position:absolute;
	z-index:99px;
}

.tooltiptext {
    position: absolute;
    width: 200px;
	font-weight:bold;
    background-color: #a05dab;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    z-index: 1;
	font-size:15px;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #a05dab transparent;
}

.tooltiptext-top {
    position: absolute;
    width: 200px;
	font-weight:bold;
    background-color: #a05dab;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    z-index: 1;
	font-size:15px;
}

.tooltiptext-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #a05dab transparent transparent transparent;
}

.us-tooltip{
	top:195px;
	display:none;
}

.uk-tooltip {
    top: 140px;
    left: 180px;
	display:none;
}

.uae-tooltip {
    top: 200px;
    left: 300px;
	display:none;
}

.pak-tooltip {
    top: 200px;
    left: 330px;
	display:none;
}

.afghan-tooltip {
    top: 85px;
    left: 310px;
	display:none;
}

.china-tooltip {
    top: 50px;
    left: 360px;
	display:none;
}

.map-link{
	display:none;
}
/* Media Queries */


@media (max-width: 768px) {

.site-map-welcome h2{
	font-size:30px;
}

.site-map-welcome {
    margin-top: 20px;
}

.country-list-content .country-list ul li a {
    font-size: 20px;
}

.uk-map-hover {
	display:block !important;
}
.site-map-section{
	position:relative;
}
.map-link{
	display:block;
	width: 8%;
	height: 12%;
	position: absolute;
}
}
	
/* Media Queries end */

@media (min-width:1024x){
	.country-list-content .country-list ul li a:hover{
		color:#5f9eb6;
		transition:all 0.3s;
	}
}

@media (max-width: 1199px) {
	
	}
@media (max-width: 1024px) {
	
	}
@media (max-width: 992px) {
	
	}
@media (max-width: 767px) {
	
	}
@media (max-width: 640px) {
	
	}
@media (max-width: 570px) {
	
	}
@media (max-width: 480px) {
	
	}
@media (max-width: 360px) {
	
	}
@media (max-width: 320px) {
	
	}
@media (max-width: 240px) {
	
	}