@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('../fonts/raleway-extrabold-webfont.eot');
    src: url('../fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('../fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayheavy';
    src: url('../fonts/raleway-heavy-webfont.eot');
    src: url('../fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-heavy-webfont.woff2') format('woff2'),
         url('../fonts/raleway-heavy-webfont.woff') format('woff'),
         url('../fonts/raleway-heavy-webfont.ttf') format('truetype'),
         url('../fonts/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/roboto-light.eot');
    src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light.woff2') format('woff2'),
         url('../fonts/roboto-light.woff') format('woff'),
         url('../fonts/roboto-light.ttf') format('truetype'),
         url('../fonts/roboto-light.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {margin:0px; padding:0px; font:normal 14px 'latoregular'; line-height:20px; color:#000!important; background:#fff;}
html, body {height:100%;}

/* HTML5 tags */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,.nav,section,summary{ display: block;}
.audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
.audio:not([controls]) { display: none; }
.[hidden] { display: none; }

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,strong,form,fieldset,table,th,tr,td,input,label,select,div{margin:0px; padding:0px;}
input, textarea, select{}

object, embed {max-width:100%!important; height:auto!important;} 

input::-webkit-input-placeholder {opacity:1;}
input::-moz-placeholder {opacity:1; }
input:-ms-input-placeholder {opacity:1;}
input:-moz-placeholder {opacity:1;}
input::-webkit-input-placeholder {opacity:1;}

* {margin:0px; padding:0px;}
a {outline:none; text-decoration:none; color:#1e9fcb}
a:hover {text-decoration: underline;}
.fl {float:left!important;}
.fr {float:right!important;}
img {border:none; line-height:0px; font-size:0px; outline:none;}
.cl {clear:both; line-height:0px!important; font-size:0px!important; height:0px!important;}
.no-bdr {border:none!important;}

/*---- extra ----*/
img {display:block; height:auto; max-width:100%;}

.no-pad {padding:0px!important;}
.npl {padding-left:0px!important;}
.npr {padding-right:0px!important;}
.npt {padding-top:0px!important;}
.npb {padding-bottom:0px!important;}

.no-mar {margin:0px!important;}
.nml {margin-left:0px!important;}
.nmr {margin-right:0px!important;}
.nmt {margin-top:0px!important;}
.nmb {margin-bottom:0px!important;}
.no-bg {background:none!important}

.img-box {width:100%; height:100%; display:block; position:relative}
/*.wrapper {width:100%; margin:0 auto; text-align:center; position:relative;}*/

.wrapper {display:block; text-align:center; position:relative;}

/******----- Header -----******/
.header_content{padding:0px; max-width: 1000px; margin: 0 auto;}
.header {width:100%; margin:0px; text-align:left; padding:10px 0; position:relative; z-index:9; left:0%; top:0%; z-index:999; background:#ffffff}
.header .logo-box {float:left; line-height:0; width:110px;}
.header .side-box {float:right; position:relative}
.header .side-box .head-srch-box {float:left; display:none;}
/*.header .side-box .head-srch-box input[type="text"]{width:170px; padding:10px 15px; font:normal 12px/16px 'latobold'; color:#b0b0b0; text-align:left; background:#fff; border:none; float:left;}
.header .side-box .head-srch-box input[type="submit"] {background:url(../images/srch-btn.png) no-repeat 0 0; width:40px; height:35px; float:left; cursor:pointer; border:none; font-size:0; line-height:0}*/


.menu {float:left; padding:19px 0 0;}
.menu ul {list-style-type:none; float:left;}
.menu ul li {float:left; margin:0 1px 0 0; text-transform:uppercase; position:relative;}
.menu ul li a {font:normal 14px/20px 'ralewaybold'; color:#120e73; text-decoration:none; padding:10px 20px; display:inline-block;
-moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;
}
.menu ul li a:hover, .menu ul li:hover a {background:#84c5f3; color:#fff}
.menu ul li.active a {background:#84c5f3; color:#fff}

.menu ul li ul {position:absolute; top:26px; display:none; z-index:99; padding-top:41px;}
.menu ul li:hover ul {display:block;}
.menu ul li ul li {margin:0px 0 1px 0px !important;  width:250px; }
.menu ul li ul li a { display:block; border:0px; color:#fff; margin:0px; background:#549bce !important;  border-left:2px solid #84c5f3;}
.menu ul li ul li a:hover{ background:#84c5f3 !important; border-left:2px solid #549bce; color:#fff;} 

/******----- banner -----******/
.banner-box {display:block; position:relative; text-align:center; position:relative;}
.banner-contbox {max-width:1000px; margin:0 auto; font:normal 60px/60px 'ralewayextrabold'; color:#fff; height:250px; position:absolute; top:50%; left:30%;}

/******----- middle -----******/
.middle-box {display:block;}


/******----- colum box -----******/
.colum-box {display:block; margin: 0 auto; max-width: 1520px;}
.colum-box ul {list-style-type:none;}
.colum-box ul li {float:left; padding:0.5% 0 0 0.5%; width:32.6%;}
.colum-box ul li .section {position: relative;}
.colum-box ul li .desc-text {bottom:0; height:36px; background:rgba(38,37,37,0.6); position: absolute; width:100%; padding: 17px 0 0}
.colum-box ul li .desc-text h4 { font-size: 24px; color:#ffffff; float: left; margin-left:20px;  font-family: 'ralewaymedium';}
.colum-box ul li .desc-text a {float:right; margin:1px 40px 0 0; font-size:16px; color:#ffffff; font-family:'ralewayregular'; text-decoration: none; padding-right:14px; background: url(../images/explorer-arrow.png) no-repeat center right}

.colum-box ul li img {width:100%;}
.colum-box ul li:last-child {width:32.7%}

/******----- map box -----******/
.map-box {background:url(../images/home-map-img.jpg) no-repeat 50% 50%; min-height:595px; text-align:center;}
.map-contbox {max-width:1000px; margin:0 auto; text-align:left; padding:50px 0;}
.map-contbox h3 {font:normal 36px/36px 'ralewayheavy'; color:#02003e; text-transform:uppercase; text-align:center; padding:0 0 25px;}
.map-contbox h4 {font:normal 24px/36px 'ralewaybold'; color:#3e3d69;  padding:0 0 0 50px; background: url(../images/map-icon-home.png) no-repeat 0 0}
.map-contbox h4 a {color:#3e3d69;}
.map-contbox ul {list-style-type:none; margin-left: 90px;}
.map-contbox ul li { text-align:left; color:#3e3e3e; font-size: 16px; line-height: normal; padding: 10px 0; font-family: 'ralewaysemibold'; border-bottom: 1px dotted #a9a9ad}
.map-contbox .section { float: left; margin-left:33% }
.map-contbox .section.section2 { float: left; margin-left:59%; margin-top:7px;}
.map-contbox .section.section3 { float: left; margin-left:45%; margin-top: -45px}



/******----- what we do box -----******/
.we-do-box {display:block; background:#eaeaf4;}
.we-do-lftbox {width:50%; float:left; line-height:0;}
.we-do-lftbox img {width:100%;}

.we-do-rgtbox {width:50%; float:left;}
.we-do-rgtbox .we-do-contbox {display:block; text-align:left; padding:65px 0 0 75px;}
.we-do-rgtbox .we-do-contbox h3 {font:normal 36px/42px 'ralewayheavy'; color:#02003e; padding:0 0 20px; text-transform:uppercase;}
.we-do-rgtbox .we-do-contbox p {font:normal 14px/20px 'ralewayregular'; color:#000; padding:0 0 30px; max-width:430px; }
a.read-more {display: inline-block; font-size: 18px; color:#333092; text-decoration: none; text-transform: uppercase; border:4px solid #333092; padding:14px 45px; text-align: center; font-family: 'ralewayheavy'; min-width:101px; transition: all 0.2s ease-in;}
a.read-more:hover { background:#333092; color:#fff}

/******----- News & Media box -----******/
.news-media-box {display:block; text-align:center; background:#fff;}
.nw-box {max-width:1000px; margin:0 auto; text-align:left; padding:60px 0 20px;}
.nw-box .nw-box1 {width:250px; float:left; margin:0 25px 0 0;}
.nw-box .nw-box1 h3 {font:normal 62px/56px 'ralewayheavy'; color:#02003e; text-transform:uppercase; padding:0 0 15px;}
.nw-box .nw-box1 h3 span {display:block; font-size:48px; line-height:42px;}
/*.nw-box .nw-box1 a {display:block;}*/

.nw-box .nw-box2 {width:340px; float:left; padding:0 45px 0 0;}
.nw-box .nw-box2 h3 {font:normal 18px/22px 'ralewayheavy'; color:#333092; padding:0 0 20px; min-height: 88px;}
.nw-box .nw-box2 h3 a {color:#333092; text-decoration:none;}
.nw-box .nw-box2 h3 a:hover {text-decoration:none;}
.nw-box .nw-box2 p {font:normal 14px/24px 'ralewayregular'; color:#000; padding:0 0 30px;}
.nw-box .nw-box2.no-padding {padding-right:0px;}


/******----- footer box -----******/
.footer-main-box {display:block; text-align:center;}
.foot-menu-box {padding:17px 0 10px; background:#efeff7; text-align:center;}
.foot-menu-box ul {display:inline-block; list-style-type:none;}
.foot-menu-box ul li {float:left; padding:0 20px; font:normal 12px/16px 'ralewayregular'; text-transform:uppercase;}
.foot-menu-box ul li a {color:#333092; text-decoration:none;}
.foot-menu-box ul li a:hover, .foot-menu-box ul li a.active {color:#5a5e64;}

.footer-box {max-width:1000px; margin:0 auto; text-align:center; padding:20px 0}
.footer-box p {font:normal 12px/16px 'ralewayregular'; color:#8f8f8f;}
.footer-box p a {color:#8f8f8f; text-decoration:none;}
.footer-box p a:hover {text-decoration:underline;}

/*---------------- inner pages starts ---------------------*/
.banner-box.inner-banner {display:block; position:relative; text-align:center; position:relative;}
.banner-box img {width:100%}
.banner-box.inner-banner img {width:100%}
/*---- content container ----*/
.content-container {padding:0 0 50px; max-width: 1000px; margin: 0 auto;}
.content-container .sub-nav {padding:10px 0; border-bottom: 1px solid #cacaca;}
.content-container .sub-nav ul { list-style: none}
.content-container .sub-nav ul li { float: left; padding: 0 10px 0 20px; font-family:'ralewaybold'; background:url(../images/sub-nav-sep.png) no-repeat 0 4px; font-size: 12px; text-transform: uppercase}
.content-container .sub-nav ul li:first-child { padding-left: 0; background: none;}
.content-container .sub-nav ul li:last-child { padding-right: 0;}
.content-container .sub-nav ul li.arrow {background:url(../images/blue-arrow.png) no-repeat 0 2px;}
.content-container .sub-nav ul li a {color:#333092}
.content-container .sub-nav ul li a:hover,.content-container .sub-nav ul li a.active {color:#9b9b9b; text-decoration: none;}
.content-container h1 {color:#02003e; font-size: 48px; font-family: 'ralewayextrabold'; line-height: normal; padding:45px 0 35px; font-weight: normal}
.content-container h1.no-padding {padding:45px 0 0;}
.content-container h3 {color:#000000; font-size: 24px; font-family:'ralewaybold'; line-height:30px; padding-bottom: 25px; font-weight: normal; text-align: center}
.content-container h3.center { text-align:center}
.content-container h3.padding1 {padding-bottom:5px}
.content-container h3.padding2 {padding-bottom:8px; padding-top:25px;}
.content-container p {color:#000000; font-size:14px; font-family:'ralewayregular'; line-height:24px; padding-bottom: 25px; text-align:justify;}
.content-container p.bottom-text {color:#000000; font-size:18px; font-family:'ralewayheavy'; line-height:auto; text-transform: uppercase; text-align: center}
.content-container p.bottom-text span {color:#02003e; font-size:30px;}
.content-container p.bottom-text span strong {color:#000000}
.content-container p.btm-urdu-text { padding:20px 0 4px; text-align: center}
.content-container p.btm-urdu-text img { display:inline-block}
.content-container .pic-center { text-align: center; padding-bottom: 25px;}
.content-container .pic-center img {display: inline-block}
.team-container {padding:0}
.team-container .bg-row {padding:0; background:#e2e6f9; padding:30px; border-radius: 8px; margin-bottom: 20px;}
.team-container .bg-row .left-container {float:left; margin-right:15px; width:235px;}
.team-container .bg-row .left-container.top-margin {margin-top:80px;}
.team-container .bg-row .left-container .pic {margin:0 auto 4px; border:10px solid #cfd3e5; border-radius:165px; width:165px; height:165px; background: #fff }
.team-container .bg-row .left-container h4 {font-size: 16px; color:#000000; text-transform: uppercase; font-family:'ralewaybold'; line-height: 22px;}
.team-container .bg-row .left-container h4 span {color:#333092; display: block;}



.team-container .bg-row .right-container {float:left; width:690px; text-align: left}


.dashed-brdr-btm { border-bottom: 1px dashed #b9b9b9; padding-bottom:35px; margin-bottom: 35px; }
.content-container h3.btm-brdr { background: url(../images/brdr-btm-img.jpg) no-repeat bottom center; padding-bottom: 10px; margin-bottom: 35px; font-size: 30px; color:#02003e;font-family: 'ralewayextrabold';}
.outlook-section { padding: 0 }
.outlook-section .section {display:block; margin-bottom: 25px;}
.outlook-section .section.no-margin {margin-right:0;}
.outlook-section .section .heading-bg { font-size:20px; color:#ffffff; background:#4c5782; font-family: 'ralewayextrabold'; line-height: 22px; padding:10px 0}
.outlook-section .section .gray-section { background:#ededed; color:#000000; font-size: 14px; line-height:24px; font-family:'ralewayregular'; padding:37px 53px 10px; text-align: left}
.outlook-section .section .gray-section p { background: url(../images/bullet-blue.png) no-repeat 0 6px; padding-left:25px; padding-bottom:18px;}
.outlook-section .section.red-bg .gray-section p { background: url(../images/bullet-red.png) no-repeat 0 6px; padding-left:25px}
.outlook-section .section.red-bg .heading-bg { background:#ce3c2b}

.block7-map {background:url(../images/block7-oman-map.jpg) no-repeat center; min-height: 740px;}

.table-container {padding:0; border:1px solid #ebebeb; border-collapse: collapse; margin-bottom: 40px;}
.table-container td {border:0; border-right:1px solid #fff; background:#ebebeb; font-family:'ralewayregular'; width:33%; padding: 13px 10px}
.table-container th {border:0; background:#f5f5f5; font-size:14px; color:#000000; font-family:'ralewayregular'; padding: 13px 10px}
.table-container td a:hover{text-decoration: none;}
.apply-now { background:#324392; padding:0; height:50px; line-height: 50px; width: 226px; text-align: center; font-size: 18px; text-decoration: none; margin: 0 auto; display: block; color:#ffffff; text-decoration: none!important;font-family: 'ralewayextrabold'; border-radius: 5px;}

.content-container .latest-news-pic {padding-bottom: 25px;text-align: center;}
.content-container .latest-news-pic img {/*border:2px solid #e0e0e0;*/ display: inline-block}
.content-container .latest-news-pic.lft { float:left; margin-bottom:10px; padding:0px}
.content-container .latest-news-pic.lft img{ margin-right:45px;}
.content-container .latest-news-pic.rgt { float:right; margin-bottom:5px; padding:0px}
.content-container .latest-news-pic.rgt img{ margin-left:45px;}
.padd_1{ padding-top:30px;}
/******----- contact container -----******/
.content-container.contact { padding-bottom:10px}
.contact-container {display:block; background:#e9e9e9; margin-bottom:25px;}
.contact-container .lftbox {width:50%; float:left; line-height:0; border-right:1px solid #fff; box-sizing: border-box}
.contact-container .lftbox img {width:100%;}
.contact-container .rgtbox {width:50%; float:left;}
.contact-container .rgtbox .inner-div {display:block; text-align:left; padding:40px 0 0 75px;}
.contact-container .rgtbox .inner-div p {font:normal 24px 'ralewaybold'; color:#000000; padding:0 0 20px;}
.contact-container .rgtbox .inner-div p span {font:normal 24px 'ralewayregular'; color:#000000; padding-right: 10px;}
.contact-container .rgtbox .inner-div p a {font-size:18px; color:#333092; text-decoration: underline}

.contact-form-container {padding:39px 0 40px; background:#d6d6e9; border-top: 1px solid #fff}
.contact-form-container .inner {max-width: 1000px; margin: 0 auto}
.contact-form-container h3 {font-size:48px; color:#000000; font-family: 'ralewayextrabold'; padding-bottom: 33px;}
.contact-form-container p {font-size:18px; color:#000000; font-family: 'ralewaybold'; padding-bottom: 29px;}

.contact-form-container .contact-left {float:left; width:380px; margin-right: 20px; margin-top:32px;}
.contact-form-container .contact-left .row {padding-bottom:20px;}
.contact-form-container .contact-left .row input {width:100%; padding: 15px 22px; height:50px; line-height:50px; font-size: 18px; color:#c3c3c3; border:0;box-sizing: border-box; font-family: Arial}


.contact-form-container .contact-right {float:left; width:580px;}
.contact-form-container .contact-right p {font-size: 14px; color:#000; font-family: 'ralewayregular'; padding: 0 0 12px; text-align: left;} 
.contact-form-container .contact-right textarea {width:100%; padding: 15px 22px;  font-size: 18px; font-family: Arial; color:#c3c3c3; border:0; box-sizing: border-box; height:190px;}
.contact-form-container .submit { margin: 0 auto; width:298px; height:52px; border:4px solid #333092; font-size:24px; text-transform: uppercase; font-family: 'ralewayextrabold'; background: none; color:#333092; cursor: pointer; margin-top: 20px;}

.sub-heding{ text-align:center; font:normal 24px 'ralewaybold'; color:#000000;}
.histoty-title{ border-radius:8px; background:#b5c1c7; border:1px solid #d7e0e5; color:#fff; text-align:center; line-height:45px; font-size:30px; font-family: 'ralewayextrabold'; width:285px; margin:0 auto 0px; padding:0px;}


.histoty-container{ background:url(../images/history-bg-img.png) no-repeat top center; height:1033px; width:830px; margin:0px auto 70px; position:relative; }

.history-box{float:left; background:url(../images/history-box-bg.png) no-repeat top center; width:240px; height:128px; padding:20px 40px 0 20px;  -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}
.history-box.top-padding {padding-top:49px;}
.history-box.top-padding1 {padding-top:39px;}
.history-box.top-padding2 {padding-top:31px;}
.history-box:hover { transform: scale(1.15);}
.history-box p{ line-height:20px; text-align:left; font-family: 'ralewayregular'; font-size:14px; padding:0 0 5px; font-weight: bold;}
.circle-img{float:right}
.circle-img.lft{ float:left; margin:30px -3px 0 0}
.circle-img.rgt{ float:right; margin:30px 0 0 -8px}

.history-15{ position:absolute; top:20px; left:0px;}
.history-13{ position:absolute; top:202px; left:0px;}
.history-11{ position:absolute; top:389px; left:0px;}
.history-6{ position:absolute; top:574px; left:0px;}
.history-1{ position:absolute; top:761px; left:0px;}

.history-14{ position:absolute; top:111px; right:0px;}
.history-12{ position:absolute; top:292px; right:0px;}
.history-7{ position:absolute; top:499px; right:0px;}
.history-5{ position:absolute; top:663px; right:0px;}
.history-99{ position:absolute; top:854px; right:0px;}


.search-toggle{ margin-top:17px; float:right; position:relative}
.search-toggle .search-icon{  background:url("../images/srch-btn.png") no-repeat scroll center center;float: right;height: 40px;width: 40px;}
.search-toggle .search-icon.active-s { background-color:#ccc}
.search-toggle .search-icon a{ outline:none;}	
.search-box{ background: #fff none repeat scroll 0 0;border: 1px solid #ccc;display: none;padding: 0 15px;position: absolute;right: 0;top: 40px;}
.search-box input[type="text"] {
    background: #fff none repeat scroll 0 0;
     border:2px solid #84c5f3 ;  
    color: #000;
    font:14px/23px "ralewayregular";
  	padding:5px;
    width:220px;
	margin:10px auto;
}
.contact-container .lftbox iframe{ width:100%; height:337px;}
.circle-panel{ display:none;}
.histoty-container_mob{ display:none}	

/*-------------- publication starts -------------------------*/
.publication-container { padding: 0}
.publication-container ul { list-style: none}
.publication-container ul li {float:left; width:32.6%; padding: 10px 10px 0 0 }
.publication-container ul li:nth-child(3n+3) {padding-right:0 }
.publication-container ul li .publication { background:#efeff7; border:3px solid #e1e1ec; border-radius: 5px; text-align: center; padding: 20px 10px 10px; min-height: 148px;}
.publication-container ul li:hover .publication { background:#fff;}
.publication-container ul li .publication .icon { text-align: center}
.publication-container ul li .publication p { font-size: 15px; color:#02003e; text-align: center; padding:14px 0 0; margin: 0}
.publication-container ul li .publication p a {color:#02003e;}
.publication-container ul li .publication .icon img { display:inline-block}

/*-------------- publication ends -------------------------*/
/*-------------- annual report starts -------------------------*/
.annual-report-container { padding: 0}
.annual-report-container ul { list-style: none}
.annual-report-container ul li {float:left; width:48%; padding: 15px 15px 0 0 }
.annual-report-container ul li:nth-child(2n+2) {padding-right:0 }
.annual-report-container ul li .reports {background:#efeff7; border:3px solid #e1e1ec; border-radius: 5px; text-align: center; padding:10px 10px 10px; min-height: 148px;}
.annual-report-container ul li:hover .reports { background: #fff}
.annual-report-container ul li .reports .pic {float:left; width:226px; height:317px; padding-right: 20px;}
.annual-report-container ul li .reports .details {float:left; width:193px; text-align: center}
.annual-report-container ul li .reports .details h4 { font-size: 24px; color:#000000; font-family: 'ralewaybold'; padding-bottom: 115px;}
.annual-report-container ul li .reports .details h4 span { font-size: 24px; color:#ffffff; background:#84c5f3; border-radius:5px; width:120px; height: 43px; line-height: 43px;  text-align: center; display: block; margin: 0 auto;  margin-bottom: 17px;}
.annual-report-container ul li .reports .details a { font-size: 23px; color:#1000ff; line-height: 30px; font-family: 'ralewaybold'; text-decoration: underline}
.annual-report-container ul li .reports .details a:hover { text-decoration:none;}
/*-------------- annual report ends -------------------------*/
ul.arrow-list { list-style: none; padding:10px 0 20px;}
ul.arrow-list li { background:#efeff7 url(../images/arrow-green.png) no-repeat 18px 11px; padding: 10px 10px 10px 45px; border-bottom: 1px solid #ffffff; text-align: left; font-family: 'ralewaylight'; color:#000000; font-size: 14px;}


.box1 {padding:6px; border:4px solid #dbdbdb; float:left; margin-right: 28px; width:466px; margin-bottom: 25px; box-shadow:0 0 24px #ccc}
.box1 h5 {color:#333092; font-family: 'latobold'; padding:20px 0; font-size: 19px; font-weight: normal; line-height: 27px;}
.box1 h5 a,.box2 h5 a,.box3 h5 a {color:#333092; text-decoration: none}
.box1 h5 a:hover,.box2 h5 a:hover,.box3 h5 a:hover {; text-decoration:underline}
.box1 h5.padding1 {padding:6px 0;}
.box1.box-right {margin-right:0; width:466px;}
.box2 {padding:6px; border:4px solid #dbdbdb; float:left; margin-right: 28px; width:594px; margin-bottom: 25px; box-shadow:0 0 24px #ccc}
.box2 .pic {float:left;}
.box2 h5 {color:#02003e; font-family: 'latobold'; padding:120px 0 0 20px; font-size: 19px; font-weight: normal; float:left}
.box3 {padding:6px; border:4px solid #dbdbdb; float:left; margin-right: 0; width:338px; margin-bottom: 25px; box-shadow:0 0 24px #ccc}
.box3 h5 {color:#02003e; font-family: 'latobold'; padding:20px 0; font-size: 19px; font-weight: normal}
.chairman_box{padding:0px; margin:0px auto}
.chairman_box strong{ font:24px/28px "ralewaybold"; padding-bottom:50px; display:block; text-align:center}
/*---- content container ends ----*/

/* Required */
.hidden{opacity: 0;}
.visible{opacity: 1;}

.gmap-container{ position:relative; background: url(../images/assets-map.jpg) no-repeat 0 0; height:678px; border:6px solid #fff; text-align:left !important; margin:0px; padding:0px; /*box-shadow:0px 4px 9px #333*/}
.gmap-container_1{ position:relative; background: url(../images/assets-map_new.jpg) no-repeat 0 0; height:678px; border:6px solid #fff; text-align:left !important; margin:0px; padding:0px; /*box-shadow:0px 4px 9px #333*/}
.gmap-container span{ border-radius:9px; height:9px; width:9px; background:#f90204; display:block;
cursor: pointer;}
.gmap-container span:hover{background:#549bce;}
.gmap-container_1 span{ border-radius:9px; height:9px; width:9px; background:#f90204; display:block;
cursor: pointer;}
.gmap-container_1 span:hover{background:#549bce;}

.tooltip{ position:relative;}
.tooltip:hover .add_box{display: block;}
.tooltip .add_box{background-color: rgba(248, 248, 247, 0.8); display: none; font:14px/19px "ralewaybold"; color:#000;  position: absolute;  left:50px; text-align: left;  top:-10px;  width:225px; padding:12px 12px 12px 20px; border-radius:8px; box-shadow:0 1px 3px #333;}
.tooltip .add_box:after{top:25%; right:100%; content: " "; height: 0; width: 0; position: absolute; 2
pointer-events: none; border-left:8px solid transparent; border-top:3px solid transparent; border-bottom:12px solid transparent;
border-right:34px solid  rgba(248, 248, 247, 0.8);}
.tooltip .add_box a{color:#000; text-decoration:none}
.tooltip .add_box a:hover{color:#333092; text-decoration:none}

.add_1{position:absolute; top:40px; left:342px;}
.add_2{position:absolute; top:327px; left:679px;}
.add_3{position:absolute; top:262px; left:528px;}
.add_4{position:absolute; top:301px; left:671px;}
.add_5{position:absolute; top:316px; left:669px;}
.add_6{position:absolute; top:325px; left:672px;}
.add_7{position:absolute; top:387px; left:619px;}
.add_8{position:absolute; top:591px; left:532px;}

.gmap-container_1 .add_3 {
    position: absolute;
    top: 275px;
    left: 527px;
}
.gmap-container_1 .add_4 {
    position: absolute;
    top: 313px;
    left: 664px;
}
.gmap-container_1 .add_6 {
    position: absolute;
    top: 336px;
    left: 665px;
}
.gmap-container_1 .add_2 {
    position: absolute;
    top: 338px;
    left: 671px;
}
.gmap-container_1 .add_7 {
    position: absolute;
    top: 396px;
    left: 614px;
}
.gmap-container_1 .add_1 {
    position: absolute;
    top: 62px;
    left: 346px;
}
.gmap-container_1 .add_8 {
    position: absolute;
    top: 595px;
    left: 531px;
}
.gmap-container_1 .add_9 {
    position: absolute;
    top: 76px;
    left: 359px;
}
.gmap-container_1 .add_10 {
    position: absolute;
    top: 54px;
    left: 355px;
}
.gmap-container_1 .add_11 {
    position: absolute;
    top: 45px;
    left: 352px;
}
.gmap-container_1 .add_12 {
    position: absolute;
    top: 29px;
    left: 331px;
}
.east-map{ position:relative; background: url(../images/east-map.jpg) no-repeat top center; height:647px; border:6px solid #fff; text-align:left !important; margin:0px; padding:0px;/* box-shadow:0px 4px 9px #333*/}
.east-map span{ width:127px; text-indent: -99999px; display:block; cursor:pointer; font-family:"ralewaybold"; font-size:25px}
.east-map span:hover{}

.east_tooltip{ position:relative;}
.east_tooltip:hover .inner_box{display: block;}
.east_tooltip .inner_box{background-color: rgba(248, 248, 247, 0.8); display: none; font:14px/19px "ralewaybold"; color:#000;   text-align: left; margin:-31px 0 0 95px; width:155px; padding:22px; border-radius:5px; box-shadow:-5px 6px 6px #333;}
.east_tooltip .inner_box ul{ margin:0px; padding:0px;}
.east_tooltip .inner_box ul li{ display:block; font-family: 'ralewaymedium'; font-size:14px; color:#000; list-style:none; line-height:22px;}
.east_tooltip .inner_box ul li strong{ font-family:"ralewaybold"}
.east_tooltip .inner_box.bott{ margin:-245px 0 0 125px;}


.blog_5{position:absolute; top:122px; left:383px;}
.east-map .blog_5 span {width:86px; height:25px;}
.blog_7{position:absolute; top:285px; left:353px;}
.east-map .blog_7 span {width:35px; height:160px;}
.east_tooltip .blog_7 .inner_box.bott { margin-left:47px }
.blog_55{position:absolute; top:540px; left:504px;}
.east-map .blog_55 span {width:155px; height:100px; }
.blog_4{position:absolute; top:287px; left:681px;}
.rima{ height: 61px;  left: 433px;  position: absolute; top: 532px; margin-left: 20px;}
.east-map .rima span {width:35px; height:100px;  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);}
.east_tooltip .rima .inner_box.bott { margin-left: 65px;}



.africa-map{ position:relative; background: url(../images/africa-map.jpg) no-repeat top center; height:1249px; border:6px solid #fff; text-align:left !important; margin:0px; padding:0px; /*box-shadow:0px 4px 9px #333*/}
.africa-map .egype_icon{ width:13px; height:13px; border-radius:13px; background:#f90204; display:block; cursor:pointer}
.africa-map .blog_18{ width:24px; height:24px; border-radius:3px; background:#f90204; display:block; cursor:pointer}
.africa-map .moza_icon{ width:24px; height:24px; text-indent:-99999px; display:block;}

.africa_tooltip{ position:relative;}
.africa_tooltip:hover .inner_box{display: block;}
/*.africa_tooltip .inner_box{background-color: rgba(248, 248, 247, 0.8); display: none; font:14px/19px "ralewaybold"; color:#000;  position: absolute;  left:30px; text-align: left;  top:-10px;  width:155px; padding:22px; border-radius:5px; box-shadow:-5px 6px 6px #333;}*/
.africa_tooltip .inner_box{background-color: rgba(248, 248, 247, 0.8); display: none; font:14px/19px "ralewaybold"; color:#000;  text-align: left; margin:-20px 0 0 34px;  width:155px; padding:22px; border-radius:5px; box-shadow:-5px 6px 6px #333;}
.africa_tooltip .inner_box ul{ margin:0px; padding:0px;}
.africa_tooltip .inner_box ul li{ display:block; font-family: 'ralewaymedium'; font-size:14px; color:#000; list-style:none; line-height:22px;}
.africa_tooltip .inner_box ul li strong{ font-family:"ralewaybold"}
.africa_tooltip .inner_box.bott{ margin:-96% 0 0 15%}

.egype_area{position:absolute; top:51px; left:447px;}
.blog_18{position:absolute; top:462px; left:744px;}
.moza_area{left: 465px; position: absolute; top: 1138px;}
.blog_4{position:absolute; top:287px; left:681px;}


.europe-map{ position:relative; background: url(../images/europe-map.jpg) no-repeat top center; height:781px; border:6px solid #fff; text-align:left !important; margin:0px; padding:0px; /*box-shadow:0px 4px 9px #333*/}
.europe-map .block_ab_icon{ width:188px; height:155px; border-radius:13px;  display:block; cursor:pointer}
.europe-map .block_pq_icon{ width:188px; height:155px; border-radius:13px;  display:block; cursor:pointer}

.europe_tooltip{ position:relative;}
.europe_tooltip:hover .inner_box{display: block;}
.europe_tooltip .inner_box{background-color: rgba(248, 248, 247, 0.8); display: none; font:14px/19px "ralewaybold"; color:#000;   text-align: left;  margin:-224px 0 0 207px;  width:254px; padding:22px; border-radius:5px; box-shadow:-5px 6px 6px #333;}
.europe_tooltip .inner_box ul{ margin:0px; padding:0px;}
.europe_tooltip .inner_box ul li{ display:block; font-family: 'ralewaymedium'; font-size:14px; color:#000; list-style:none; line-height:22px;}
.europe_tooltip .inner_box ul li strong{ font-family:"ralewaybold"}
.europe_tooltip .inner_box.bott{top: auto; bottom:0px; }
.europe_tooltip .inner_box.top_padd{ margin:-293px 0 0 207px}

.block_ab_area{position:absolute; top:151px; left:337px;}
.block_pq_area{position:absolute; top:511px; left:324px;}

.country_table{margin:50px 0 0 0 ; width:100%}

.country_table th{ background:#549bce; color:#fff; font-family:"ralewaybold"; font-size:15px; padding:5px 0; text-transform:uppercase; border-bottom:2px solid #fff}
.country_table .title{background:#549bce; color:#fff; font-family:"ralewaybold"; font-size:15px; padding:5px 0 5px 15px; text-transform:uppercase; text-align:left;}
.country_table  td{ background:#e8e8e8; color:#000; font-family:"ralewaymedium"; font-size:15px; padding:15px 0 6px 0;}

.management_banner{ padding:30px 0 10px; margin:0xp auto}
	
/*---------------- inner pages ends ---------------------*/

@media (max-width:1300px) {
	
.header .side-box { width: 827px;
           
}
}

@media (max-width:999px) {
.header {margin:0 0 0 0px; width:755px;}
.menu ul li a {padding:10px;}
.banner-contbox {font-size:32px; line-height:40px;}
.map-contbox {padding:50px 0 0;}

.we-do-lftbox {float:none; line-height:0; width:100%;}
.we-do-rgtbox {float:none; width:100%;}
.we-do-rgtbox .we-do-contbox {padding:65px 50px; text-align:left;}

.nw-box .nw-box1 {float:left; margin:0 5%; text-align:center; width:90%;}
.nw-box .nw-box2, .nw-box .nw-box3 {display:inline-block; float:none; padding:5% 5% 0 5%; width:90%;}



}

@media (max-width:1024px) {
.header{ width:100%; margin:auto}
.header_content{ width:95%; margin:auto}
.header .side-box{ width:598px;}
.content-container{ width:95%; margin:auto}
/*.outlook-section .section{margin-right: 1%;  width: 32.5%;}*/
.header .side-box {width: 760px;}
.team-container .bg-row .left-container.top-margin{ margin-top:0px;}
.team-container .bg-row .left-container{ width:20%;}
.team-container .bg-row .right-container{ width:75%; margin-top:8px;}
.we-do-rgtbox .we-do-contbox {padding:25px 25px 10px 25px}
.we-do-rgtbox .we-do-contbox h3 { padding-bottom:5px;}
.we-do-rgtbox .we-do-contbox p { padding-bottom: 20px;}
.map-box { background-size:100% auto; }
.box1, .box1.box-right  { width:46%; max-width: 466px;}
.box2, .box3 {width:45%;}
.box2 h5 { padding-top: 10px;}

	}
@media (max-width:1023px) {
	.content-container h1{font-size: 38px;  padding: 10px;}
	.header .side-box {width:695px;}
	.team-container .bg-row .left-container{ width:30%;}
	.team-container .bg-row .right-container{ width:65%; margin-top:8px;}
	.contact-container .rgtbox .inner-div{padding: 10px 0 0 27px;}
        .we-do-rgtbox .we-do-contbox p { max-width: 100%}
        .nw-box .nw-box2 h3 { min-height:10px;}
        .colum-box ul li .desc-text h4 {font-size: 18px;}
        .colum-box ul li .desc-text a { margin-right: 10px; font-size: 12px;}
        .nw-box .nw-box1 h3{ font-size: 48px;}
        .nw-box .nw-box1 h3 span { font-size: 48px; display: inline; padding-right: 10px;}
        .header .logo-box { margin: 0 auto; float:none;}
        .nw-box .nw-box2 p.more-link { text-align: center}
        .nw-box .nw-box2 p.more-link img { display: inline-block}
        .map-contbox h3 {}
        .publication-container ul li { width:32.4%}
         .annual-report-container ul li .reports .pic { margin: 0 auto 20px; float: none;}
         .annual-report-container ul li .reports .details { float: none; margin: 0 auto}
         .annual-report-container ul li .reports .details h4 { padding-bottom: 10px;}
         .annual-report-container ul li .reports .pic { padding-right: 0}
         .histoty-container {width:696px;}
         .history-box:hover { transform: scale(1.1);}
        .circle-img.rgt { width:80px; overflow: hidden}
        .circle-img.rgt img { max-width: unset}
        .circle-img.lft { width:76px; overflow: hidden}
        .circle-img.lft img { margin-left:-52px; max-width: unset}
        
         
	}
@media (max-width:768px) {
.tooltip .add_box.rgt{ right:30px; left:auto}


.tooltip .add_box.rgt:after{top:25%; left:100%; content: " "; height: 0; width: 0; position: absolute; 2
pointer-events: none; border-right:8px solid transparent; border-top:8px solid transparent; border-bottom:8px solid transparent;
border-left: 20px solid  rgba(248, 248, 247, 0.8); }

.gmap-container{height: 623px;}
.add_1{position:absolute; top:21px; left:209px;}
.add_2{position:absolute; top:200px; left:256px;}
.add_3{position:absolute; top:248px; left:399px;}
.add_4{position:absolute; top:287px; left:546px;}
.add_5{position:absolute; top:302px; left:544px;}
.add_6{position:absolute; top:314px; left:555px;}
.add_7{position:absolute; top:377px; left:492px;}
.add_8{position:absolute; top:585px; left:405px;}


.blog_5 {left: 247px; top: 93px;}
.blog_7 {left: 255px; top: 334px;}
.blog_55 {left: 420px;}
.rima {left: 172px;}

.east_tooltip .inner_box.lft{margin-left: -205px;}
.africa_tooltip .inner_box.lft{ margin: -20px 0 0 -210px;}
.moza_area {left: 327px}
.blog_18{left: 610px;}
.egype_area{left: 313px;}

.block_ab_area {left: 201px;top: 107px;}
.block_pq_area {left: 189px;}
table th{ font-size:13px;}
table .title{font-size:13px;}
table td{font-size:13px;}
@media (max-width:767px) {
.header{ width:100%; margin:auto; padding-bottom: 0}
.header_content{ width:100%; margin:auto;}
.header .logo-box{ float:none;  margin:0 0 10px 15px;}
.header .side-box{ width:100%; background:#ccc; float:none; padding:8px 0px;height: 37px;}
.outlook-section .section .heading-bg{ background-size:100%}
.outlook-section .section{margin-right:0%; margin-top:10px;  width:100%;}
.content-container h3.btm-brdr{ margin-bottom:8px;}
.content-container h1{font-size:25px;  padding: 10px;}

.circle-img.lft > img {height: auto; width: 77px;}
.circle-img.rgt > img {height: auto; width: 77px;}

.search-toggle{ margin-top:2px; right:10px; position:absolute;}

.map-contbox {padding:50px 0 30px;}
.we-do-rgtbox .we-do-contbox {padding:5%; text-align:left;}
.nw-box .nw-box1 {margin:5%;}
.foot-menu-box ul li {float:none; padding:5px 7px; display:inline-block}
.footer-box {padding:20px;}
.footer-box p {padding:0 0 10px;}
.content-container .sub-nav ul li{ padding:0 4px 0 15px; font-size:11px;}
.team-container .bg-row{ padding:20px;}
.team-container .bg-row .left-container{ width: auto; margin:auto; float:none}
.team-container .bg-row .right-container{width: auto; margin:10px auto 0; float:none}
.content-container h3{ font-size:20px; line-height: 27px;}	
.circle-panel{ width:50px; height:50px; margin:auto; border-radius:50%; color:#fff; text-align:center; display:block}	
.circle-panel span{ font:15px/50px "ralewayextrabold";}
.circle-15{ background:#56b6de; margin-top:10px;}
.circle-14{ background:#fb9f92;}
.circle-13{ background:#b3c23e;}
.circle-12{ background:#80cfbc;}
.circle-11{ background:#a69d9e;}
.circle-7{ background:#b4a07c;}
.circle-6{ background:#eea96b}
.circle-5{background:#a76d64}
.circle-1{background:#d29eed}
.circle-99{background:#494862}

.histoty-container_mob{ display:block; margin:0px auto 25px;}
.histoty-container{ width:100%; display:none}

.history-box{ margin:15px auto 20px; background-image:none; background:#f8f9fa; border-radius:8px; border-bottom:5px solid #d7e0e5; width:70%; height:auto; padding-bottom:20px;}

.circle-img img{ display:none;}	
.circle-img.lft{ float:none; margin:0px auto; padding:0px;}
.circle-img.rgt{ float:none; margin:0px auto; padding:0px;}
.history-box{ float: none}
.history-15{ width:100%; margin:auto; position:inherit}
.history-14{ width:100%; margin:auto;  position:inherit}
.history-13{ width:100%; margin:auto;  position:inherit}
.history-12{ width:100%; margin:auto;  position:inherit}
.history-11{ width:100%; margin:auto;  position:inherit}
.history-7{ width:100%; margin:auto;  position:inherit}
.history-6{ width:100%; margin:auto;  position:inherit}
.history-5{ width:100%; margin:auto;  position:inherit}
.history-1{ width:100%; margin:auto;  position:inherit}
.history-99{ width:100%; margin:auto;  position:inherit}


.contact-container .lftbox{ width:100%; margin: auto; float:none}
.contact-container .rgtbox{ width:100%; margin: auto; float:none; padding:15px;}
.contact-container .rgtbox .inner-div{ padding:15px;}
.contact-container .rgtbox .inner-div p{padding: 0 0 9px; font-size:20px;}
.contact-container .rgtbox .inner-div p span{ font-size:20px;}
.map-contbox .section, .map-contbox .section.section2, .map-contbox .section.section3 { margin:15px 0 0; float:none}
.map-contbox ul { margin-left: 0}
.nw-box { padding:0; }
.nw-box .nw-box2 h3 { min-height: 10px; padding-bottom:5px}
.nw-box .nw-box1 h3 { font-size:26px;}
.nw-box .nw-box1 h3 span { display: inline; font-size:26px;}
.we-do-rgtbox .we-do-contbox { padding: 15px;}
.map-box { padding: 15px; background: none;}
.map-contbox h3 { font-size:26px; padding-bottom: 0}
.map-contbox { padding: 10px 0}
.colum-box ul li:last-child, .colum-box ul li {float:none; width: auto; padding:15px 15px 0;}
.colum-box ul li .desc-text h4 { font-size: 16px;}
.colum-box ul li .desc-text a { font-size: 14px; margin-right: 10px;}
a.read-more { margin: 0 auto; display: block; padding: 10px; font-size: 14px;}
.we-do-rgtbox .we-do-contbox h3 { font-size: 25px; line-height: normal}
.outlook-section .section .gray-section {padding:15px 15px}
.publication-container ul li { float: none; display: block; padding-right: 0;  width:auto;}
.publication-container ul li .publication {min-height: 10px; padding: 15px;}
.publication-container ul li .publication p { padding-top:0;}
.annual-report-container ul li { float: none; width:auto; padding-right: 0}
.annual-report-container ul li .reports .details h4 { font-size: 14px;}
.annual-report-container ul li .reports .details h4 span { font-size: 14px; margin-bottom: 10px;}
.annual-report-container ul li .reports .details a { font-size: 14px; line-height: normal}
.annual-report-container ul li .reports .details {float:left; width:55%}
.annual-report-container ul li .reports .pic {float:left; width:45%; height: auto; margin-bottom: 0}
.annual-report-container ul li .reports .pic img { max-height:200px;}
.box1.box-right, .box1 {float:none; width:auto; max-width: 300px; margin:0 auto 25px}
.box2, .box3  { float: none; margin: 0 auto 25px; width:auto; max-width: 300px;}
.box2 .pic { margin: 0; float:none; text-align: center}
.box2 h5 { padding:10px 0; float:none;}

.country_table th{ font-size:12px;}
.country_table .title{font-size:12px;}
.country_table td{font-size:12px;}

.country_table{margin:50px 0 0 0 ; width:100%; overflow-x: scroll;
overflow-y: scroll;
height:200px; width:300px;}

.content-container .latest-news-pic.lft{ float:none; margin:auto;}
.content-container .latest-news-pic.rgt{ float:none; margin:auto;}
.content-container .latest-news-pic.rgt img {margin-left:0px; width:100%;}
.content-container .latest-news-pic.lft img {margin-right:0px; width:100%}
.padd_1 {padding-top: 0;}
}
@media screen and (max-width:640px) {
    .block_ab_area {left: 0;top: 107px;}
	.europe_tooltip .inner_box{ margin: 0 0 0 17px;}
	.europe_tooltip .inner_box.bott{ margin:-483px 0 0 17px;}
	.block_pq_area { left: 0;}
}
@media screen and (max-width:360px) {
    .block_ab_area {left: 0;top: 107px;}
	.europe_tooltip .inner_box{ margin: 0 0 0 17px;}
	.europe_tooltip .inner_box.bott{ margin:-483px 0 0 17px;}
	.block_pq_area { left: 0;}
}
@media screen and (max-width:360px) {
.europe_tooltip .inner_box{ width:198px;}
}