html,button,input,select,textarea {color: #222;}
body {font-size: 1em;   line-height: 1.4;}
::-moz-selection {background: #b3d4fc;  text-shadow: none;}
::selection {background: #b3d4fc;   text-shadow: none;}
hr {    display: block; height: 1px;    border: 0;  border-top: 1px solid #ccc; margin: 1em 0;  padding: 0;}
img {   vertical-align: middle;max-width:100% !important; height:auto; border:0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family:Ooredoo-Heavy2!important;}
fieldset {  border: 0;  margin: 0;  padding: 0;}
textarea {  resize: vertical;}
.chromeframe {  margin: 0.2em 0;    background: #ccc;   color: #000;    padding: 0.2em 0;}
/* iCheck plugin Futurico skin*/
.icheckbox_futurico,
.iradio_futurico {display: inline-block;*display: inline;vertical-align: middle;margin: 0;padding: 0;width: 16px;height: 17px;background: url(futurico.html) no-repeat;border: none;cursor: pointer;}
.icheckbox_futurico {background-position: 0 0;}
.icheckbox_futurico.checked {background-position: -18px 0;}
.icheckbox_futurico.disabled {background-position: -36px 0;cursor: default;}
.icheckbox_futurico.checked.disabled {background-position: -54px 0;}
.iradio_futurico {background-position: -72px 0;}
.iradio_futurico.checked {background-position: -90px 0;}
.iradio_futurico.disabled {background-position: -108px 0;cursor: default;}
.iradio_futurico.checked.disabled {background-position: -126px 0;}

span.icon-search.srch_iconstyle {background: transparent; font-size: 40px; color:#ED1C24; cursor:pointer;}
span.icon-search.srch_iconstyle:hover{color:grey;}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
 .icheckbox_futurico, .iradio_futurico {background-image: url(futurico%402x.html);-webkit-background-size: 144px 19px;background-size: 144px 19px;}
}
html,body{width: auto;height: auto;min-width:100%;  min-height:100%;background:#f2f2f2!important;background-attachment: fixed;}
a {color: #555; text-decoration: none;}
a:hover {color:#333; text-decoration:none!important;}
a:focus, :focus {outline: none; text-decoration:none !important;}
a > img {text-decoration: none; border: 0;}
input,select, option, textarea{font-family: 'Ooredoo-Heavy2', arial, sans-serif!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   box-sizing: border-box; border-radius:25px !important;}
::-webkit-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
/* generic social icons */
[class^="icon-"] i{ color: #fff;}
i.icon-fb{      color: #ED1C24; background: #fff; }
i.icon-tw{  color: #ED1C24; background: #fff;}
i.icon-gp{  color: #ED1C24; background: #fff;}
i.icon-yt{  color: #ED1C24; background: #fff;}
i.icon-ln{  color: #ED1C24; background: #fff;}
i.icon-em{  color: #ED1C24; background: #fff;}
.top-nav-wrap{z-index: 100;position:relative;width:100%;min-width:976px;height: 32px;background: #221E20;}
.wrap-inner{    height: 100%;width: 75%;    min-width:976px;max-width:1400px;margin: 0 auto;}
.stock-ticker{float:left; padding: 0 0 0;}
.top-nav{float: right;}
.top-nav ul{margin: 0;padding: 0;}
.top-nav li{float: left;height: 32px;overflow: hidden;list-style: none; color: #f00;    font-size: 13px;line-height: 1em;text-transform: uppercase;}/* rami_31 jan color: #a5a9ac; */
.top-nav li a{  position: relative; display: inline-block;  padding: 10px 15px; padding-left: 30px; margin: 0 0 0 1px;  font-size: 13px;    line-height: 1em;   color: #fff;/* #a5a9ac; */  text-transform: uppercase;  text-decoration: none;}
.top-nav li a:hover{color: #fff;}
.top-nav li i{position: absolute;   top: 7px;   left: 7px;  line-height: 16px;  font-size: 1.5em;}
.top-nav li.locale{ padding: 3px 0px 0 0px; margin: 0 0 0 1px;  height: 31px;   background: #333F48;}/* rami_31-jan 3px 8px 0 15px; height: 29px; */
.top-nav li.locale a{padding: 6px 5px 8px 8px;cursor:pointer;}
.top-nav li.locale a+a{}
.top-nav li.locale a+a:before{position: absolute;   margin: 0 0 0 -8px; content: '';width: 0;height: 14px;  border-left: #888 solid 1px;}
.top-nav li.locale a.active{color: #ed1c24}/* rami_26-jan-17 1-37 pm color: #fff */
.mm-badge{  position: relative; float: right;   color: #a5a9ac; font-size: 13px;line-height: 1em;   padding: 9px 15px;  padding-left: 50px; cursor: default;}/*rami_31-jan padding: 9px 15px; padding-left: 35px;*/
.mm-badge:after{    content: "\e68d";   font-family: 'ooredoo-icon-fonts';  position: absolute; right: 5px; top: 10px;  font-size: 8px;}
.top-nav2{  float:left;}
.top-nav2 ul{   margin: 0;  padding: 0;}
.top-nav2 li{   float: left;    list-style:none;    max-height: 32px;   overflow: hidden;}
.top-nav2 li a{ display: block; padding: 10px 20px; margin: 0 0 0 1px;  line-height: 1em;   color: #a5a9ac; font-size: 13px;    text-decoration: none;  text-transform: uppercase;  background: #302927;}
.top-nav2 li a:hover{   color: #fff;}
.top-nav2 li.active a{  color: #ed1c24; background: #f1f2f2;}
/* behind wrapper */
.behind-wrap{width: 100%;}
.overlay-wrap{z-index: 99; position: relative; display: block; min-height: 600px;background: #e4e5e5 url(../images/dot_bg.png) 50% 2px repeat; background-attachment: fixed;}
.overlay-wrap + .behind-wrap{   position: fixed; top: 52px;}
/* main wrapper */
.main-wrap{overflow: hidden; width: 100%; min-width: 976px; padding: 122px 0 0;}
/* main navigation */
.main-nav-out{  z-index: 100;top: 0;position: fixed;height: 122px;  width: 100%;}
.main-nav-wrap{ clear: both;position: relative; width: 100%;min-width: 976px;height: 90px;  background: #fff;-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3); border-bottom:2px solid #ED1C24;}
.is-sticky .main-nav-wrap{height: 64px;}
.main-nav-wrap .wrap-inner{position: static;}
.main-nav-freeze:after{ z-index: 300;position: absolute;left: 0;top: 0; content: '';width: 100%;height: 122px;}
.resp-menu h1,.main-nav-wrap h1{float: left; position: relative; top: 15px; width: 230px;height: 67px;margin: 0;padding: 0;overflow: hidden;background: url(../images/logo.png) 0 0 no-repeat; cursor:pointer; background-size: 70%;}
.resp-menu h1 img,.main-nav-wrap h1 img{display: block; width: 220px;   height: 35px;}
.is-sticky .main-nav-wrap h1{top: 15px;}
.main-nav{  position: relative; float: right;   margin: 19px 0 0;}
.is-sticky .main-nav{margin: 10px 0 0;}
.main-nav:after{content: '';position: absolute; left: 100%; top: 0; width: 50%;height: 52px;margin-left: 1px;border-radius: 4px;}
.main-nav > ul{ float: left;    margin: 0;  padding: 0; border-radius: 5px; list-style:none;}
.main-nav > ul li{position: relative;   list-style: none;float: left;}
.main-nav li+li{border-left: #98070a solid 0px;}
.main-nav li a{ display: block;padding: 20px 20px 12px; font-family: 'Ooredoo-Heavy2', Verdana; /*font-weight: bolder;*/ sans-serif;color: #ED1C24;font-size: 14px;line-height: 1em; text-decoration: none;    letter-spacing: .5pt;background: #fff;}
.main-nav > ul > li:first-child a{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.main-nav > ul > li:last-child a{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.main-nav > ul > li > a:hover,
.main-nav > ul > li.active > a,
.main-nav > ul > li:hover > a{border-bottom:3px solid #ED1C24;}
.main-nav > ul > li:after{content: '';  position: absolute; top: 52px;  left: 0;    width: 100%;    height: 20px;   background: transparent;}
.main-nav li .drop-down2{display: none; position: absolute; left: 0;    top: 71px;  width: 200px;background: #ED1C24;}
.main-nav li.right-drop .drop-down2{left: -275px;}
.main-nav li:last-child .drop-down2{left: auto; right: 0;}
.main-nav li:hover .drop-down2{display: block;}
.quick-contact{ padding: 20px 23px; text-align: center; line-height: 1.1em; color: #444;}
.quick-contact h3{  margin: 0;  padding: 0 0 3px;   font-size: 17px;    font-weight: 500;   border-bottom: #fff solid 1px;}
.quick-contact .hotline{    padding: 40px 0 80px;}
.quick-contact .hotline strong{ display: block; font-size: 20px;    font-weight: 500;   padding: 0 0 8px;   color: #222;}
.quick-contact .more-info span{ display: block; padding: 8px 0; text-align: left;   font-size: 16px;    border-bottom: #fff solid 1px;}
.quick-contact .more-info i{    font-size: 18px;    position: relative; top: 2px;}
.quick-contact i{color: #ed1c24;}
.main-nav > div{float: left;    height: 52px;}
.drop-down2 .sub-nav{float: left; display: block; background: #ED1C24; width:100%; height: 100%; padding: 15px 1000em; margin: 0 -1000em;}
.drop-down2 .sub-nav ul{margin: 0; border-radius: 0; border-left: solid 1px #faf9f5;}
.drop-down2 .sub-nav li{display: block; float: none; width: 200px; border: 0; position: static;}
.main-nav .drop-down2 .sub-nav li a{position: relative; margin: 1px 0;  padding: 15px 10px; color: #fff;font-weight:bold;   font-size: 14px; background: none; border: 0;border-radius: 0;}
/*20-02-17*/
.resp-nav li .drop-down2{
display: none; /*position: absolute; left: 0; top: 71px;*/ width: 300px; min-height: auto; background: #e4e5e5;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
}
.resp-nav .drop-down2 .sub-nav ul{padding:10px;} /*20-02-17*/
.resp-nav .drop-down2 .sub-nav{background:#383838; min-height:auto;} /*20-02-17*/
.resp-nav li:hover .drop-down2 {display: none;} /*20-02-17*/
.drop-down2 .sub-nav li+li{border-top: #fff solid 0px;}
.drop-down2 .sub-nav li a:hover{background: #faf9f5; color:#000;}
.drop-down2 .sub-nav li ul{ border-top: #e4e5e5 solid 1px;  margin: 0;  padding: 0;}
.main-nav .drop-down2 .sub-nav li li{margin-left: 15px;}
.main-nav .drop-down2 .sub-nav li li a{ padding-left: 5px;  font-weight: 200;}
.drop-down2 .feature-nav{   float: right;   width: 50%;}
.feature-nav .item{ padding: 20px 23px 5px; margin: 0 auto;}
.feature-nav .keyimage{display: block;  margin: 0 auto 10px;    width: 224px;   height: 123px;  border-radius: 6px; overflow: hidden;}
.feature-nav .short-desc{line-height: 1em;  color: #333;}
.feature-subnav{display: none;  position: absolute; right: 0;   top: 0; width: 275px;   height: 100%;   min-height: 200px;  line-height: 1.2em; background: #e4e5e5;}
.drop-down2 > .feature-subnav {display: block;}
.sub-nav li a:after{content: '';    position: absolute; left: 100%; top: -10%;  /*width: 25px;*/    height: 120%;} /*7-mar-17 width: 25px;*/
.sub-nav li:hover .feature-subnav{display: block;}
.feature-subnav .short-desc{padding: 10px;}
.quick-menu{position: relative; background: #808285;    border-radius: 5px; color: #fff;    margin: 0 0 0 1px;  font-family: 'Opificio Regular';}
.quick-menu:hover{background: #414042;}
.quick-menu:after{content: '';  width:100%; height: 20px;   position: absolute; right: 0;   top: 100%;  background: transparent;}
.quick-menu .label{position: relative;  display: block; padding: 17px 15px 10px 43px;   color: #fff;    cursor: pointer;}
.quick-menu .label i{position: absolute;    margin: -4px 0 0 -30px; font-size: 26px;}
.quick-menu:hover .label i{color: #ed1c24;  background: #414042;}
.quick-menu .drop-down{display: none;   position: absolute; right: 0;   top: 71px;  width: 880px;   height: 80px;}
.quick-menu:hover .drop-down{display: block;}
.drop-down ul{  float: right;margin: 0; padding: 0;}
.main-nav .drop-down li{    float: left;text-align: center; list-style: none;   border: 0;  border-right: #808285 solid 1px;}
.main-nav .drop-down li:first-child{border-left: #808285 solid 1px;}
.drop-down li a{display: block; min-width: 80px;    padding: 4px 10px 8px;  font-size: 14px;    border: 0;  background: #403e3e;}
.drop-down li a:hover{background: #302927;}
.drop-down li a i{display: block;   padding: 8px 0 2px; font-size: 44px;    color: #a5a9ac;}
.drop-down li a:hover i{color: #ed1c24;}
.search-box{position: relative; border:1px solid #ed1c24;   border-radius:50%;  color: #fff;    margin: 5px 0 0 1px; font-family:'Opificio Regular'; font-size:5px !important;}
.search-box:hover{/*background:#ED1C24;*/ color:#ED1C24;}
.search-box .label i:hover{color:#ED1C24!important;}
.search-box .label{display: block;  padding: 10px 6px 28px 32px;    cursor: pointer;}
.search-box .label i{position: absolute;    margin: -6px 0 0 -27px; font-size: 30px;}
.search-box .label i:hover{color:#fff!important;}
.search-box:after{content: '';  width:100%; height: 20px;   position: absolute; right: 0;   top: 100%;  background: transparent;}
.search-box .box-wrap{  display: none;  position: absolute; right: -8px;   top: 55px;  width: 460px;   height: 65px;   background: #414042;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);}
.search-box .box-wrap:before{content: '';   position: absolute; top: -12px; right: 10px;    width: 29px;    height: 13px;   background: url(../images/searchbox_tongue.png) 50% 0 no-repeat;}
.search-box .box-wrap input{float: left;    margin: 15px 0 0 15px;font-size: 12px;  border: 0;  border-radius: 3px;}
.search-box .box-wrap .txt1{width: 340px;padding: 9px 10px;font-style: italic;  background: #e2e3e3;    color:#333;}
.search-box .box-wrap .btn{ padding: 9px 20px;  float: right;   color: #a5a9ac; margin-left: 1px;   margin-right: 14px; background: #f2f2f2;}
/* is-sticky styles */
.is-sticky .search-box .label,
.is-sticky .quick-menu .label{width:55px;}
.is-sticky .search-box .box-wrap:before{right: 15px;}
.is-sticky .search-box .label,
.is-sticky .quick-menu .label{padding-left: 0;  padding-right: 0; text-indent: -999em;}
.is-sticky .search-box .label i{position: absolute; left: 10px; top: 8px; margin: 0;    text-indent: 0;}
.is-sticky .quick-menu .label i{top: 13px;left: 14px;text-indent: 0;margin: 0;width: 30px;}
.quicklinks-wrap, .mini-sitemap-wrap, .copyright-wrap{position: relative;z-index: 10;}
.quicklinks-wrap{width: 100%;min-width: 976px;height: 15px; background:#f1f2f2; /* background:#221e20; /*display:none;*/}
.quicklinks-wrap .wrap-inner{width: 976px;}
.quicklinks{margin: 0;padding: 0;}
.quicklinks li{height: 26px;font-size: 13px;float: left;color: #fff;list-style: none;}
.quicklinks li a{position: relative;display: block; padding: 4px 15px;  color: #fff;text-decoration: none;}
.quicklinks li a:hover{ color: #e6e7e8;}
.quicklinks li a:before{position: absolute; top:50%; left:-2px;width: 5px;height: 1px;background: #222;}
.quicklinks li.pinwall a:before,
.quicklinks li:first-child a:before{display: none;}
.quicklinks li.pinwall{ margin-left:70px; position:relative;}
.quicklinks li.pinwall:before{position: absolute; left: -13px; top: 1px; font-size: 24px;}
.quicklinks li.pinwall a{font-size: 16px;font-weight: 500;line-height: 1.3em;font-family: 'futura-pt', sans-serif;text-transform: uppercase;}
.copyright-wrap{clear:both; width: 100%;min-width: 976px;height: 30px; color:#263238; background: #e4e5e5;border-top: #414042 solid 1px;}
.copyright-wrap .mouse{ float: left;display: inline-block;  width:auto; height: 30px;//border-left: #555 solid 1px;//border-right: #555 solid 1px;}
.copyright{display: inline-block;padding: 5px 0 0 15px;}
.sm-footer-wrap{z-index: 11;position: relative;width: 100%;min-width: 976px;min-height: 105px;color: #f2f2f2;background: #ED1C24;}
.sm-footer-wrap .wrap-inner{position: relative; padding-top:25px;}
.sm-footer-wrap h3,
.market-country h3{margin: 0;padding: 20px 0;text-align: center;font-weight: 400;text-transform: uppercase;}
.sm-list ul{margin: 0px 35em; padding: 0;}
.sm-list li{float: left;width: 20%;padding: 10px 0; list-style: none;text-align: center;border-right: #fff solid 0px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}
.sm-list li:first-child{border-left: #fff solid 0px;}
.sm-list li:hover {/*background: #37302e;*/ cursor: pointer; text-decoration:none !important;}
.sm-list li i{display: block;width: 45px;height: 45px;margin: 0 auto 5px;font-size: 2.8em; border-radius:50%;}
.sm-list li span{display: block;}
.sm-list li span.unit-count{font-weight: 100;color: #d9d9d9;text-transform: capitalize;}
.sm-list li label{color: #fff;font-weight:normal!important;}
.mini-sitemap-wrap{width: 100%;min-width: 976px;height: auto;padding-bottom: 20px;background: #414042;}
.mini-sitemap-wrap .wrap-inner{width: 976px;}
.mini-sitemap{color: #e5e0dd;}
.mini-sitemap .col{float: left;width: 25%;padding: 35px 0 20px 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mini-sitemap .col h4{color: #e5e0dd;margin: 0;padding: 0 0 5px;font-weight: normal;text-transform: uppercase;}
.mini-sitemap ul{margin: 0; padding: 0 0 10px;}
.mini-sitemap li{list-style: none;line-height: 1em;}
.mini-sitemap li a{color: #bfbab8;line-height: 1.1em;font-weight: 100;text-decoration: none;}
.mini-sitemap li a:hover{color: #fff;}
.mini-sitemap .misc li a{font-weight: 500;color: #e5e0dd;}
.mini-sitemap .misc li a:hover{color: #fff;}
.mini-sitemap .group-link{padding: 10px 0 0;}
.mini-sitemap .group-link span{display: block;font-weight: 100;}
.mini-sitemap .group-link a{color: #e5e0dd;}
.mini-sitemap .group-link a:hover{text-decoration: underline;}
.market-country h3{color: #e5e0de;}
.market-country ul{margin: 0;padding: 0;}
.market-country li{float: left;width: 12.5%;list-style: none;color: #949598;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.market-country li a{position: relative;font-size: 16px;color: #949598;text-decoration: none;display: block;padding: 0 0 10px 30px;background-position: 0 2px;background-repeat: no-repeat;}
.market-country li a:hover{color: #fff;}
.drop-down .market-country li a:hover{color: #414042;}
.market-country li a:before{content: '';position: absolute;left: -1px;top: 1px;width: 24px;height: 14px;border: #fff solid 1px;border-radius: 3px;}
.spotlight-wrap{overflow: hidden;z-index: 0;position: relative;min-height: 457px;background: #f2f2f2;}
.inner-page .spotlight-wrap{min-height: 345px;}
.spotlight{position: relative;width: 100%;min-width: 976px;height: 457px;}
.inner-page .spotlight{height: 345px;}
.spotlight ul{margin: 0;padding: 0;}
.spotlight li{z-index: 0;position: absolute;list-style: none;width: 100%;margin: 0;padding: 0;cursor:pointer;}
.spotlight li.active{z-index: 1;}
.spotlight li.target{z-index: 2;}
.spot-image{/*opacity: 0;*/ position: absolute;width: 100%;min-width: 976px;height: 457px;background-color:#414042;background-position: 99% 0;/* rami_2-feb background-position: 50% 0; */
background-size: cover;}
.inner-page .spot-image{height: 350px;}
.spotlight li.active .spot-image,
.spotlight li.target .spot-image{opacity: 1;}
.spot-image img{display:none;}
.spotlight .wrap-inner{position: relative;height: 457px;max-width: 996px;}
.spotlight .tagline{position: absolute;left: 0;top: 53px;width: 250px;padding: 31px 0 5px 10px;color: #fff;font-family: 'Opificio Bold';font-size: 28px;letter-spacing: 1px;line-height: 1.15em;background: url(../images/spot_tagline.png) 100% -31px no-repeat;}
.spotlight .tagline:before{content: '';position: absolute;left: -160px;top: -31px;width: 165px;height: 194px;background: url(../images/spot_tagline.png) 0 0 no-repeat;}
.spotlight .tagline span{display: block;}
.spotlight .shortdesc{position: absolute;left: 10px;top: 235px;width: 385px;color: #fff;font-size: 19px;}
.spotlight .spot-cta{position: absolute;left: 10px;bottom: 100px;}
/* .tagline2 {background: none repeat scroll 0 0 #000;font-size: 27px;margin: 0;position: relative;    top: 80px;}
.tagline2 span { background: none repeat scroll 0 0 #ed1c24; border-radius: 0.5em;    clear: left;    color: #fff;    display: block;    float: left;font-family: "opificioregular";    height: 1em;    letter-spacing: 0.5pt;    line-height: 0.9em;    padding: 0 0.4em;    position: relative;}
.tagline2 em, .tagline2 em:before, .tagline2 span, .tagline2 span:before, .tagline2 span:after, .tagline2:before, .tagline2:after, .tagline2 .tag-wrap:before, .tagline2 .tag-wrap:after {    box-shadow: 0 0 0 0.12em rgba(237, 28, 36, 1);}
.tagline2 span + span {margin-top: 0.1em;}
.tagline2 .tag-wrap { display: block;    width: 400px;}
.tagline2 em:before, .tagline2 .tag-wrap, .tagline2 .tag-wrap, .tagline2:before, .tagline2:after, .tagline2 span:before, .tagline2 span:after {    background: none repeat scroll 0 0 #ed1c24; border-radius: 0.5em; content: ""; height: 1em;left: -1.05em;position: absolute;  width: 1em;}
.tagline2 span:after {left: -2.1em!important; top: 0em;}
.tagline2 span:nth-child(2):after {display:none;}
.tagline2 .tag-wrap:before {left: -1.05em;    top: -1.075em;}
.tagline2 .tag-wrap:after {left: -3.15em;    top: -2.35em;}
.tagline2 em:before {background: none repeat scroll 0 0 #ed1c24;    border-radius: 0.5em;    bottom: -1.05em;    height: 1em;    left: -1.075em;    position: absolute;    top: auto;    width: 1em;}
.tagline2 em { background: none repeat scroll 0 0 #ed1c24;border-radius: 0.5em; bottom: -1.05em; height: 1em;left: -2.075em;position: absolute;top: auto;    width: 1em;}
.tagline2 em:before {bottom: auto;    left: -1.175em;    top: -1.075em;}
.tagline1 {background: none repeat scroll 0 0 #000;    font-size: 18px;    margin: 0;    position: relative;    top: 80px;}
.tagline1 span {background: none repeat scroll 0 0 #ed1c24;    border-radius: 0.5em;    clear: left;    color: #fff;    display: block;float: left;font-family: "Opificio Regular", sans-serif; height: 1em;letter-spacing: 0.5pt;line-height: 0.9em;padding: 0 0.4em;position: relative;}
.tagline1 em, .tagline1 em:before, .tagline1 span, .tagline1 span:before, .tagline1 span:after, .tagline1:before, .tagline1:after, .tagline1 .tag-wrap:before, .tagline1 .tag-wrap:after { box-shadow: 0 0 0 0.12em rgba(237, 28, 36, 1);}
.tagline1 span + span { margin-top: 0.1em;}
.tagline1 .tag-wrap {display: block;    width: 400px;}
.tagline1 em:before, .tagline1 .tag-wrap, .tagline1 .tag-wrap, .tagline1:before, .tagline1:after, .tagline1 span:before, .tagline1 span:after {    background: none repeat scroll 0 0 #ed1c24; border-radius: 0.5em; content: ""; height: 1em; left: -1.05em; position: absolute; width: 1em;}
.tagline1 span:after {left: -2.1em;}
.tagline1 span:nth-child(2):after { display:none;}
.tagline1 .tag-wrap:before {left: -1.05em; top: -1.075em;}
.tagline1 .tag-wrap:after {left: -3.15em; top: -2.35em;}
.tagline1 em:before {background: none repeat scroll 0 0 #ed1c24;    border-radius: 0.5em;    bottom: -1.05em;    height: 1em;    left: -1.075em;position: absolute;top: auto;    width: 1em;}
.tagline1 em {background: none repeat scroll 0 0 #ed1c24;    border-radius: 0.5em;    bottom: -1.05em;    height: 1em;    left: -2.075em;    position: absolute;    top: auto; width: 1em;}
.tagline1 em:before {bottom: auto; left: -1.175em; top: -1.075em;} */
.inner-page .spotlight .shortdesc {display:none;}
.inner-page .spotlight .spot-cta {display:none;}
.spotlight .spot-cta a{ float: left;padding: 7px 13px 8px;margin: 0 8px 0 0;text-align: center;font-size: 18px;color: #fff;text-decoration: none;   background: #58585a;border-radius: 4px;}
.spotlight .spot-cta a.icon{font-size: 28px;padding: 0;line-height: 1.7em;width: 40px;height: 40px;text-align: center;display: inline-block;}
.spotlight .social-share-wrap {left: 0; top: 0; padding: 8px;}
.spotlight .spot-cta a.share-link i{font-size: 28px;}
.spotlight .spot-cta a:hover{background-color: #414042;}
.list-index{z-index: 5; position: absolute; right: 50px;    top: 180px;}
.list-index span{display: block;width: 20px;height:20px;margin:0 0 5px;cursor:pointer;border: #fff solid 1px;border-radius:4px;background: #414042;}
.list-index span:hover{background: #222;}
.list-index span.active{background: #ed1c24;width: 30px;height: 30px;margin-left: -5px; cursor: default;}
.content-wrap{z-index: 12;position: relative;min-height: 450px;padding: 10px 0 40px;}
.panel{ width: 100%;max-width: 1078px;min-width: 976px;min-height: 295px;margin: 0 auto 15px;background: #fff;border-radius: 10px;}
.lte480 .panel-collapse {min-height: 130px; height: 130px;}
.wrap-inner2{position: relative;width: 976px;margin: 0 auto;}
.wrap-inner3{width: 976px;width: 100%;min-height: 295px;margin:0 auto;background: #e4e5e5;background: none;}
.global-net{font-size: 18px;line-height: 1.1em; color: #777;padding: 30px 0;background: url(../images/global_network.png) 68% 60% no-repeat;}
.global-net .copy{width: 40%;}
.global-net .copy p{padding-right: 50px;}
.global-net .copy strong{font-weight: 500;}
.global-net h3{ margin: 0;  padding: 0; font-family: 'Opificio Regular';font-size: 24px;color: #333;}
.global-net .country-list{float: left;width: 105px;margin: 0 18px 0 0;}
.global-net .country-list ul{margin: 0; padding: 0;}
.global-net .country-list li{list-style: none;  line-height: 1.2em; border-bottom: #ddd solid 1px;}
.global-net .country-list h4{margin: 0; padding: 0 0 5px;color: #ed1c24;font-size: 16px;font-weight: 500;line-height: 1em;}
.global-net .cta{clear: both;padding: 30px 0 0;}
.link1{display: inline-block;padding: 3px 13px 5px 13px;height: 30px;font-size: 18px;line-height: 1.2em;text-decoration: none;color: #818285;border: #dcddde solid 1px; border-radius: 4px; background: #e7e7e8;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.link1:hover{color: #414042;border-color: #bcbdc0;background-color: #dcddde;}
.link1 i{position: relative;top: 2px;}
.btn-download { position:relative; padding-left: 40px; float: right;}
.btn-download:before {content: "\e6e8"; font-family: 'ooredoo-icon-fonts'; font-size: 22px; color: #ed1c24; position: absolute; left: 10px; top: 4px;}
.infograph-wrap{position: absolute;right: 0;top: 25px;width: 265px;height: 395px;color: #fff;background: #f1f2f2;border-radius: 8px;}
.infograph h3{padding: 11px 20px;color: #e7e7e8;font-size: 16px;font-family: 'futura-pt';font-weight: normal;background: #ed1c24;border-radius: 8px;
border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.infograph h3 em{text-transform: uppercase; font-size: 20px;font-style: normal; font-weight: 500;color: #fff;}
.infograph .thegraph{width: 210px;margin: 0 auto;}
.infograph .cta-graph{position: relative;display: block;width: 135px;margin: 10px auto 0;padding: 3px 15px 5px 35px;color: #e7e7e8;text-decoration: none;border: #404041 solid 1px;border-radius: 4px;background: #58585a;}
.infograph .cta-graph:hover{background: #404041;border-color: #000; color: #fff;}
.infograph .cta-graph i{position: absolute; top: 2px;left: 7px; font-size: 24px;}
.box-card-wrap{ padding: 40px 0;}
.box-card{position: relative;width: 480px;height: 520px;float: left;background: #fff;border-radius: 10px;border-bottom-right-radius: 0; border-bottom-left-radius: 0;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15);-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15); }
.box-card:nth-child(even){float: right;}
.box-card h3{position: relative;margin: 0;padding: 10px 20px 10px 65px; color: #fff;font-size: 17px;font-weight: normal;background: #ed1c24;    border-radius: 10px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-bottom: #fff solid 1px;}
.box-card h3 i{ position: absolute;left: 0;top: -15px;padding:3px 5px 0;font-size: 48px;background: #ed1c24;border-radius: 8px; border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.box-card .keyimage{position: relative;width: 480px;height: 196px;}
.box-card .keyimage:after{content: '';position: absolute;right: 0;top: 0;width: 95px;height: 71px;background: url(../images/box_card_ornament.png) top right no-repeat;}
.box-card .brief{padding: 10px 25px;line-height: 1.2em;font-size: 18px;color: #888;}
.box-card .brief h4{margin: 0;padding: 0 0 5px;line-height: 1em;font-size: 25px;font-weight: 500;color: #444;}
.box-card .brief .short-desc{padding: 0 0 15px;}
.box-card .cta{ position: absolute; left: 25px; bottom: 30px;}
.box-card .cta a{float: left;margin:0 3px 0 0;}
a.more,
.more{color: #01bff0;color: #82d1f2;text-decoration: underline;}
.more:hover{color: #03acd7;}
.share-link-wrap {position: relative;}
.share-link{position: relative;display: inline-block;width: 30px;height: 30px;text-indent: -999em;line-height: 1em;color: #e7e7e8;background: #58585a;
border: #414042 solid 1px;border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.share-link:hover{color: #fff;  background-color: #414042;  border-color: #000;}
.share-link i{position: absolute;left: 3px; top: 4px;   font-size: 20px;text-indent: 0;}
.share-link-red { background: #fff; border-color: #e6e7e8; color: #ed1c24; }
.share-link-red:hover { background: #fff; border-color: #d1d3d4; color: #ce181e;}
.panel{ position: relative; width: 100%;}
.panel-tabs{overflow: hidden;position: absolute;top: -60px;width: 100%; height: 67px;background: #fff;border-radius: 10px;border-bottom-left-radius: 0;
border-bottom-right-radius: 0;}
.panel-tabs3{top: 0;}
.panel-tabs > .tab{ position: relative; float: left;display: inline-block;  height: 48px;width: 50%;padding: 13px 0 0 65px; font-size: 20px;
font-family: 'Opificio Regular';color: #f1f2f2;cursor: pointer;background: #484848;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
box-sizing: border-box;}
.panel-tabs3 > .tab{width: 33%; font-size: 18px;text-transform: uppercase;text-align: center;font-family:'futura-pt';font-weight:500;padding-left: 0;}
.panel-tabs > .tab:hover{color: #fff;background-color: #404041;}
.panel-tabs > .tab:first-child{ padding-left: 88px;}
.panel-tabs3 > .tab:first-child{width: 34%; padding-left: 0;}
.panel-tabs > .tab:last-child{float: right;}
.panel-tabs > .tab + .tab{border-left: #e7e7e7 solid 1px;}
.panel-tabs > .tab i{position: absolute;left: 20px;top: 7px;font-size: 34px;}
.panel-tabs > .tab:first-child i{left: 50px;top: 12px;font-size: 26px;}
.panel-tabs .active{color: #414042; background: #fff;}
.panel-tabs .active:hover{background: #fff; color: #414042; cursor: default;}
.panel-tabs .active i{color: #ed1c24;}
.pane{min-height: 585px;margin: 10px 0;}
.pane h3{margin: 0; padding: 0;}
.pinwall-wrap,
.joblist-wrap,
.social-wall-wrap{width: 976px; margin: 0 auto; padding: 20px 0 0;}
.social-wall-wrap{padding: 0;}
.pinwall-mask,
.joblist-mask,
.social-wall-mask{overflow: hidden; width: 976px;height: 525px; border-radius: 4px; }
.slider-ctrl{position: absolute;left: 0;top: 50%;width: 100%;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.direct-contacts .slider-ctrl {display: none; }
.slider-ctrl a{ position: absolute; width: 30px;height: 48px;margin: -15px 0 0; background: #ed1c24;text-indent: -999em;cursor: pointer;}
.slider-ctrl .disabled{ opacity: .5;cursor: default;}
.slider-ctrl a:before{position: absolute;color: #fff;font-size: 36px;left: -3px;top: 6px;text-indent: 0;}
.slider-ctrl a.prev{left: -10px;}
.slider-ctrl a.prev:after{content: '';position: absolute;left: 0;top: -10px;width: 0;height: 0;border-top: transparent solid 10px;border-right: #414042 solid 10px;}
.slider-ctrl a.next{right: -10px;}
.slider-ctrl a.next:after{content: '';position: absolute;right: 0;top: -10px;width: 0;height: 0;border-top: transparent solid 10px; border-left: #414042 solid 10px;}
.slider-ctrl-A a{width: 26px;background: #e7e7e8;}
.slider-ctrl-A a.prev{left: 0;}
.slider-ctrl-A a.next{right: 0;}
.slider-ctrl-A a:after{display: none;}
.slider-ctrl-B a{width: 38px;height: 38px;color: #ed1c24;background: #fff;border-radius: 4px;}
.slider-ctrl-B a.prev{left: 16px;}
.slider-ctrl-B a.next{right: 16px;}
.slider-ctrl-B a:before{color: #ed1c24; font-size: 30px;left: 4px;top: 5px;}
.slider-ctrl-B a:after{ display: none;}
.pinwall-wrap .foot,
.joblist-wrap .foot,
.social-wall .foot{color: #888; margin: 3px 0 0;padding: 8px 0 0;border-top: #414042 solid 1px;}
.pinwall-wrap .foot .share-stat,
.joblist-wrap .foot .share-stat,
.social-wall .foot .share-stat{float: left; text-transform: uppercase;}
.joblist-wrap .foot .share-stat span,
.pinwall-wrap .foot .share-stat span{margin-right: 20px;}
.share-stat i{color: #fff;font-size: 20px;}
.joblist-wrap .foot .share-stat span{position: relative;display: inline-block;padding: 3px 0 0 30px;}
.joblist-wrap .foot .share-stat i{color: #ed1c24;font-size: 28px;position: absolute;left: 0;top: -2px;}
.pinwall-wrap .foot .linker,
.joblist-wrap .foot .linker,
.social-wall .foot .linker-wrap{float: right;cursor: pointer;}
.joblist-wrap .foot .linker i,
.pinwall-wrap .foot .linker i{font-size: 20px;color: #ed1c24;}
.social-select{width: 100%; height: 40px;text-align: center;background: none;border-radius: 6px;}
.social-select .intro{float: left;width: 300px;height: 86px;text-align: center;color: #fff;background: #ed1c24;border-top-left-radius: 6px;
border-bottom-left-radius: 6px;}
.social-select .intro strong{display: block;font-size: 19px;font-weight: 400;padding: 10px 0 5px;}
.social-select .intro p{margin: 0 85px; font-weight: 100;line-height: 1.3em;}
.social-tabs{display: inline-block; width: auto;margin: 0 auto; padding: 0;}

.social-tabs li{float: left;width: 20%; list-style: none;}
.social-tabs li a{  position: relative; display: block; height: 30px;width:30px;text-indent: -999em;text-decoration:none;border-left:#ddd solid 1px;}
.social-tabs li+li a{margin-left: 3px;}
.social-tabs li:last-child a{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.social-tabs li.active a,
.social-tabs li a:hover{background: #ccc;}
.social-tabs li a i{position: absolute; left: 50%;  top: 50%;margin: -15px 0 0 -15px;font-size: 30px;width: 30px;text-indent: 0;background: #a0a0a1;}
.social-tabs li a:hover i{background: #888;}
.social-tabs li.active a i{background: #ed1c24;}
.panes2-wrap{position: relative;margin: 20px 0 0;width: 976px;height: 500px;}
.pane2{ display: block; display: none;  margin: 0 auto;}
.pane2 iframe{display: block;margin: 0 auto;min-width: 800px!important;}
/* joblist carousel */
.joblist-carousel {height: 510px;}
.job-search-box{float: left;width: 368px;height: 508px; padding: 30px 23px; background: #f1f2f2;border: #b4b3b3 solid 1px;border-radius: 5px;color: #444;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.job-search-box h3{ font-size: 30px;font-weight: 500;line-height: 1.1em;}
.job-search-box > p{margin: 0;  padding: 0 0 30px;  font-size: 18px}
.job-search-box fieldset{padding: 0 0 15px;}
.job-search-box .txt1{width: 310px; width: 100%;height: 44px;padding: 8px 12px;font-size: 18px;font-style: italic;font-weight: 600;border: #cfd0d1 solid 1px;background: #fff;border-radius: 4px;}
.job-search-box .action .btn{display: block;width: 100%;height: 44px;margin: 0 0 10px;font-size: 18px;color: #fff;background: #ed1c24;border: #444 solid 1px;border-radius: 4px;}
.job-search-box .action .btn:hover{background-color: #cb1c27;}
.job-search-box .btn-search{position: relative;}
.job-search-box .btn-search:before{ z-index: 1; position: absolute; top: 5px;left: 100px;font-size: 30px;color: #fff;}
.job-search-box .action a{font-weight: 500; font-size: 18px;color: #444;}
.carousel{width: 100%;  -webkit-overflow-scrolling:touch;}
.joblist{float: left;margin: 0;padding: 0;}
.joblist > li{  position: relative; overflow: hidden;float: left;margin: 0 0 0 10px;list-style: none;width: 245px;height: 508px;color: #fff;
background: #444;border-radius: 5px;}
.joblist > li h4{height: 40px;margin: 0;padding: 0 15px;line-height: 1.9em; font-size: 20px;font-weight: 500;background: #ed1c24;}
.joblist .job-desc,
.joblist .job-meta{padding: 10px 15px;}
.joblist .job-desc h5{margin: 0;padding: 0 0 10px;font-size: 20px;font-weight: 500;}
.joblist .job-desc p{margin: 0;padding: 0 0 10px;}
.joblist li .share-link{position: absolute;left: 15px;bottom: 20px;border-radius: 4px;background: #808285;}
.joblist li .share-link:hover{border-color: #414042;background-color: #58585a;}
.joblist li .linker{position: absolute;right: 15px;bottom: 20px;padding: 3px 12px;color: #a5a9ac;font-weight: 500;text-align: center;text-transform: uppercase;text-decoration: none;background: #f2f2f2;border-radius: 4px;}
.joblist li .linker:hover{color: #404142;background-color: #e6e7e8;}
.joblist .job-meta ul{margin: 0;padding: 0;}
.joblist .job-meta li{list-style: none;}
.joblist .job-meta em{display: block;color: #888;font-style: normal;}
/* pinwall grid */
.pinwall-grid{height: 510px;}
.pinbox{float: left;border-radius: 4px;}
.size21{width: 250px;height: 120px;}
.size22{width: 250px;height: 250px;}
.size23{width: 250px;height: 380px;}
.size24{width: 250px;height: 510px;}
.size31{width: 380px;height: 120px;}
.size32{width: 380px;height: 250px;}
.size33{width: 380px;height: 380px;}
.size34{width: 380px;height: 510px;}
.purple{background: #8c5da4;}
.pink{background: #e771ac;}
.orange{background: #ee673c;}
.skyblue{background: #1cc2f1;}
.aqua{background: #4bbfaf;}
.green{background: #65ba4c;}
.yellow{background: #fbbb45;}
/* pinbox inside style */
.pinbox {position: relative;color: #fff;font-size: 18px;cursor: pointer;}
.pinbox:hover {background-color: #ed1c24;}
.pinbox h3, .pinbox h4, .pinbox p{margin: 0;padding: 0;}
.pinbox .keyimage img{width: 100%;border-top-right-radius: 5px; border-top-left-radius: 5px;}
.pinbox .summary{padding: 10px 20px;}
.pinbox a{color: #fff;}
.pinbox .summary h4{line-height: 1.3em; font-size: 22px;font-weight: 500;padding-bottom: .5em;}
.tweet .summary h4{margin: 10% 10% 0 30%;}
.tweet .summary h4:before{position: absolute;font-family: 'ooredoo-icon-fonts';content: "\e60e";font-size: 60px;margin: 0 0 0 -60px;color: #404041;}
.pinbox .summary p{ line-height: 1.3em; padding: 0 0 .8em;}
.pinbox .share-link-wrap{position: absolute;left: 20px;bottom: 20px;}
.minimap-collapse{position: absolute;right: 0;top: 0;width: 58px;height: 29px;text-indent: -999em;}
.minimap-expand{top: -53px;}
.ornament {display: none;position: absolute;background: black;opacity: .3;}
.ornament1{left: 50%;top: 50%;width: 200px; height: 100px;}
.ornament2{ left: 75%;  top: 30%;width: 300px;height: 200px;}
.ornament3{left: 35%;top: 60%;width: 50px;height: 30px;}
/* inner page stats here*/
.inner-page .panel {-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);}
.copy-header{overflow: hidden;position: absolute;top: -60px;left: 0;width: 100%;height: 80px;color: #fff;background: #fff;border-radius: 10px;  border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.page-support .copy-header {position: absolute; line-height: 1.5em;}
.copy-header h2{margin: 0;padding: 4px 60px;font-family: 'Opificio Regular';background: #414042;}
.sub-nav2-wrap {z-index: 2; position: relative; height: 27px;height: auto;margin: 0;padding: 0; background: #fff;}
.sub-nav2-wrap .cta{position: absolute; right: 5px; top: 5px;color: #ed1c24;text-decoration: none;  font-size: 14px;cursor: pointer;}
.sub-nav2 {overflow: auto;min-height: 27px; margin: 0;padding: 3px 60px 0;padding-right: 20px;background: #e4e5e5;}
.expanded .sub-nav2 { padding-bottom: 8px; }
.sub-nav2 li {list-style: none; float: left;}
.expanded .sub-nav2 li {float: none; display: block;}
.sub-nav2 li a{ display: block; margin: 4px 0;line-height: 1em; padding: 0 15px;color: #a7a7a7;text-decoration: none;}
.expanded .sub-nav2 li a{ padding: 2px 0;}
.sub-nav2 li+li a{border-left: #888 solid 1px;}
.expanded .sub-nav2 li+li a{border: 0;}
.sub-nav2 li a:hover,
.sub-nav2 li.active a{color: #333;}
.sub-nav2 li:first-child a{padding-left: 0;}
.page-copy{ position: relative; width: 976px;padding: 10px 0 0; margin: 29px auto 0;line-height: 1.2em;}
.section-plans .page-copy {margin-top: 0;}
.page-careers .page-copy {padding-top: 20px;}
.page-copy p{margin: 0; padding: 0 0 1em;}
.page-copy h3{margin: 0;padding: 0 0 .5em;font-size: 26px;font-weight: 500;}
.intro1{margin: 0 0 40px;padding: 10px 5px 20px;border-bottom: #808285 solid 1px;}
.intro1:last-child{ border-bottom: 0;}
.inset-right{float: right;padding: 0 0 15px 15px;}
.page-copy .brief{margin: 0 0 7px;padding: 10px;color: #888;border: #ccc solid 1px;}
.page-copy .brief h4{color: #ed1c24;margin: 0;padding: 10px 0 0;font-weight: 500;text-transform: uppercase;}
.brief-half{float: left;width: 49.5%;}
.brief .keyimage {overflow: hidden; width: 100%;height: auto;max-height: 200px;}
.brief .keyimage img{width: auto;max-width: 100%;min-width: 100%;height: auto;}
.brief-half:nth-child(even){float: right;}
.featured-stories{position: relative;width: 670px;height: 450px;padding: 0 0 20px;}
.featured-stories .slide{position: absolute;}
.featured-stories .slide .title{position: absolute; top: 200px; left: 30px; font-size: 28px;font-weight: 500;line-height: 1.1em;color: #fff;width: 300px;}
.featured-stories .slide .caption{display: inline-block;padding: 5px 0 0;width: 550px;color: #777;}
.sponsor-list { width: 670px;padding: 0 0 40px;}
.sponsor-list h3{margin: 0 10px .5em 0; padding: 0 0 20px;}
.sponsor-list .thelist{margin: 0;padding: 0;}
.sponsor-list .thelist li{padding: 30px 0 0;margin: 0 0 30px;list-style: none;border-top: #aaa solid 1px;}
.sponsor-list .thelist li h5{margin: 0; padding: 10px 0 5px;font-size: 18px;}
.sponsor-list .share-link{margin: 15px 0 0;}
.side-pane{ position: absolute; right: 0px; top: 0; width: 305px;height: 100%;  padding: 50px 20px 0;background: #f1f2f2;border-bottom-right-radius: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.widget-list{padding: 0 0 40px;}
.widget-list+.widget-list{padding: 30px 0 0;border-top: #414042 solid 1px;}
.widget-list h3{color: #414042; padding-bottom: 5px;}
.widget-list h3 i{color: #ed1c24;}
.widget-list h3 + p{padding-left: 30px;}
.widget-list ul{margin: 0;padding: 0 0 15px;}
.widget-list li{overflow: auto; clear: both;list-style: none;padding: 10px 0 10px;}
.widget-list li+li{ border-top: #aaa solid 1px;}
.widget-list li .thumb{ float: left;padding: 0 10px 0 0;}
.widget-list li > p{color: #888;padding: 0 0 10px;}
.widget-list li .more{display: inline-block;}
.link2{height: 30px;padding:4px 13px;display: inline-block;color: #fff;font-size: 18px;font-weight: 400;text-align: center;text-decoration: none;   line-height: 1em;background: #ed1c24;border: #94070a solid 1px;border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;   box-sizing: border-box;}
.link2:hover{color: #fff;background: #cb1c27;}
.widget-list .link2{width: 100%;text-transform: uppercase;}
.intro-centered{text-align: center; border: 0;margin: 0 0 15px;}
.intro-centered h3{color: #444;font-family: 'Opificio Bold';font-size: 30px;}
.intro-centered p{color: #888;}
.download-block{min-height: 200px;}
.intro-centered .redtag{display: inline-block;padding: 6px 30px;line-height: 1em;color: #fff;font-size: 22px;font-weight: normal;font-family: 'Opificio Bold';letter-spacing: .5pt;background: #ed1c24;border-radius: 6px;}
.intro-centered blockquote{display: inline-block;padding: 8px 0 5px;font-family: 'Opificio Bold';font-size: 50px;line-height: .9em; margin: 0 80px;}
.intro-centered blockquote:before,
.intro-centered blockquote:after{content: '';position: absolute;width: 21px;height: 33px;}
.intro-centered blockquote:before{margin: -15px 0 0 -30px;  background: url(../images/quote_open.png) 0 0 no-repeat;}
.intro-centered blockquote:after{margin: 0px 0 0 5px;background: url(../images/quote_close.png) 0 0 no-repeat;}
.intro-centered p{margin: 0 50px;}
.our-vision-wrap{margin: 0 0 30px;border-bottom: #ccc solid 1px;}
.our-vision-wrap:last-child{border:0;}
.our-vision-wrap .briefs-wrap{padding: 0 5px 15px;}
.our-vision-wrap .briefs-wrap .brief{height: 270px;}
.our-vision-wrap .brief .keyimage {max-height: 156px;border: 0;}
.our-vision-wrap .attribs{position: relative;top: -42px;margin: 0 13px; padding: 15px 15px 0;background: #fff;background: rgba(255,255,255,.95);
border-radius: 6px;}
.our-vision-wrap .attribs h4{padding: 5px 0 10px;text-transform: none;font-size: 28px;}
.our-vision-wrap .attribs h4 a{color: #ed1c24;}
.our-vision-wrap .attribs p{font-size: 22px;line-height: 1em;padding: 0;}
.our-vision-wrap .attribs p a{color: #888;}
.our-vision-wrap .attribs p a:hover,
.our-vision-wrap .attribs h4 a:hover{opacity: .7}
.check-link{display: inline-block;padding: 8px 0;color: #414042;text-decoration: none;text-transform: uppercase;}
.check-link:hover{  color: #000;text-decoration: underline;}
.check-link i{color: #ed1c24;}
.featured2 .keyimage{overflow: hidden;width: 100%;height: auto; max-height: 272px;margin: 0 auto;background: #ececec;}
.featured2 .keyimage img{width: 100%;height: auto;min-height: 100%;}
.featured2 ul{overflow: auto;position: relative;top: -40px; width: 95%; margin: 0 auto; padding: 0; background: rgba(255,255,255,.95);  border-radius: 8px;}
.featured2 li{float: left;display: inline-block;width: 33%; text-align: center;}
.featured2 li h4{margin: 0 50px;padding: 12px 0 15px;font-size: 18px;font-weight: 600;}
.featured2 li p{color: #777;margin: 0 50px;}
.featured2-noimage li h4{font-size: 22px;line-height: 1.1em;}
.featured2-noimage li p{color: #444;font-size: 18px;}
.our-markets-wrap{padding: 0 5px;}
.our-markets-wrap h3{color: #414042;font-family: 'Opificio Bold';}
.our-markets-wrap .intro{text-align: center;}
.market-list{padding: 30px 0 6px;}
.market-list .region{float: left;width: 317px;height: 195px;background: #e4e5e5;}
.market-list .region+.region{margin-left:7px;}
.market-list .region h4{padding: 6px 10px;margin: 0;text-align: center;color: #fff;font-size: 18px;font-weight: 500;background: #ed1c24;}
.market-list .market-country ul{margin: 0;padding: 20px 30px;}
.market-list .market-country li{width: 50%;}
.market-map-wrap{padding: 0 0 40px; margin: 0 0 40px;border-bottom: #eee solid 1px;}
.market-map{position: relative;width: 954px;height: 490px;padding: 5px;border: #ccc solid 1px;}
.market-map .themap{width: 100%;height: 100%;background: #f1f2f2;}
.market-table-social{   padding: 0 0 50px;}
.market-table-social h3{font-size: 20px;padding: 0 0 20px;}
.table1{position: relative;width: 100%; border-collapse: collapse;}
.table1 th{ padding: 5px 10px;color: #fff;  font-weight: 500;   text-align: left;background: #ed1c24;}
.table1 th.icons-cols{width: 160px;}
.table1 th.url-col{ width: 500px;}
.table1 tr{margin: 3px 0;border-bottom: #e3e5e5 solid 1px;}
.table1 td{ position: relative; padding: 5px 10px;  color: #777;}
.table1 td+td{  background: url(../images/table_cell_divider.png) 0 50% no-repeat;}
.table1 a{color: #777;text-decoration: none;}
.table1 a[class^="icon-"]{font-size: 25px;width: 25px;display: block;margin: 0 auto;color: #414042;}
.table1 a[class^="icon-"]:hover{color: #888;}
.table1 tr td:first-child{padding-left: 50px;background-position: 10px 11px;background-repeat: no-repeat;}

.map-overlay{position: absolute;left: 25px;top: 30px;width: 315px;height: 430px;padding: 10px;background: #fff;background: rgba(255,255,255,.9);
border-radius: 8px;}
.map-overlay h4{margin: 0;padding: 5px 0;font-size: 18px;font-weight: 500;color: #ed1c24;}
.map-overlay .section-title{display: block; padding: 0 0 10px;font-size: 20px;text-transform: uppercase;}
.map-overlay .thumb{width: 315px;height: 150px; padding-bottom: 10px;}
.map-overlay h5{margin: 0;padding: 0;font-size: 18px;font-weight: 500;}
.map-overlay .cta{margin: 30px 0 0;}
.map-overlay .cta a{float: left;margin: 0 3px 0 0;}
.map-overlay .site-link{position: absolute;left: 10px;bottom: 10px;width: 315px;border-top: #585858 solid 1px;}
.map-overlay .site-link a{display: inline-block;padding: 3px 0;text-decoration: none;font-size: 18px;font-weight: 500;color: #222;}
.award-list-wrap{margin: 0 0 40px;}
.award-list{display: block; width: 670px;min-height: 400px; margin: 0 0 30px;}
.award-list h3{margin: 0 0 20px;border-bottom: #a8aaad solid 1px;}
.award-list ul{ margin: 0;padding: 0;}
.award-list li{ float: left;width: 320px;margin: 0 0 30px;list-style: none;}
.award-list li:nth-child(even){float: right;}
.award-list .thumb{width: 320px;height: 190px;background: #414142;}
.award-list li .summary{padding: 10px 0 0;min-height: 2.5em;}
.load-more{ position: relative; cursor: pointer;clear: both;padding-left: 32px; padding-right: 12px;display: inline-block;text-decoration: none;
text-transform: none;border-radius: 4px;background: #e4e5e5;border: #cfcdc9 solid 1px;}
.load-more:before { content: "\e644";font-family: 'ooredoo-icon-fonts'; position: absolute; left: 8px;  top: 4px;   font-size: 20px;}
.device-list-cta .load-more{float: left;}
.device-list-cta .find-store{float: right;}
.misc-cta{margin: 20px 0 15px;padding: 20px 0 0;border-top: #444 solid 1px;}
.misc-cta a{display: block;padding: 3px 0 5px;text-decoration: none;font-weight: 500;color: #222;border-bottom: #aaa solid 1px;}
.misc-cta a:hover{opacity: .6;}
.misc-cta a i{position: relative;top: 3px;font-size: 20px;color: #ed1c24;}
.gallery-list-wrap,
.news-list-wrap{min-height: 1800px; margin: 0 0 40px;}
.gallery-list{display: block;width: 670px;min-height: 400px;margin: 40px 0 30px;}
.gallery-list h3{margin: 0 0 20px;border-bottom: #a8aaad solid 1px;}
.gallery-list ul{margin: 0; padding: 0;}
.gallery-list li{clear: both;float: left;width: 320px;min-height: 265px;margin: 0 0 30px;list-style: none;border-bottom: #a8aaad solid 1px;}
.gallery-list li:nth-child(even){float: right;clear: none;}
.gallery-list .thumb{position: relative;width: 320px;height: auto;min-height: 190px;background: #aaa;}
.gallery-list .audio .thumb{min-height: 97px;}
.gallery-list .video .thumb:before{content: '\e6a8';font-size: 40px;color: #fff;position: absolute;left: 50%;top: 50%;margin: -8px 0 0 -15px;
font-family: 'ooredoo-icon-fonts';}
.gallery-list li .summary{padding: 10px 0 0;min-height: 2.5em;}
.gallery-list .media-count {position: absolute;right: 0;bottom: 0;}
.gallery-list .media-count span{position: relative; display: block; width: 57px;height: 57px;margin: 0 1px 1px 0;line-height: 1.7em;text-align: center;
font-size: 20px;background: #fff;}
.gallery-list .media-count span:before{font-family: 'ooredoo-icon-fonts';font-size: 28px;position: absolute;left: 50%;bottom: 3px;margin: 0 0 0 -15px;
line-height: 1em;color: #ed1c24;}
.gallery-list .media-count span.video:before{content: '\e674';}
.gallery-list .media-count span.photo:before{content: '\e672';}
.widget-gallery-filter{padding: 0 0 10px;margin: 0 0 20px;border-bottom: #444 solid 1px;}
.widget-search-filter > h3,
.widget-gallery-filter h3{position: relative;color: #414042;padding: 0 0 0 32px;margin: 0 0 15px;padding-bottom: 5px;}
.widget-search-filter > h3 i,
.widget-gallery-filter h3 i{position: absolute;top: -8px;left: -3px;color: #ed1c24;font-size: 32px;}
.filter-pane{margin: 0 0 1px;}
.filter-pane .pane2{display: none;padding: 0 0 5px;}
.filter-pane.expanded .pane2{display: block;}
.filter-pane fieldset{padding: 5px 10px;}
.filter-pane .header{display: block;width: 85%; padding: 10px 8px;font-weight: normal;cursor: pointer;  background: #e4e5e5 url(../images/icon_expand.png) 95% 50% no-repeat;}
.filter-pane.expanded .header{background: #e4e5e5 url(../images/icon_collapse.png) 95% 50% no-repeat;}
.filter-pane .header:hover{background-color: #dcddde;}
.filter-pane .action a{text-decoration: none;color: #222;font-weight: 500;margin-top: 6px;display: inline-block;}
.filter-pane .action a i{color: #ed1c24;}
.news-list-wrap{padding: 0 5px;}
.news-list ul{width: 715px;margin: 0;padding: 30px 0 0;}
.news-list li{position: relative;float: left;width: 225px;height: 495px;margin: 0 10px 10px 0;list-style: none;border: #dbdbdb solid 1px;}
.news-list li .dateline{color: #ed1c24;display: block;padding: 10px 10px 5px;}
.news-list li h4{margin: 0;padding: 0 10px 10px;font-size: 22px;font-weight: 500;line-height: 1.1em;}
.news-list .summary{padding: 0 10px 10px;}
.news-list .summary p{margin: 0;padding: 0 0 5px;}
.news-list .share-link{ position: absolute; left: 10px; bottom: 10px;}
/* disable text selection */
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select: none;}
.widget-search-filter{padding: 0 0 40px;margin: 0 0 30px;border-bottom: #444 solid 1px;}
.widget-search-filter > h3{margin: 0 0 5px;}
.widget-search-filter > p{margin: 0;padding: 0;text-indent: 30px;}
.search-form{position: relative;padding: 20px 0 10px;}
.search-form .txt1{width: 90%;padding: 6px 8px;margin: 0 0 10px;color: #fff;font-size: 18px;background: #434244;font-style: italic;border: 0;border-radius: 4px;}
.search-form .btn{border: 0;font-size: 12px;color: #a5a9ac;text-transform: uppercase;background: none;}
.search-form .btn-custom{position: relative;display: inline-block;padding: 5px 10px 5px 30px;background: #e4e5e5;border-radius: 4px;}
.search-form .btn-custom:hover{background: #dcddde;}
.search-form .btn-custom:before{position: absolute; left: 8px;top: 4px;font-size: 24px;color: #a5a9ac;}
.search-form .show-hide{position: relative; margin: 0 0 0 70px; color: #444;}
.search-form .show-hide:hover{color: #000;}
.search-form .show-hide:before{position: absolute;left: -20px;top: 3px;font-family: 'ooredoo-icon-fonts';content: "\e684";}
.search-form .expanded:before{content: "\e682";}
.search-filter{ display: none;}
.search-filter h4{margin: 0;padding: 10px 0 10px;font-size: 20px;font-weight: 500;}
.login-form-wrap{float: left;width: 235px;height: 350px;padding: 25px 30px 0 0;color: #777;background: #fff;border-top-right-radius: 10px;  border-bottom-right-radius: 10px;}
.boxsize{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.login-form-wrap h3{margin: 0;padding: 0 0 0 40px;font-family: 'Opificio Bold';font-size: 20px;line-height: 1em;color: #444;}
.login-form-wrap h3:before{position: absolute;margin: 6px 0 0 -50px;color: #ed1c24;font-size: 46px;font-family: 'ooredoo-icon-fonts';}
.login-form-wrap h3 + p{margin: 0;padding: 0 0 0 40px;line-height: 1em;}
.login-form{padding: 20px 0 0;}
.login-form fieldset{padding: 0 0 10px;}
.login-form label{display: block;font-size: 17px;color: #555;padding: 0 0 3px;}
.login-form .txt1{width: 100%;padding: 7px 10px;font-style: italic;border: #e1e2e2 solid 1px;background: #f1f2f2;border-radius: 4px;}
.login-form .action .btn{height: 32px;padding: 3px 20px;font-size: 18px;background: #ed1c24;border: #cb1c27 solid 1px;border-radius: 4px;color: #fff;}
.login-form .forgot{color: #555;font-style: italic;}
.login-form .reg-link{color: #ed1c24;}
.panel-service{position: relative;background: none;}
.util-wrap {float: right;width: 27%;}
.cta-selfcare{position: relative;height: 105px; padding: 15px 50px 10px 75px;   margin: 0 0 15px;color: #fff;background: #ed1c24;border-radius: 10px;}
.cta-selfcare h3{margin: 0; padding: 0; line-height: 1em;font-family: 'Opificio Bold';font-weight: normal;font-size: 25px;}
.cta-selfcare h3:before{font-family: 'ooredoo-icon-fonts';content: "\e6be"; position: absolute; font-size:60px; left: 7px;top: 25px;}
.cta-selfcare p{margin: 0;padding: 0;}
.cta-selfcare a{text-decoration: none;color: #fff;}
.cta-selfcare a img{border: 0;}
.banner-small{  overflow: hidden;height: 175px;border-radius: 10px;background: #fff;}
.banner-small img{width: 100%;min-height: 100%;}
.card-slides-wrap{overflow: hidden;position: relative;float: left;width: 71.5%; height: 295px;  padding: 20px;  color: #777;background: #fff;
border-radius: 10px;}
.card-slides{padding-left:30px;}
.card-slides .slider-ctrl .next{right: 0;}
.card-slides-mask{overflow: hidden;position: relative;width: 680px;height: 190px;margin: 5px 0 0;}
.card-slides-carousel{width: 680px;height: 200px;}
.card-slides h3{margin: 0;padding: 3px 0 0;font-family: 'Opificio Bold';font-weight: normal;font-size: 20px;color: #444;line-height: 1.1em;}
.card-slides h3 + p{margin: 0;padding: 0 0 10px;line-height: 1em;}
.card-slides ul{width: 1000em;height: 100%; margin: 0;  padding: 0;}
.card-slides li{float: left;display: inline-block;position: relative;width: 680px;height: 186px;margin: 0;padding: 0 30px 0 0;list-style: none;
background: #fff;}
.card-slides .thumb{float: left;width: 345px;height: 186px;margin: 0 20px 0 0;background: #eee;}
.card-slides h4{margin: 0;padding: 15px 0 0;font-size: 20px;color: #444;font-weight: 500;line-height: 1.1em;}
.card-slides li p{margin: 0;padding: 0 0 10px;line-height: 1.2em;}
.card-slides .cta {position: absolute;bottom: 0px;left: 364px;}
.card-slides .cta a{float: left;margin: 0 2px 0 0;} 
.help-util{padding: 35px 0 20px;}
 .help-util h3{margin: 0;padding: 5px 0 0;font-family: 'Opificio Bold'; font-weight: normal;font-size: 20px;line-height: 1em;color: #444; }
 .help-util h3+p{margin: 0;padding: 0 0 20px;color: #777;} 
 .help-util ul{overflow: auto; margin: 0; padding: 0 0 30px;} 
 .help-util li{position: relative;float: left;list-style: none;width: 235px;height: 344px;text-align: center;background: #f1f2f2;} 
 .help-util li+li{margin: 0 0 0 10px;} 
 .help-util h4{height: 44px;margin: 0;padding: 6px 40px;font-size: 18px;color: #fff;text-align: center;font-weight: 400;    line-height: 1.2em;background: #414042;} 
 .help-util .summary > i{font-size: 110px; display: block;width: 110px;margin: 0 auto;padding: 10px 0 0;color: #ed1c24; }
 .help-util .summary > p{margin: 0;line-height: 1.1em;text-align: center;margin: 0 20px;height: 6em; } 
 .link3{ position: relative; display: inline-block; padding: 5px 13px;  padding-left: 28px;color: #d1d3d4;  text-decoration: none;  background: #fff;border: #e6e7e8 solid 1px;border-radius: 4px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
 .link3:before{ font-family: 'ooredoo-icon-fonts'; font-size: 13px; color: #ed1c24; content: '\e686';position: absolute;left: 8px;  top: 50%; margin: -9px 0 0;}
.link3:hover{color: #bcbec0;border-color: #d1d3d4;background-color: #e6e7e8;}
.help-util .link3{margin:0 auto;display: inline-block;}
.find-store,
.find-support{position: relative;float: left;margin: 0 0 25px;padding-right: 10px;padding-left: 33px;line-height: 1.2em;text-transform: none;}
.find-store:before,
.find-support:before{font-family: 'ooredoo-icon-fonts'; position: absolute; left: 8px;}
.find-store:before{content: "\e6f8";font-size: 18px;top: 4px;}
.find-support:before{content: "\e6c3";font-size: 22px;font-weight: 100;top: 4px;}
.promo-list-wrap,
.plans-list-wrap,
.device-list-wrap{width: 976px;margin: 0 auto 0;padding: 60px 0 30px;}
.promo-list-wrap{padding-top: 60px;}
.promo-list-mask,
.plans-list-mask,
.device-list-mask{clear: both;width: 976px;height: 520px;overflow: hidden;}
.promo-list,
.plans-list,
.device-list{margin: 0; padding: 0;}
.device-list{height: 506px;}
.device-list li{float: left;list-style: none;width: 238px;height: 506px;background: #fff;border: #ccc solid 1px;}
.device-list li+li{margin: 0 0 0 5px;}
.device-list li .thumb{height: 310px;}
.device-list li .thumb img{display: block;margin: 0 auto;}
.device-list li .detail{width: 220px;margin: 0 auto;padding: 5px 0 0;text-align: center;border-top: #414042 solid 1px;}
.device-list li .detail strong{display: block;font-size: 20px;font-weight: 500;}
.device-list li .detail strong.price{font-size: 30px;}
.device-list li .detail strong.price sup{font-size: 18px;}
.device-list li p{margin: 0;height: 60px;line-height: 1.1em;}
.promo-list li,
.plans-list li{list-style: none;float: left;width: 344px;height: 440px;padding: 7px;border: #e7e7e8 solid 1px;}
.plans-list li+li{margin: 0 0 0 3px;}
.plans-list li .thumb{width: 344px;height: 180px;}
.promo-list li .summary,
.plans-list li .summary{padding: 15px 15px 0;}
.promo-list .summary h4,
.plans-list .summary h4{margin: 0;padding: 0 0 8px; font-size: 22px;font-weight: 500;line-height: 1.1em;}
.promo-list .summary p,
.plans-list .summary p{margin: 0 0 10px;line-height: 1.2em;color: #777;}
.promo-list .cta,
.plans-list .cta{padding-left: 15px;}
.promo-list .cta a,
.plans-list .cta a{float: left;margin: 0 5px 0 0;}
.promo-list-mask{min-height: 470px;}
.promo-list{width: 1000em;height: 470px;}
.promo-list li{ float: left;width: 960px;min-height: 470px;margin: 0 5px 0 0;padding-bottom: 30px;}
.promo-list li .thumb{width: 960px;height: 290px;}
.promo-list li .summary{width: 70%;}
.promo-list li .thumb img{width: 100%;height: 100%;}
.promo-list .cta{padding-top: 15px;}
.resp-menu{display: none;z-index: 200;position: absolute;top: 0;right: 0;width: 320px;height: 100%;overflow: auto;margin: 0 0 0 0;background: #fff;
border-left: #dcdddd solid 1px;}
/*21-02-17*/
/*.resp-cta{display: none;position: absolute;top: 0;right: 0;width: 52px;height: 52px;text-indent: -999em;border-left:#e8e8e9 solid 1px;cursor: pointer;
background: #fff url(../images/responsive_menu.png) 50% 50% no-repeat;}*/
.resp-cta{display: none;position: absolute;top: 0;right: 0;width: 52px; min-height:65px;text-indent: -999em; border-left:#e8e8e9 solid 0px;cursor: pointer;
background:url(../images/responsive_menu.png) 50% 15px no-repeat;}

.resp-menu .cta:hover{background-color: #f2f2f2;}
.resp-menu .topbar{ height: 32px;background: #403e3e;}
.resp-menu h1{float: none;height: 52px;margin: 0;padding: 0;top: 0;width: auto;background-color: #fff;background-repeat: no-repeat;background-position: 15% 50%;}
.sec-nav ul{margin: 3px 5px 10px;padding: 0;}
.sec-nav li{width: 33.33%;margin: 0;padding: 0;list-style: none;float: left;}
.sec-nav li a{display: block;padding: 8px 10px;text-align: center;color: #acacac;text-decoration: none;font-weight: 500;background: #000;}
.sec-nav li a:hover{background: #222;}
.sec-nav li+li a{margin-left: 1px;}
.sec-nav li.active a{background: #ed1c24;color: #fff;}
.resp-search{position: relative;margin: 10px 5px;padding: 13px 10px;}
.resp-search:before{font-family: 'ooredoo-icon-fonts';content: "\e6fa"; position: absolute; left: 15px; top: 12px;font-size: 26px;}
.resp-search input{width: 100%;padding: 5px;background: #fff;border:0;}
.resp-nav{margin: 5px;}
.resp-nav ul{margin: 0; padding: 0;}
.resp-nav li{list-style: none;}
.resp-nav li a{ display: block; padding: 8px 10px;margin: 0 0 1px;color: #ed1c24; font-family:"ooredoo-heavy2"; text-decoration: none;  /*background: #484646; 20-02-17*/}
.resp-nav li a:hover{background:none;}
.resp-util{padding: 100px 0 0;margin: 0 5px;}
.resp-util ul{position: relative;margin: 0;padding: 0;}
.resp-util li{float: left;list-style: none;width: 50%;text-align: center;}
.resp-util li.locale{position: absolute;top: -50px;width: 100%;color: #777;line-height: 1.7em;text-align: left;padding: 4px;padding-left: 10px;
background: #302927;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.resp-util li a{display: block;padding: 25px 15px;margin-left: 1px;color: #a7a9ac;text-decoration: none;background: #484646;}
.resp-util li a:hover{background: #302927;}
.resp-util li i{display: block;font-size: 44px;}
.resp-util li.locale a{ float: right;padding: 9px 8px;color: #f1f2f2;line-height: 1em;font-size: 14px;background: #403e3e;font-family:'Noto Sans', Verdana!important;display: inline-block;cursor:pointer;}
.resp-util li.locale a.active{background: #ed1c24;}
.back-to-top {position: relative;padding: 5px 13px;padding-left: 30px;color: #d1d3d4;cursor: pointer;background: #fff;border: #e6e7e8 solid 1px;
border-radius: 6px;top: 25px; margin: 0 auto 15px; display: block; float: none; width: 75px;}
.back-to-top:hover {background-color: #f1f2f2;}
.back-to-top:before {font-family: 'ooredoo-icon-fonts';content: "\e634";position: absolute;left: 5px;top: -2px;font-size: 28px;}
.popup-wrap .back-to-top{position: absolute;bottom: 0;top: auto;left: 0;right: 0;margin-bottom: 30px;background: #f1f2f2;}
.popup-wrap{position: relative;width: auto;min-width: 956px;max-width: 1078px;min-height: 600px;margin: 0 auto;background: #f1f2f2;-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.2);}
.popup-wrap .close-wrap{z-index: 1;position: fixed;height: 1px;width: 1px;right: 50%;top: 133px;}
.is-sticky .overlay-wrap .close-wrap{top: 80px;}
.map-canvas2-wrap .close,
.popup-wrap .close{position: absolute;left: 482px;top: -6px;display: block;width: 30px;height: 30px;padding: 0;color: #fff;background: #58595b;
border-radius: 4px;cursor: pointer;}
.map-canvas2-wrap .close {left: auto; right: 15px; top: 30px; z-index: 301;}
.map-canvas2-wrap .close:hover,
.popup-wrap .close:hover{background-color: #212121;}
.map-canvas2-wrap .close i,
.popup-wrap .close i{padding:3px;line-height: 1.27em;font-size: 24px;font-weight: 100;}
.popup-content{width: 956px;min-height: 600px;margin: 0 auto;background: #fff;}
.feature-media-wrap {position: relative;margin: 0 auto;width: 954px;height: 447px;}
.feature-mask {overflow: hidden;width: 100%;height: 447px;}
.feature-carousel {height: 447px;}
.feature-list {margin: 0;padding: 0;min-width: 100%;height: 100%;}
.feature-list li{float: left;position: relative;width: 954px;list-style: none;}
.feature-list li .video:after{font-family: 'ooredoo-icon-fonts';content: "\e6a8";font-size: 80px;position: absolute;left: 50%;top: 50%;margin: -60px 0 0 -40px;color: #fff;}
.content-pane-wrap {float: left;width: 660px;min-height: 600px;padding: 30px;padding-left:35px;padding-bottom: 60px;}
.behind-wrap .content-pane-wrap {padding: 0 0 30px 10px;width: 680px;}
.sidebar-wrap {float: right;width: 296px;min-height: 600px;padding: 30px 35px;background: #f6f7f7;}
.behind-wrap .sidebar-wrap {position: relative;z-index: 1;margin-top: -28px;margin-right: -50px;width: 300px;padding: 40px 20px 50px;
border-bottom-right-radius: 8px;background-color: #f1f2f2;}
.behind-wrap .sidebar-wrap:before {content: '';position: absolute;top: -30px;left: 0;width: 300px;height: 30px;padding: 0;background: #f1f2f2;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.related-content {color: #777;margin: 0 0 20px;border-bottom: #444 solid 1px;}
.featured-device h3,
.related-content h3{position: relative;margin: 0;padding: 0 0 0 30px;font-size: 22px;font-weight: 500;color: #414042;}
.featured-device h3 i,
.related-content h3 i{position: absolute;left: -5px;top: 0;font-size: 34px;color: #ed1c24;}
.related-content h3 i.icon-OR_UI_013{font-size: 26px;}
.featured-device h3+p,
.related-content h3+p{margin: 0;padding: 0 0 10px 30px;line-height: 1em;}
.featured-device ul,
.related-content ul{margin: 0;padding: 0 0 10px;}
.featured-device li,
.related-content li{position: relative;list-style: none;min-height: 95px;padding: 10px 0;}
.featured-device li+li,
.related-content li+li{ border-top: #ccc solid 1px;}
.related-content li h5{ margin: 0;  padding: 0; color: #444; font-size: 16px; font-weight: 500; line-height: 1.1em;}
.related-content li h5+p{display: none;}
.related-content li p{margin: 0;padding: 0 0 .5em;}
.related-content .thumb{position: absolute;left: 0; top: 10px;width: 95px;height: 95px;overflow: hidden;}
.related-content .thumb img{width: 100%;height: auto;}
.related-content .thumb+.summary{padding-left: 105px;}
.related-content-nothumb li p{display: block;font-weight: normal;color: #777;}
.related-content-nothumb li h5 {font-size: 18px;}
.related-content-nothumb li h5 + p{ display: block;}
.related-content-nothumb li strong{ color: #414042; font-weight: 500;}
.featured-device li+li{ padding-top: 15px;}
.featured-device .thumb{width: 100%;max-height: 150px;margin: 0 0 10px; overflow: hidden;}
.featured-device .thumb img{width: 100%;height: auto;min-height: 100%;}
.featured-device .summary{font-weight: 500;}
.cta-support-wrap { padding: 18px 0;margin: 0 0 20px;border-top: #444 solid 1px;border-bottom: #444 solid 1px;}
.related-content + .cta-support-wrap {padding-top: 0;border-top: 0;}
.cta-support{position: relative;padding: 8px;color: #fff;text-align: center;background: #ed1c24;border-radius: 4px;border: #c9141a solid 1px;}
.cta-support strong{display: block; padding:10px 0 80px;font-weight: 500;font-size: 20px;}
.cta-support span{display: block;padding: 0 0 5px;}
.cta-support a{ color: #fff;text-decoration: none;line-height: 1em;}
.cta-support i{ font-size: 70px;position: absolute; left: 10px; right: 10px;top: 40px;margin: auto;}
.cta-support:hover * { color: #eee; }
.related-info{color: #777;line-height: 1.1em;}
.related-info ul{margin: 0; padding: 0;}
.related-info li{margin: 0 0 15px;padding: 0;list-style: none;}
.related-info li+li{border-top: #ddd solid 1px; padding-top: 15px;}
.related-info .thumb{width: 100%;max-height: 105px;margin: 0 0 10px;overflow: hidden;}
.related-info .thumb img{width: 100%;min-height: 100%;}
.related-info h4{margin: 0; padding: 0; color: #ed1c24; font-weight: 500;text-transform: uppercase;}
.related-info .summary{ margin: 0 0 12px;}
.content-title{line-height: 1.3em;padding: 0 0 15px;}
.content-title .sub-title{color: #414042;font-size: 18px;}
.content-title h3{color: #ed1c24;font-size: 25px;margin: 0; padding: 0; line-height: 1.2em; font-weight: 500;}
.social-wrap2{position: relative;display: inline-block; width: auto;border-top: #f1f2f2 solid 1px;border-bottom: #f1f2f2 solid 1px;}
.social-wrap2 ul{margin: 0; padding: 5px 0;}
.social-wrap2 li{float: left;list-style: none;}
.social-wrap2 li+li{border-left: #f1f2f2 solid 1px;}
.social-wrap2 a{display: block;padding: 3px 15px;text-decoration: none;}
.social-wrap2 a:hover{background: #f8f8f8;}
.social-wrap2 i{display: block;line-height: 24px;font-size: 24px;}
.thecontent {padding: 10px 0 10px;color: #666;}
.thecontent div[class^="block-"] {margin: 0 0 20px; border-bottom: #dadcdd solid 1px;}
.thecontent div.block-description {margin-bottom: 5px;}
.thecontent h4{margin: 0 0 0;padding: 0 0 .5em;font-size: 22px;font-weight: 500;line-height: 1.1em;color: #ed1c24;}
.thecontent h5{margin: 0 0 0;padding: 0 0 .5em;font-size: 20px;font-weight: 500;line-height: 1.1em;color: #414042;}
.thecontent p{margin: 0;padding: 0 0 1em;}
.thecontent ul {margin: 0;padding: 0 0 1em;}
.thecontent li {position: relative; list-style: none;margin: 0; padding: 0 0 5px 15px;  line-height: 1.2em;}
.thecontent li:before {content: '';position: absolute;left: 0;top: .5em;width: 6px;height: 6px;border-radius: 50%;background: #e7e7e8;}
.block-offers .offer-item{width: 576px;border:#e7e7e7 solid 1px;padding: 7px;margin: 0 0 25px;}
.block-offers .keyimage img{width: 100%;}
.block-offers .keyimage {padding: 0 0 10px;max-width: 576px;}
.product-viewer {position: relative;width: 100%;height: 690px;text-align: center;background: #fff;border-radius: 4px;}
.product-viewer .viewer {width: 100%;height: 480px;padding: 0 0 10px;}
.product-viewer .viewer img{display: block;max-width: 460px;max-height: 460px;margin: 0 auto;padding: 30px 20px 0;}
.product-viewer .thumb-list {padding: 0 0 30px;}
.product-viewer .thumb-list a{display: inline-block;width: 105px;height: 95px;border: #eee solid 1px;background: #fff;}
.product-viewer .thumb-list .color-option a{display: none;}
.product-viewer .thumb-list a img{display: block;margin: 0 auto;padding: 5px 10px;}
.product-viewer .find-store{float: none;}
.color-index {z-index: 1;position: absolute; right: 10px; top: 45%; width: 15px;}
.color-index span { display: block; width: 13px; height: 13px; border-radius: 50%; border: #ddd solid 1px; margin: 0 0 5px;}
.color-index span.active {border-color: #999;}
.tandc-inline {padding: 0 0 1em;}
.intro2-centered {width: 100%;padding: 20px 20% 30px;text-align: center;color: #777;}
.intro2-centered h3{width: 60%; margin: 0 auto; color: #ed1c24; font-size: 25px;font-family: 'Opificio Bold';line-height: 1.2em;}
.teaser {padding: 0 0 40px;}
.teaser .box{max-width: 485px;height: auto; margin: 0 0 10px;padding: 9px;border: #ccc solid 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;    box-sizing: border-box;}
.teaser .thumb{ overflow: hidden;width: 100%;height: auto;max-height: 250px;margin: 0 0 10px;}
.teaser .thumb img{ display: block; width: auto;max-width: 100%;min-width: 100%;height: auto;min-height: 100%;}
.teaser h4{ margin: 0;padding: 0 0 .3em;font-size: 18px;font-weight: 500;color: #ed1c24;}
.teaser-2col .box{float: left;width: 49.5%;}
.teaser-2col .box:nth-child(even){float: right;}
.news-search-wrap {margin: 0 0 30px;}
.news-search-wrap h3 {position: relative;margin: 0;padding: 0 0 15px 30px;font-size: 22px;font-weight: 500;color: #414042; border-bottom: #555 solid 1px;}
.news-search-wrap i {position: absolute;left: -2px;top: -6px;font-size: 28px;color: #ed1c24;}
.news-search-form {padding: 15px 0;}
.news-search-form .custom-search {position: relative;}
.news-search-form .custom-search:before {position: absolute; left: 7px; top: -2px;content: "\e6fa"; font-family: 'ooredoo-icon-fonts'; color: #999; font-size: 28px;padding: 4px;border-right: #999 solid 1px;}
.news-search-form .txt1 {width:100%; padding:10px 10px 10px 55px; font-style: italic; background: #fff; border: #eaebec solid 1px; border-radius: 4px;}
.news-search-wrap h4 {margin: 0; padding: 0 0 8px; font-weight: 500;}
.news-search-wrap fieldset {padding: 0 0 5px; color: #444;}
.news-search-wrap .cta-expand {position: relative; float: right; text-decoration: underline; cursor: pointer;}
.news-search-wrap .cta-expand:hover {color: #777;}
.news-search-wrap .cta-expand:before {content: "\e684"; position: absolute; left: -1.2em ; top: 2px; font-family: 'ooredoo-icon-fonts';}
.news-search-wrap .expanded:before {content: "\e682";}
.search-cat-wrap {display:none; padding: 0 0 10px;}
.block-featured-news {padding: 15px 0;}
.block-featured-news h3{padding: 0 0 1em; font-size: 22px; color: #ed1c24;}
.block-featured-news2 {padding-bottom: 0;}
.block-featured-news2 h3 {text-align: center;}
.media-corner-wrap {margin-top: 15px;}
.carousel1 {position: relative;}
.carousel1 .themask {overflow: hidden;width: 100%;height: 350px;max-height: 350px;}
.carousel1 .thecarousel {width: 100%;height: 100%;}
.carousel1 ul{position: relative;height: 100%;margin: 0;padding: 0;}
.carousel1 li{float: left;width: 100%;height: 100%;margin: 0;padding: 7px;list-style: none;background: #fff;border: #ccc solid 1px;border-radius: 6px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.carousel1 li .keyimage{width: 100%;}
.carousel1 li .keyimage img{width: 100%;}
.carousel1 li .media-video:after { font-family: 'ooredoo-icon-fonts';content: "\e6a8";font-size: 60px;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;color: #fff;-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.5);}
.carousel1 .summary{position: relative;width: 90%;margin: 0 auto;margin-top: -35px;padding: 15px 15px 5px;background: rgba(255,255,255,.95);border-radius: 4px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.carousel1 h5 {margin: 0;padding: 0 0 5px;font-size: 20px;font-weight: 500;}
.block-featured-news2 .carousel1 .themask,
.media-corner-wrap .carousel1 .themask { height: 500px; max-height: 500px; margin-bottom: 20px;}
.block-community-news {padding: 15px 0;}
.block-community-news h3{padding: 0 0 1em; font-size: 22px; color: #ed1c24;}
.news-list2 .news-item{padding: 0; margin: 0 0 15px; border: #ccc solid 1px;border-radius: 4px; color: #888; }
.news-list2 .news-item .keyimage{ width: 100%; padding: 7px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}
.news-list2 .news-item .keyimage img{ width: 100%;}
.news-list2 .news-item h4, .news-list2 .news-item h5 {margin: 0; padding: 0 0 .8em; color: #444;font-weight: 500;}
.news-list2 .news-item h4, .news-list2 .news-item .dateline, .news-item .summary, .news-item .detail {margin-left: 8.5%; margin-right: 2%;}
.news-list2 .news-item .dateline {color: #fcd3c1;}
.news-list2 .news-item h4 {font-size: 20px;}
.news-list2 .news-item h5 {font-size: 16px; padding-bottom: .3em;}
.news-list2 .detail-wrap { position: relative; padding: 10px 0 20px;background: #f6f6f6; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.news-list2 .news-item .detail {display: none;}
.news-list2 .news-item .more, .news-list2 .news-item .expandable {position: relative; display: block; margin-left: 8.5%; margin-bottom: 20px; max-width: 100px; cursor: pointer; font-weight: 500; padding-left: 20px; text-decoration: none;}
.news-list2 .news-item .expandable:before {content: "\e68c"; position: absolute; left: 0;top: 2px; font-family:'ooredoo-icon-fonts';font-size: 12px;}
.news-list2 .news-item .expanded:before {content: "\e68a";}
.news-list2 .news-item .social-wrap2 {margin-left: 8.5%; border-color: #e7e7e8;}
.news-list2 .news-item .social-wrap2 li {border-color: #e7e7e8;}
.news-list2-1 .detail-wrap {background: #fff; padding-top: 0;}
.news-list2-1 .news-item .more{padding-left: 0; text-decoration: underline;}
.media-center-wrap {padding: 0 0 40px;}
.news-list3 .news-item {position: relative; padding-left: 190px; padding-top: 15px;}
.news-list3 .news-item .dateline { color: #ed1c24;}
.news-list3 .news-item .keyimage{ z-index: 1;position: absolute; left: 10px; top: 10px; width: 226px; height: 148px; padding: 0; overflow: hidden;}
.news-list3 .detail-wrap {background: none; padding-bottom: 10px;}
.news-list3 .news-item .more, .news-list3 .news-item .expandable {margin-bottom: 6px;}
.timeline-wrap {height: 690px;height: 620px;background: #f1f2f2;}
.touch .timeline-wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.timeline-wrap .close{z-index: 101;position: absolute;right: 15px;top: 10px;display: none;width: 30px;height: 30px;color: #fff;background: #414042;border-radius: 5px;cursor: pointer; text-align: center}
.timeline-wrap .close:hover{background-color: #000;}
.timeline-wrap .close i{font-size: 24px;font-weight: 200; line-height: 1.25em;}
.timeline-wrap .timeline-mask{overflow: hidden;position: relative;}
.timeline-wrap .timeline-mask,
.timeline-wrap .thelist,
.timeline-wrap .thecarousel {width: 100%;height: 100%;}
.timeline-wrap .thelist {position: relative;margin: 0;padding: 0;height: 100%; 
-webkit-backface-visibility: hidden; -webkit-perspective: 1000;} 
.timeline-wrap .thelist li{float: left;list-style: none;margin: 0;padding: 0;width: 100%;min-height: 100%;}
.timeline-wrap .thelist .keyimage{position: absolute;width: 100%;height: 100%;background-size: cover;background-position: 50% 50%;border-right: #fff solid 0px;-webkit-transform: skewX(-5deg);-moz-transform: skewX(-5deg);-ms-transform: skewX(-5deg);-o-transform: skewX(-5deg);transform: skewX(-5deg);}
.timeline-wrap .thelist .keyimage img{width: 100%;height: 100%;}
.timeline-wrap .index-wrap{display: block;position: absolute;left: 0;top: 0;width: 100%;}
.timeline-wrap .index{z-index: 2;position: relative;display: block;max-width: 976px;margin: 0 auto;text-align: center;color: #fff;}
.timeline-wrap .index span{position: relative;display: inline-block;width: 60px;height: 60px;padding-top: 5px;font-weight: 500;font-size: 17px;cursor: pointer;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.timeline-wrap .index span:before{z-index: 1;content: '';width: 12px;height: 12px;position: absolute;bottom: 5px;left: 40%;background: #fff;border-radius: 50%;}
.timeline-wrap .index span+span:after{content: '';width: 65px;height: 2px;background: #fff;position: absolute;bottom: 10px;right: 50%;}
.timeline-wrap .index span.intro+span:after{display: none;}
.timeline-wrap .index span.intro:before {display: none;}
.timeline-wrap .index span.intro {text-indent: -999em;background: url(../images/navigate_mouse.png) 50% 50% no-repeat;}
.lte768 .timeline-wrap .index span.intro, .touch .timeline-wrap .index span.intro {background-image: url(../images/navigate_swipe.png);}
.timeline-wrap .index span.active,
.timeline-wrap .index span:hover{background-color: rgba(255,255,255,.3);}
.timeline-wrap .index span.active:before {background-color: #999;}
.mobile-teaser {display:none; min-height: 320px; background: url(../images/dummy_timeline01.jpg) 50% 50% no-repeat; background-size: cover; text-align: center; color: #fff;}
.touch .mobile-teaser {display: block;}
.mobile-teaser .caption {width: 200px; margin: 30px 0 20px;}
.mobile-teaser p {width: 70%; margin: 0 auto;}
.mobile-teaser span.tap {display: inline-block; width: 200px; padding: 50px 0 0; background: url(../images/icon_tap.png) 50% 10px no-repeat; text-transform: uppercase; text-decoration: underline;}
.timeline-wrap .wrap-inner {position: relative; z-index: 1; color: #fff; text-align: center;}
.timeline-wrap .direction {padding: 100px 0 0;}
.timeline-wrap .direction .caption {margin: 0 0 20px;}
.timeline-wrap .direction p {width: 60%; margin: 0 auto;} 
.timeline-wrap .direction .symbol-mobile {display: none;}
.touch .timeline-wrap .direction .symbol {display: none;}
.touch .timeline-wrap .direction .symbol-mobile {display: block;}
.timeline-wrap .direction .symbol p {margin: 40px auto 20px; width: 35%; font-weight: 600;}
.timeline-wrap .direction .symbol span {display: inline-block; width: 165px; height: 65px; padding: 100px 0 0;}
.timeline-wrap .direction .symbol span + span {position:relative; margin-left: 20px;}
.timeline-wrap .direction .symbol span + span:before {content: 'OR'; position: absolute; left: -22px; top: 40px; text-decoration: underline;}
.timeline-wrap .direction .symbol .keyboard {background: url(../images/keyboard_hint.png) 50% 5px no-repeat;}
.timeline-wrap .direction .symbol .mouse {background: url(../images/mouse_hint.png) 50% 5px no-repeat;}
.timeline-wrap .direction .symbol .touch {background: url(../images/touch_hint.png) 50% 5px no-repeat;}
.timeline-wrap .direction .symbol-mobile span {width: 180px;}
.text-wrap {position: absolute; left: 10%; bottom: 10%; width: 300px; height: auto; min-height: 90px; background: #fff; color: #777; padding: 15px 15px 40px; text-align: left;opacity: 0;margin: 0 0 0 50%;}
li.reverse .text-wrap {margin-left: -50%;}
li.active .text-wrap {margin: 0; opacity: 1;}
.text-wrap .btn-tweet {position: absolute; right: -15px; top: -15px; width: 50px; height: 50px; border-radius: 50%; border: #ccc solid 1px; background: #fff;text-indent: -999em; cursor:pointer;}
.text-wrap .btn-tweet:before {content: "\e60e"; position: absolute; left: 2px; top: -5px; font-size: 45px; color: #00acee; font-family: 'ooredoo-icon-fonts'; text-indent: 0;}
.text-wrap h5, .text-wrap p {margin: 0; padding: 0; font-size: 16px; line-height: 1.3em;}
.text-wrap h5 {margin-right: 2em; color: #333;}
.text-wrap .detail {max-height: 2.5em; overflow: hidden;}
.text-wrap {-webkit-transition: all ease-out 1.2s;  -moz-transition: all ease-out 1.2s; -o-transition: all ease-out 1.2s;transition: all ease-out 1.2s;
}
.text-wrap .detail{-webkit-transition: all linear .5s; -moz-transition: all linear .5s; -o-transition: all linear .5s;transition: all linear .5s;}
.text-wrap .expand {position: absolute; left: 15px; bottom: 7px; color: #333; cursor: pointer;}
.un-init .text-wrap {display: none;}
.media-corner-wrap .social-wrap2 {margin-bottom: 30px;}
.block-media-corner {margin: 0 0 40px;}
.block-media-corner h3{color: #ed1c24;font-size: 23px;margin: 0;padding: 0 0 .5em;line-height: 1.2em;font-weight: 500;}
.block-media-corner .media-filter{width:99%; height: 60px; background: #e5e5e5; border-radius: 4px; margin: 0 0 15px;padding:8px; background:#ed1c24;}
.media-list {padding: 0 0 20px;}
.media-item {float: left;display: inline-block;width: 24%;padding: 7px;margin: 0 1% 1% 0;line-height: 1.1em;color: #777;border: #ccc solid 1px;border-radius: 3px; background: #fafafa;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.media-video {background: #f1f2f2;}
.media-item .thumb{position: relative; overflow: hidden;width: 100%; max-height: 126px; margin: 0 0 .5em;}
.media-item .thumb img{position: relative; width: 100%; height: auto; min-height: 100%;}
.media-video .thumb:after {content: "\e6a8"; position: absolute; left: 50%; top: 50%; color: #fff; font-size: 34px; font-family: 'ooredoo-icon-fonts';margin:-5px 0 0 -15px;}
.media-item h5 {margin: 0; padding: 0 0 .5em; font-size: 20px; color: #333; font-weight: 500;}
.media-item a:hover * {color: #777;}
.media-item .social-share {display: none;}
.gc-bubbleDefault, .pls-container{ display: none !important;}
.media-filter .custom-search {position: relative;}
.media-filter .custom-search:before {position: absolute; left: 7px; top: -2px;content: "\e6fa"; font-family: 'ooredoo-icon-fonts'; color: #999; font-size: 28px;padding: 4px;border-right: #999 solid 1px;}
.media-filter .txt1 {width:34%; padding:10px 10px 10px 55px; font-style: italic; background: #fff; border: #eaebec solid 1px; border-radius: 6px;}
.custom-btn-search {position: relative;}
.custom-btn-search:before {position: absolute; top: 2px; left: 15px; content: "\e6fa"; font-size: 28px; font-family:'ooredoo-icon-fonts';color: #999;}
.custom-btn-search input { background: #fff; border-radius: 6px; width: 15%; height: 44px; border: 0; color: #999; text-indent: 15px;}
.custom-btn-search input:hover {background: #f1f2f2;}
.other-plans h4{ color: #ed1c24; font-size: 18px;}
.other-plan-list {margin: 0; padding: 0;}
.other-plan-list li { float:left; margin: 0; padding: 7px; list-style: none; width: 40%; margin: 0 1.5% 1.5% 0; border:#ccc solid 1px; color: #777; line-height: 1.2em;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.other-plan-list li .thumb {width: 100%; height: auto; max-height: 126px; overflow: hidden;}
.other-plan-list li .thumb img {width: 100%; height: auto; min-height: 100%;}
.other-plan-list h5 {color: #333; margin: 0; padding: .5em 0 .5em; font-size: 16px;}
.other-plan-list p {margin: 0; padding: 0 0 .8em;}
.other-plan-list .more { display:inline-block; margin: 0 0 12px;}
.map-window-wrap {background-color: rgba(255,255,255,1); margin:0; border-radius:5px; padding:10px 10px 5px 10px; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.map-canvas2-wrap {display:none; z-index: 301; position: fixed; top: 0; left: 0; width: 100%; height: 100%;}    
#map-canvas2 {width: 100%; height: 100%;}
.apply-here {height: 248px; background: #ed1c24; padding: 50px 0 0; text-align: center;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.apply-here a {width: 100%; height: 100%; display: block;}
.apply-here i, .apply-here strong, .apply-here span {display: block; color: #fff; font-size: 18px;}
.apply-here i {font-size: 60px; color: #414042; }
.apply-here strong {text-transform: uppercase; font-weight: 400; font-size: 20px; padding: 5px 0 10px;}
.apply-here a:hover strong, .apply-here a:hover span{color: #eee;}
.linker2 {  position: relative;display: inline-block;color: #fff;font-size: 20px; margin: 0 0 20px .5%; padding: 20px 25px;border-radius: 4px;background: #ed1c24;border: #c9141a solid 1px;}
.linker2:hover {color: #ddd;}
.link-hr {padding-left: 70px;}
.link-hr:before {content: "\e6c8"; font-size: 50px; font-family: 'ooredoo-icon-fonts'; position: absolute; left: 10px; top: 20px;}
.social-share-wrap {display:none; z-index: 1; position:absolute; padding: 5px; min-width: 310px; background: #f1f2f2; border-radius: 4px;}
.social-share {overflow:hidden; position:relative; height: 24px;width: auto;}
.social-share > span {position: relative; top: -50px;}
.social-share > span > span {margin: 0;}
.social-share > span > div {margin: 0; max-width: 50px;}
.social-share .email {float:none!important; background: #ed1c24; color: #fff; height: 20px; padding-left: 20px; padding-right: 6px; display: inline-block; border-radius:2px; font-size: 14px; cursor:pointer;}
.social-share .email i {position:absolute; left: 3px; top: 2px; font-size: 16px;}
.endJ{}
/* end Jerome */
/*Louay start */
#newsletter-popup{ display: none; z-index:500; position:fixed; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width:300px; height: 292px;  background:#ce181e; border:1px solid #94070a; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);border-radius:5px;}
#newsletter-popup .close{ width:30px; height:30px; display:block; position:absolute; right:10px; top:10px; border-radius: 3px;}
#newsletter-popup .close i{color: #ddd; background: #feffff; font-size: 24px; border-radius: 3px; width: 30px;height: 30px;display: block; text-align: center;line-height: 1.3em; cursor:pointer;}
#newsletter-popup .close:hover i{color: #aaa; background: #fff;}
#newsletter-popup .inner{ padding:42px 20px 20px 20px; text-align:center; }
#newsletter-popup .inner h2{ margin:0 0 5px 0; padding:0; font-size:1.2em; color:#fff; }
#newsletter-popup .inner p{ margin:0 0 15px 0; padding:0 0 15px 0; font-size:1.1em; color:#fff; border-bottom:1px solid #fff; }
#newsletter-popup .inner .summery{ display:table; margin:0 0 15px 0;  }
#newsletter-popup .inner .summery .img-div{ float:left; width:94px; height:94px;    }
#newsletter-popup .inner .summery .text-div{ padding:0 0 0 10px; min-height:94px;font-size:1em;color:#fff; display:table-cell;vertical-align:middle;}
#newsletter-popup .inner .row{ margin:0 0 8px 0; }
#newsletter-popup .inner .row.btn{  }
#newsletter-popup .txt-error {color: #000; display: none;}
#newsletter-popup .inner .row input[type=text]{font-size:1.1em;border:none; border-radius:4px;background:#fff;color:#777;padding:5px 10px;width:100%;}
#newsletter-popup .inner .row textarea{ font-size:1.1em; border:none; border-radius:4px; background:#fff; color:#777; padding:5px 10px; width:100%; height:150px;  }
#newsletter-popup form {}
#newsletter-popup .response {display:none; color: #fff;}
#newsletter-popup .response p {border: 0; padding: 50px 0 0;}
.auto-popup,
#image-popup,
#video-popup{ display: none; z-index:500; position:fixed; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width:738px; height:400px; max-width: 100%!important; max-height: 100%;  background:#fff; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);border-radius:5px;}
.auto-popup {width: 450px; min-height: 250px;}
.auto-popup .close,
#image-popup .close,
#video-popup .close{ width:30px; height:30px; display:block; position:absolute; right:5px; top:5px; border-radius: 3px; }
.auto-popup .close i,
#image-popup .close i,
#video-popup .close i{color: #fff; background: #58595b; font-size: 24px; border-radius: 3px; width: 30px;height: 30px;display: block; text-align: center;line-height: 1.3em; cursor:pointer;}
.auto-popup .close:hover i,
#image-popup .close:hover i,
#video-popup .close:hover i{color: #58595b; background: #fff;}
#image-popup .share-link,
#video-popup .share-link{background:none;border:none;width:30px;height:30px;display:block;position:absolute;right:5px;bottom:5px;border-radius:3px; }
#image-popup .share-link i,
#video-popup .share-link i{ margin:-5px 0 0 -4px; color: #ed1c24; background: #fff; font-size: 24px; border-radius: 3px; width: 30px;height: 30px;display: block; text-align: center;line-height: 1.3em; cursor:pointer; border:1px solid #cecece; }
.auto-popup .inner,
#image-popup .inner,
#video-popup .inner{ height: 100%; padding:5px 40px 5px 5px; background: url(../images/ajax-loader.gif) 50% 50% no-repeat;}
.auto-popup .inner {padding: 0 15px; background: none;}
#image-popup .inner img {width: 100%; height: auto;}
#video-popup .social-share-wrap {right: 0; bottom: 2px;}
#image-popup .social-share-wrap {right: 0; bottom: 2px;}
.thecontent .video-block{ width:100%; margin:0 0 20px 0; }
.thecontent .video-block img{ width:100%; display:block; }
.sub-nav2.empty { background: #fff; }
#terms-conditions-page{ padding:0 10px 50px 20px; position:relative;  }
#terms-conditions-page hr{ display:none; }
#terms-conditions-page h2{ color:#ed1c24; } 
#terms-conditions-page p.publish-date{ margin: -.83em 0 0 0;  } 
#terms-conditions-page p{ color:#7f7f85; } 
#support-block{ position:absolute; right:0; top:11px; background:none; width:225px; height:55px;  }
.page-back-section{ display:none; }
.page-job-listing .page-copy{ padding:0 0;  }
.page-job-listing h1 {font-size:1.55em;font-weight: 600;line-height: 1.1em;color:#ed1c24;display:block;margin:0 0 10px 0;text-align:center;}
.page-job-listing .intro-centered{max-width: 100%;color:#3f3f3f;}
.page-job-listing hr{border-top: 1px solid #f1f2f2;margin:40px 0;}
.page-job-listing .result-text{color:#3f3f3f;padding:0 0 0 297px;line-height:30px;}
.page-job-listing .filter-menu{background:#f1f2f2;border-radius: 4px;width:255px;min-height:400px;float: left;}
.page-job-listing .filter-menu .inner{ padding:16px 10px; }
.page-job-listing .filter-menu .inner h2{color:#3f3f3f; margin:0;}
.page-job-listing .filter-menu .inner p{color:#7f7f85;font-size:1.2em;margin:5px 0 15px 0;}
.page-job-listing .filter-menu .inner hr{ border-top:1px solid #a8aaad; margin:0 0 20px 0; }
.page-job-listing .filter-menu .inner .link2{ position:relative; margin:0 auto; padding:4px 20px 4px 30px; width:170px; display:block; text-indent: 30px; }
.page-job-listing .filter-menu .inner .link2 i {position: absolute; left: -20px; top: -15px; font-size: 50px; color: #555;}
.page-job-listing .filter-menu .inner > ul{ margin:0; padding:0; list-style:none; }
.page-job-listing .filter-menu .inner > ul > li{ margin:0 0 1px 0; padding:0; line-height:39px; }
.page-job-listing .filter-menu .inner > ul > li > a{ color:#434244; padding:0 0 0 10px; display:block; background:url(../images/expand_collapse_icon.png) no-repeat 100% 0 #e4e5e5; text-decoration:none;  }
.page-job-listing .filter-menu .inner > ul > li > a:hover{ background:url(../images/expand_collapse_icon.png) no-repeat 100% 0  #d9dada; }
.page-job-listing .filter-menu .inner > ul > li > a.open{  background:url(../images/expand_collapse_icon.png) no-repeat 100% -39px #d9dada; }
.page-job-listing .filter-menu .inner > ul > li > ul{ margin:0; padding:0; list-style:none; display:none; }
.page-job-listing .filter-menu .inner > ul > li > ul > li{ margin:0; padding:0; line-height:30px;  }
.page-job-listing .filter-menu .inner > ul > li > ul > li a{ background:url(../images/check_box.png) no-repeat 0 0; color:#3f3f3f; text-decoration:none; display:block; padding:0 0 0 20px; margin:0 0 0 10px; }
.page-job-listing .filter-menu .inner > ul > li > ul > li a.selected{ background:url(../images/check_box.png) no-repeat 0 -30px; }
.page-job-listing .filter-menu .inner .clear-all{ line-height:30px;}
.page-job-listing .filter-menu .inner .clear-all a{ color:#434244; text-decoration:none; }
.job-listing{ float:right; max-width:679px; }
ul.header-list{ margin:0; padding:0; list-style:none; border-radius:4px 4px 0 0 ; background:#ed1c24; line-height:40px; height:40px; }
ul.header-list li.mobile{ display:none; }
ul.header-list li{ color:#fff; display:block; float:left; border-left:1px solid #fff; width:120px;  text-align:center; }
ul.header-list li:first-child{ width:301px; padding:0 0 0 15px;  border:none; text-align:left; }
ul.list-item{ margin:0; padding:0; list-style:none; background:#f1f2f2; min-height:41px;  }
ul.list-item li{ margin:0; padding:0; display:block; float:left; width:120px;  text-align:center; border-left:1px solid #f1f2f2; border-bottom:1px solid #e4e5e5; line-height:40px; height:40px;}
ul.list-item li:first-child{ width:286px; padding:0 0 0 15px; text-align:left; border-left:none; margin:0 0 0 15px; }
ul.list-item li:last-child{ width:105px;  margin:0 15px 0 0 ; }
ul.list-item li a{   color:#7f7d79; text-decoration:none;  display:block;  }
ul.list-item li:first-child a{ padding:0 0 0 15px;  color:#7f7d79; background:url(../images/red_arrow.png) no-repeat 0 -34px;   }
ul.list-item li:first-child a.open{ background:url(../images/red_arrow.png) no-repeat 0 -140px;  }
ul.list-item li .share-link{ display:block; background:#e4e5e5; border:#444444 solid 1px; color:#444444; margin: 5px auto; }
ul.list-item li .share-link:hover {opacity: .7}
.desc-row{ display:none; background:#e4e5e5; padding:10px 30px 30px 30px; color:#7f7d7a; }
.desc-row h3{ color:#3f3f3f; font-size:1em; }
.desc-row .dateline{ padding:0 0 20px 0;  }
.desc-row .read-more{ color:#01bff0; line-height:25px; }
.desc-row .apply{ position:relative; padding:0 0 0 35px; float:right; color:#404041; line-height:25px; text-decoration:none; }
.desc-row .apply:hover {color: #777}
.desc-row .apply:before {content: "\e6b0"; font-family: 'ooredoo-icon-fonts'; font-size: 22px; font-weight: 100; text-align: center; color: #fff; background: #444; position: absolute; left: -2px; top: -2px; width: 26px; height: 26px; border-radius: 3px; line-height: 1.1em;}
.desc-row .apply:hover:before {background-color: #777;}
.page-team .page-copy{ padding:10px 0 20px;  }
.page-team h1 { font-size:1.55em;color:#ed1c24;display:block;margin:0 0 10px 0;text-align:center;}
.page-team .intro-centered{max-width: 100%;color:#7f7f85;}
.page-team hr{border-top: 1px solid #f1f2f2;margin:40px 0;}
.team-item{ border:1px solid #d9dbdc;border-radius:4px;padding:18px;margin:0 0 20px 0;}
.team-item .img-div{float:left;width:235px;height:216px;}
.team-item h3{padding:30px 0 15px 0;margin:0 0 15px 260px;color:#a7a9ac;font-weight:normal;font-size:1.2em;border-bottom:4px solid #e4e5e5;width:260px;
}
.team-item h3:first-line{color:#3f3f40;}
.team-item .desc{padding:0px 0 0 260px;color:#7f7f85;}
/* FAQ PAGE */
.page-faq .page-copy{ padding:11px 0 0px 0; margin:0 0 0 51px; width:1027px; }
.page-faq h1 {font-size:1.5em;color:#ed1c24;display:block;margin:0 0 10px 0;text-align:center;}
.page-faq .intro-centered{max-width: 100%;color:#7f7f85;font-size:1.1em;line-height: 1.3em;padding:0 20px 30px 20px;}
.faq-listing{ float:left; width:680px; padding:20px 0 20px 0; }
.faq-listing h2{ position: relative; margin:0; color:#fff; font-size:1.2em; font-weight:normal; padding:0 0 0 60px; border-radius:4px 4px 0 0; background: #414042; line-height:40px; height:40px; }
.faq-listing h2 i {position: absolute; left: 15px; top: 0; font-size: 40px;}
.faq-listing h3{ background:#f1f2f2; border-top:1px solid #e4e5e5; margin:0; padding:30px 20px; font-size:1.1em; font-weight:normal; }
.faq-listing h3 a{ display:block; color:#7f7d79; text-decoration:none; padding:0 20px 0 0; background:url(../images/expand_collapse_icon_2.png) no-repeat 100% 7px;  }
.faq-listing h3 a.open{ background:url(../images/expand_collapse_icon_2.png) no-repeat 100% -87px;  }
.faq-listing .answer{ display:none; background:#f1f2f2; padding:20px 20px; font-size:1.1em;  color:#7f7d79;  }
.faq-listing .answer hr{ margin:-20px 0 20px 0; color:#7f7d79; border-top:1px solid #7f7d79; height: auto;  }
.faq-listing .answer a{ display:block; float:right; color:#ed1c24; padding:0 0 0 20px;  background:url(../images/expand_collapse_icon_2.png) no-repeat 0 -87px;   }
.faq-listing .cta-load{ margin:15px 0;  }
.faq-listing .cta-load a{ display:inline-block; border:1px solid #e0e1e2; border-radius:5px; color:#808285; line-height:42px; padding:0 8px 0 48px; text-decoration:none;  } 
.side-bar .inner h2{ margin:0; color:#414042; font-size: 1.3em; }
.side-bar .inner .faq-block{ margin:18px 0 0 0; padding:18px 0 0 0; border-top:1px solid #e4e5e5;  }
.side-bar .inner .faq-block h3{ margin:0 0 10px 0; padding:0; font-size:1.1em; color:#7f7d79; font-weight:normal; }
.side-bar .inner .faq-block a{ color:#82d1f2; font-size:1em; }
.side-bar .inner  hr{ margin:20px -51px 20px 0; width:285px; color:#646465; border-top:1px solid #646465; height: auto;  }
.side-bar .inner  .cta-support-wrap{ border:none; }
.faq-categories{ margin:20px 0 0 0; padding:0; list-style:none; }
.faq-categories li{ margin:0px 0 4px 0; padding:0; background: #fff; border:1px solid #dcddde; border-radius:3px 3px 0 0; line-height:53px; }
.most-pop-faq, .faq-cat-div {margin: 0 0 20px; padding: 0 0 20px; border-bottom: #999 solid 1px;}
.faq-categories li a{position: relative; display:block; padding:0 0 0 52px; color:#808285; font-size:1.2em; text-decoration:none; }
.faq-categories li a:hover {color: #414042;}
.faq-categories li a i{ position: absolute; left: 10px; top: 5px; font-size: 38px; color: #414042; opacity: .7;}
.faq-categories li a:hover i {opacity: 1;}
.faq-categories li a:after {content: "\e67e"; position: absolute; right: 10px; top: 0; font-family: 'ooredoo-icon-fonts'; font-size: 22px; font-weight: 100; color: #aaa;}
.faq-categories li .icon-int-serv,
.faq-categories li .icon-phone-serv,
.faq-categories li .icon-va-serv {width: 35px;height: 40px;background: url(../images/Value-added-service.png) 50% 50% no-repeat;background-size: 94%;}
.faq-categories li .icon-phone-serv {background-image: url(../images/Phone-Services.png);}
.faq-categories li .icon-int-serv {background-image: url(../images/International-Services.png);}
.cta-selfcare2-wrap {position: relative;padding: 18px 0;margin: 0 0 20px;}
.cta-selfcare2{position: relative;padding: 8px;padding-left: 65px;color: #808285;background: #e6e7e8;border-radius: 4px;width:auto;height:auto;}
.cta-selfcare2 strong{display: block;font-weight: 500;font-size: 20px;}
.cta-selfcare2 a{color: #808285;text-decoration: none;line-height: 1em;}
.cta-selfcare2 i{font-size: 50px;position: absolute;left: 10px;top: 0;}
.cta-job-filter {position: relative; display: none; background: #f2f2f2; border: #ddd solid 1px; border-radius: 4px; width: 85%; margin: 30px auto; padding: 15px 20px; font-size: 20px; font-weight: 500; cursor: pointer;}
.cta-job-filter:hover {background: #eee;}
.cta-job-filter:after {content: "\e67e";position: absolute;right: 0;top: 0;padding: 15px 15px;font-family: 'ooredoo-icon-fonts';font-size: 22px;font-weight: 100;color: #aaa;border-left: #fff solid 1px;}
.cta-back {position:relative; display:none; padding: 15px 30px 15px; margin: 0 0 20px; text-align: center; font-size: 20px; color: #fff;background: #414143; cursor: pointer;}
.cta-back:hover {background: #111;}
.cta-back:before {content: "\e680"; position: absolute; left: 5%; top: 15px; font-size: 22px; font-family: 'ooredoo-icon-fonts';}
.page-store-locator .page-copy{ padding:10px 0 20px;  }
.page-store-locator h1 {font-size:1.5em;color:#ed1c24;display:block;margin:0 0 10px 0;text-align:center;}
.page-store-locator .intro-centered{max-width: 100%;color:#7f7f85;}
.page-store-locator hr{ display:none;  border-top: 1px solid #f1f2f2; margin: 10px 0; }
.store-filter{ margin:50px 0 10px 0; background:#f1f2f3; padding:10px; border-radius:5px; min-height:75px; background: #ed1c24;}
.store-filter h2{ font-size:1.5em; line-height: 1.3em; color:#414042; margin:10px 0 25px 0; padding:0 0 20px 0; text-align:center; border-bottom:1px solid #fff; color: #fff; }
.ctrl-col { float:left; width:275px; margin:0 10px 0 0; }
.ctrl-col-sumbit{ float:left; width:100px;  }
.ctrl-col label , .ctrl-col-sumbit label{ display: inline-block; line-height:26px; color:#414042; width:100%; font-size:1.1em; color: #fff;}
.ctrl-col .ctrl-field  { position:relative; line-height:44px; height:44px; }
.ctrl-col-sumbit input[type=submit]{ background: url(../images/search_icon.png) no-repeat #e6e7e8; color:#e6e7e8; height:43px; line-height:42px; border:1px solid #dcddde; padding:0 15px 0 30px; border-radius:6px; color:#808285; font-size:1.1em; color: #414042;}
.ctrl-col-sumbit input[type=submit]:hover {background-color:#f1f2f2;}
.DivSelectyze.grey .selectyzeValue{ color:#a7a9ac; text-indent:0; font-size:1.1em; }
.search-result{ border:1px solid #f6f7f7; border-radius:5px 5px 0 0; width:238px; float:left;  }
.search-result h3{ background:#f1f2f2; color:#414042; border-bottom:1px solid #414042; line-height:40px; padding:0 8px; font-size:1em; }
.search-result .address-block{ padding:10px; background:#f1f2f2; border-bottom:1px solid #e7e7e8; }
.search-result .address-block:hover{ background:#f6f6f6; }
.search-result .address-block h4{ color:#414042; font-size:1em; margin:0; }
.search-result .address-block p{ color:#7f7f85; font-size:1em; padding:0 0 0.5em 0; } 
.search-result .address-block a{ color:#01bff0; text-decoration:none; }
.search-result .address-block:hover a{ background:url(../images/blue_arrow.png) no-repeat 100% 7px; display:inline-block; padding:0 10px 0 0; }
#map-canvas{ float:right; width:730px; height:462px; }
.search-result .map-window{ display:none; padding:20px 20px 10px 20px;  }
.map-window .img-div{ float:left; }
.map-window h1{ text-align:left; color:#414042; font-size:1.2em; margin:0 0 20px 150px; padding:0 0 5px 0; border-bottom:1px solid #a8aaad; }
.search-result .map-window h1{  font-size:1.1em;  }
.map-window p{ font-size:1.1em; color:#7f7f85;  margin:0 0 0px 150px;  }
.search-result .map-window p{  font-size:1em;  }
.map-window p:first-line{ color:#414042; }
.map-window .contact{ margin:0; padding:15px 0; border-bottom:1px solid #e7e7e8; border-top:1px solid #e7e7e8; list-style:none; }
.map-window .contact li{ margin:0; padding:0 0 0 28px; font-size:1.1em; line-height:20px; }
.search-result .map-window .contact li{  font-size:1em;  }
.map-window .contact li:first-child{ background:url(../images/phone_icon.png) no-repeat 0 1px;}
.map-window .contact li:last-child{ background:url(../images/email_icon.png) no-repeat;}
.map-window .contact li:last-child a{ color:#2ec9f0; text-decoration:none; }
.map-window .opening-hours{ margin:0 0 5px 0; padding:15px 0; border-bottom:1px solid #e7e7e8;  list-style:none; }
.map-window .opening-hours li{ margin:0; padding:0 0 0 0; font-size:1.1em; line-height:20px; }
.search-result .map-window .opening-hours li{  font-size:1em;  }
.map-window .opening-hours li:first-child{ font-weight:bold; }
.map-window .opening-hours li span{ display:inline-block; width:90px; }
.map-window > a{ color:#2ec9f0; background:url(../images/blue_arrow.png) no-repeat  100% 5px; padding:0 10px 0 0; line-height:25px; font-size:1.1em;  text-decoration:none; }
.search-result  .map-window > a{   font-size:1em; background:url(../images/blue_arrow.png) no-repeat  100% 8px; }
.search-result  .map-window a.view-location {display:none; margin-left: 20px;}
.map-window-wrap .map-window a.view-location {display: none;}
/* Louay end*/
/* Hassan start */
table{ border-right: 1px solid #dadcdd; border-bottom: 1px solid #dadcdd; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ms-box-sizing:border-box; } 
table td, 
table th{ border-top: 1px solid #dadcdd; border-left: 1px solid #dadcdd; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box; ms-box-sizing:border-box; padding:3px 5px; text-align:left; }  
table th{ background:#ed1c24; font-weight:500; color:#fff; height:30px; } /*old-background:#f4f5f5; font-color#fff; height:30px; added*/
.page-support .intro-centered{ max-width:500px; margin:0 auto 15px; padding-right:20px; padding-left:20px; }  
.inpage-header{ font-weight: 500; color: #ed1c24; font-size:24px; line-height:24px; margin-bottom:10px; }  
.inner-page .panel-tabs > .tab { line-height: 48px; padding: 0 !important; text-align:center; }  
.section-plans .intro-centered{ max-width:500px; margin:0 auto 15px; padding-right:20px; padding-left:20px; }  
.block-grey{ position: relative; padding: 20px; background: #f1f2f2; background: #ed1c24; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 
.block-grey .inpage-header {color: #fff;} 
.page-content-wrapper { line-height: 1.2em; margin: 0 auto; padding: 0; width: 976px; padding-right: 20px !important; padding-left: 20px !important; } 
.dark-grey{ color: #414042; } 
.page-copy hr{ clear: both; border-top: 1px solid #e4e5e5; margin: 2em 0; }  
.page-copy-wrapper { padding: 20px 0 30px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
/*Section Plans*/
.billing-plans .panel-tabs{ position: static;}
.section-plans .panel{margin-bottom:30px;}
.section-plans .panel.grey{background:#F9F9F9;}
.section-plans .panel.grey .panel-tabs{background: none;font-weight: 700;}
.section-plans .panel.grey .panel-tabs .active {background: none;color: #ed1c24;}
.carousel-list li h4{font-weight:700;font-size: 20px;color: #414042;padding-bottom: 10px;margin: 10px 0 7px;border-bottom: solid 1px #c2c2c2;}
.carousel-list li .cta a{display: inline-block;float: left;margin-right: 5px;}
.billing-plans .carousel-list li {width: 300px;margin-right: 10px;}
/*Section Mobile broadband*/
.section-plans .panel.grey .panes-wrap {padding-left: 25px;padding-right: 25px;}
.section-plans .Mobile-Broadband .panel .list-wrap{padding: 25px;}
.section-plans .promotions{padding: 0 25px;}
.section-plans .Mobile-Broadband .carousel .carousel-list li {width: 364px;margin-right: 10px;min-height: 430px;}
/*Section Plans - popup*/
table.tarifs{width:100%;margin-bottom:20px}
table.tarifs th, table.tarifs th{padding:3px;}
table.tarifs th{width:33.33%;color: #444;}
table.tarifs th.col-1{width:50%;}
table.tarifs th.col-2,table.tarifs th.col-3{width:25%;}
table.tarifs td{}
/*Section Plans - promotions*/
.section-plans .promotions .list li {min-height: 390px !important;margin-right:0.5%;}
/*carousel*/
.carousel .carousel-list {margin: 0;padding: 0;overflow: auto;}
.carousel .carousel-list li {float: left;list-style: none outside;margin-left: 0;display:block;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;   /*override below if needed*/background:#FFFFFF; margin-right: 10px;
border: 1px solid #E7E7E8;padding: 0 0 20px;width: 300px;}
.carousel .carousel-list li.last{margin-right:0 !important;}
.section-plans .panel.grey .panes-wrap {padding-left:25px;padding-right:25px;}
.section-plans .panel.grey .panes-wrap .pane{/*overflow:hidden;*/min-height: 510px;}
.list-wrap{position: relative;}
.carousel-mask{clear: both;height: auto !important;width: 99.3%;margin-left: 3px;overflow: hidden;position: relative;}
.device-list .carousel-mask {margin: 0; width: 100%;}
.carousel-list li .thumb{width: 100%;height: auto;overflow: hidden;}
.device-list .carousel-list li .thumb{max-width: 238px;min-height: 310px;}
.carousel-list li .thumb img{width: 100%;height: auto;}
.billing-plans .carousel-list li .thumb{overflow:hidden;width: 100%;max-height: 156px;}
.billing-plans .carousel-list li .thumb img{width:100%;height:auto;min-height: 100%;}
.carousel-list li .summary,
.carousel-list li .cta{padding: 0 20px;}
.carousel-list li .cta{position: relative;height:30px;}
.slider-ctrl-A a:hover {background-color: #c8c8c8;}
.slider-ctrl-A a:before {left: -5px;}
.billing-plans .slider-ctrl-A a.prev {left: -25px;}
.billing-plans .slider-ctrl-A a.next {right: -25px;}
/*BOXES LIST*/
.items-list {margin: 0;padding: 0 ;height: 400px;}
.items-list li {border: 1px solid #E7E7E8;float: left;list-style: none outside;padding: 0 0 20px;width: 33%;overflow:hidden;margin-left: 0; margin-right: 0.49%;display:block;-moz-box-sizing:    border-box;-webkit-box-sizing: border-box;box-sizing:border-box;ms-box-sizing:border-box;}
.items-list li.last {margin-left: 0;margin-right: 0;}
.items-list li h4{font-weight:700;font-size: 20px;color: #414042;padding-bottom: 10px;margin: 10px 0 7px;border-bottom: solid 1px #c2c2c2;}
.items-list li .thumb img{width:100%;height:auto;}
.items-list li .summary{min-height:140px;}
.items-list li .summary,
.items-list li .cta{padding: 0 20px;}
.items-list li .cta{height:30px;}
/*Page T5 - Devices*/
.page-devices .block{margin-bottom: 30px;position: relative;}
/*banner*/
.page-devices .banner{padding: 5px;border: solid 1px #d2d4d5;-moz-box-sizing:    border-box;-webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;position:relative;}
.page-devices .banner img{width:100%;height: auto;}
.page-devices .banner .caption{position:absolute;bottom:0;padding:10px 0;text-indent:10px;background:#FFFFFF;width: 96%;left: 2%;color: #414042;}
.page-devices .banner .caption .title{font-weight: bold;}
/* selector*/
.page-devices .selector{padding: 20px;background: #f1f2f2;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;z-index:10;}
.page-devices .block.selector{overflow: inherit;}
.page-devices .selector > div{display:block;}
.page-devices .selector .title{font-weight:bold;color: #414042;}
.page-devices .selector .filter{width:270px;right: inherit;top: 0;position: relative;float:right;margin: 5px 0 10px 10px;}
.page-devices .selector .filter .select-wrapper {display: inline-block;float: right;position: relative;width: 227px;}
.page-devices .selector .filter .lbl{font-weight:bold;color: #414042;line-height:30px;}
/*device list*/
.device-list{color:#414042;}
.page-devices .device-list li{position: relative;width:240px;margin-right:4px;margin-bottom:4px;height: 495px;-moz-box-sizing:    border-box;   -webkit-box-sizing: border-box; box-sizing:        border-box;ms-box-sizing:     border-box;}
.page-devices .device-list {height: auto;}
.page-devices .device-list li .detail {padding-top: 10px;}
.page-devices .device-list li .detail strong {margin-bottom:10px;}
.page-devices .device-list li p {height: 40px;}
.page-devices .device-list li.col-4{}
.page-devices .load-more {float:left;max-width:45%;text-transform: none;}
.page-devices .cta{clear: both;margin:0;}
.page-devices .device-list li .thumb img {max-width: 228px;}
.page-devices .device-list li .detail {width: 96%;}
/*Page T9 - Devices*/
.page-support{color:#414042;}
.page-support h1{font-size:1.55em;font-family: 'Opificio Bold';font-weight: normal;text-align:center;color:#414042;margin-top: 0;border-bottom:solid 2px #747374;height: 25px;display:block;margin: 0 auto 20px;width: 370px;}
.faq h1 {color: #ed1c24; border: 0; font-family: 'futura-pt'; font-weight: bold;}
.faq .intro-centered {margin-bottom: 30px;}
.page-support .contacts .cols{overflow:auto;}
.page-support .contacts .col{text-align:center;text-align:center;display: inline-block;float:left;min-height: 400px;width:33%;-moz-box-sizing:    border-box;-webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;}
.page-support .contacts .col .contact-block{padding:0 40px; min-height: 450px;}
.page-support .contacts .col.col-2{ border-left: solid 1px #e4e5e5; border-right: solid 1px #e4e5e5;}
.page-support .contacts .col .title{color: #3f3f3f; font-weight:bold;}
.page-support .contacts .col .title i{  color: #ed1c24; font-size: 20px;line-height: .8em;position: relative;top: 3px;}
.page-support .contacts .col .desc{ margin-bottom:10px}
.page-support .contacts .col .thumb{padding:4px;background:#f1f2f2;}
.page-support .contacts .col .thumb img{width: 100%;height:auto;}
.page-support .contacts .col .content{padding:20px 0;overflow: auto;}
.page-support .contacts .col .cta{  padding:25px 0; border-bottom:solid 1px #747374;}
.page-support .contacts .col .cta .find-store {float: none;text-transform: none;margin:0;color:#414042;}
.page-support .contacts .col .cta .find-store:before {color:#414042;}
.page-support .contacts .col-3 .content.networks{padding:0;}
.page-support .contacts .social-network{line-height:30px;width: 100%;float:left;margin-bottom:10px;}
.page-support .contacts .social-network .hint{padding: .2em 0 .3em;}
.page-support .contacts .social-network a{width:100%;text-align: left;color:#FFFFFF;display: inline-block;padding: 0;position: relative;text-decoration: none;  line-height: 40px;text-align: center;}
.social-network a:before{color: #FFFFFF;font-family: 'ooredoo-icon-fonts';font-size: 20px;left: 8px;margin: 0;position: absolute;top: 0;}
.facebook{background:#3b5998;}
.facebook:before{content: "\e615";}
.twitter{background:#00aced;}
.twitter:before{content: "\e60f";}
.linkedin{background:#007bb6;}
.linkedin:before{content: "\e611";}
.google{background:#dd4836;}
.google:before{content: "\e613";}
.youtube{background:#bb0000;}
.youtube:before{content: "\e604"; font-size: 36px!important; left: 0!important;}
/*contact form*/
.page-support div{  position:relative;  line-height: 1.2em;}
.page-support .contact-form.block-grey{ min-height:460px;   background: #f6f7f7;}
.page-support .inpage-header{color: #3f3f3f;font-size:1.5em;}
.contact-form .form .col{width: 49.5%;float:left; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;box-sizing:border-box;
ms-box-sizing: border-box;}
.contact-form .form .col-2{float:right;}
.contact-form .form .col .row{margin-bottom:13px;}
.contact-form .form .col .row.last{margin-bottom:0;}
.contact-form .form .col .caption{font-weight:bold; margin-bottom:3px;font-style:italic;text-indent: 3px;}
.contact-form .form .col .field{min-height:44px;}
.caption.mendetory:after{content:"*";padding-left: 3px;color:#ed1c24;}
.contact-form .form .col .error .textfield,
.contact-form .form .col .error div.grey,
.contact-form .form .col .error textarea{border: red solid 1px;}
.contact-form .form .col .textfield{width: 100%;-moz-box-sizing:    border-box;-webkit-box-sizing: border-box;box-sizing:        border-box;    ms-box-sizing:     border-box;border:0;padding:0;margin:0;text-indent:5px;background:#FFFFFF;line-height:1.5em;display:block;height:44px;   -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;color:#7f7f85;}
.textfield.error{color: #ed1c24 !important;border:#ed1c24 solid 1px !important;}
.contact-form .form .col .textarea{width: 100%;height:282px;background:#FFFFFF;-webkit-border-radius: 5px;  -moz-border-radius: 5px;border-radius: 5px;
border: 0;  padding:10  px;  -moz-box-sizing:    border-box; -webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;color:#7f7f85;padding: 5px;}
.contact-form .form .col .textarea.error{border: #ed1c24 solid 1px;}
.contact-form .form-fields{ margin-bottom: 10px;}
.contact-form .form-cta{text-align:right;clear: both;padding-top: 10px;}
.contact-form .form-cta .hint{display:block;float:left;line-height:35px;font-size:12px;}
.red{color: #ed1c24;}
.contact-form .form-cta .reset-button{margin: 0 5px 0 0;padding: 0;border:0;background: none;color:#414042;}
.contact-form .form-cta .submit-button{padding: 4px 15px 4px 10px;}
.contact-form .form-cta .submit-button:before{content: "\e67f "; font-size: 20px;top: 18px;color:#FFFFFF;font-family: 'ooredoo-icon-fonts';
padding-right:5px;}
.contact-form label.error {color: #ED1C24;position: absolute;right: 0;top: -22px;}
#contact-form-thankyou{ display: none;  border-top: solid 1px #FFFFFF;  padding-top: 80px;}
#contact-form-thankyou .inpage-header{  font-size: 3em; margin-bottom:20px; font-family: 'Opificio Bold';}
a.contact-links{    width:200px;    margin-top:10px;}
/*direct contacts*/
.direct-contacts .block{width: 234px;height:400px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-moz-box-sizing:    border-box; -webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;background: #f1f2f2;text-align:center;    overflow:hidden;}
.direct-contacts .thumb{width: 100%;height:140px;border-bottom: 1px solid #FFF;overflow:hidden;}
.direct-contacts .title{height: 32px;line-height: 32px;background:#414042;color:#FFFFFF;}
.direct-contacts .content{padding:20px 0;}
.direct-contacts .cta{padding:25px 0 !important;border-bottom:solid 1px #747374 !important;width:96% !important;margin: 0 auto !important;text-align:center;}
.direct-contacts .cta a {float: none !important;margin: 0 !important;}
/* override carousel*/
.direct-contacts .carousel .carousel-list li {border: 0;margin-right: 10px;padding: 0;width: auto;}
/*Page T3 - PROMOTIONS*/
.page-promotions .main-content{width: 700px;float:left;}
.page-promotions .side-content{float: right;min-height: 500px;height: 100%;position: absolute;right: 0;top: 42px;width: 305px;background: #f1f2f2;}
.featured-promotions {position: relative;width: 675px;margin-bottom: 30px;}
.featured-promotions .carousel .carousel-list li {margin-right: 30px;padding: 10px;width: 675px;-moz-box-sizing:    border-box;-webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;}
.featured-promotions .carousel-list li .summary
, .featured-promotions .carousel-list li .cta
{padding: 0;}
.other-promotions{width: 675px;  -moz-box-sizing:    border-box; -webkit-box-sizing: border-box;box-sizing:        border-box;ms-box-sizing:     border-box;}
.other-promotions .carousel .carousel-list li { margin: 0 0 10px;width: 49.2%;}
.other-promotions .carousel .carousel-list li.even {float:right;}
.other-promotions .grid{margin-bottom: 30px;overflow:auto;}
/*Page T12 - SEARCH RESULTS*/
.page-search .form-wrapper{text-align:center !important;overflow:auto;}
.page-search .form-wrapper .intro-centered{text-align:center !important;}
#search-form{padding: 0 0 0;max-width:870px;margin: 0 auto;}
#search-form .field-wrapper{width: auto;position: relative;width: 83.5%;float:left;}
#search-form input#keywords{text-indent: 60px;}
#search-form input.submit{float:right;width: 16%;}
.search-field{display: relative ;}
.page-careers .form-wrapper .search-field input{text-indent: 60px;}
#search-form #search-icon, .search-field #search-icon{position:absolute;left: 10px;top:6px;font-size:32px;color:#808285;
border-right: #a5a7a9 solid 1px;padding-right: 6px;}
.advanced-title {position: relative;clear: both; display: inline-block; width: auto; padding: 15px 20px 0 0; text-align: left; float: left; cursor: pointer; color: #fff;}
.advanced-title:after {content: "\e68c"; position: absolute; right: 0; bottom: -2px; font-family: 'ooredoo-icon-fonts'; font-size: 12px; color: #fff;}
#search-form .expanded:before {display: none;}
#search-form .expanded:after {content: "\e68a";}
#search-form .expanded + .advanced-filter {display: block}
.advanced-filter {display: none; clear: both; text-align: left; padding: 15px 0 10px; color: #fff;}
.advanced-filter .intro {padding: 0 0 .5em; color: #fff;}
.advanced-filter .field {width: 25%; float: left; padding: 0 0 10px;}
.advanced-filter .icheckbox {position: relative;top: 3px;width: 20px;height: 20px;margin: 0 5px 0 0;display: inline-block;background: #f1f2f2;
border-radius: 3px;cursor: pointer;}
.advanced-filter .iCheck-helper {z-index: 1;}
.advanced-filter .checked {background: #fff; position: relative;}
.advanced-filter .checked:after {content: "\e6ae"; font-family: 'ooredoo-icon-fonts'; font-size: 32px; position: absolute; left: -5px; top: 1px; color: #999;}
.advanced-filter input.checkbox {position: relative; width: 18px; height: 18px; cursor: pointer;}
.advanced-filter .form-cta {padding: 15px 0 0;}
.advanced-filter .reset-button {background: #f6f7f7; width: 80px; height: 35px;}
.page-search .search-results{padding-top:40px;}
.page-search .search-results .inpage-header{border-bottom: 1px solid #f1f2f1;padding-bottom: 5px;}
.page-search .search-results .record{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #f1f2f1;overflow: auto;}
.page-search .search-results .record:last-child, .page-search .search-results .record.last{}
.page-search .search-results .record .thumb{width:235px;height:145px;margin-right: 15px;float: left;overflow:hidden;}
.page-search .search-results .thumb img {width: 100%; height: auto;}
.page-search .search-results .record .title{font-weight:bold;}
.page-search .search-results .record .description{}
.page-search .search-results .record .link{padding-top:5px;}
.page-search .search-results .record.related .thumb{width:170px;height:110px;}
/*Form elements*/
.form-wrapper input.textfield, 
.form-wrapper input[type=text] {width: 100%; -moz-box-sizing:    border-box; -webkit-box-sizing: border-box; box-sizing:        border-box; ms-box-sizing:     border-box;border:0; padding:0;margin:0;text-indent:5px;background:#FFFFFF;line-height:1.5em;display:block;height:44px;  
    -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; color:#808285}
.form-wrapper input.submit, 
.form-wrapper input[type=submit] {height: 44px; padding:8px 20px;display: inline-block; color: #414042; font-size: 20px;font-weight: 400;
    text-align: center;text-decoration: none;line-height: 1.3em;background: #f6f7f7;border: #cfcdc9 solid 1px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.form-wrapper input.submit:hover, 
.form-wrapper input[type=submit]:hover {background: #cb1c27;background: #f1f2f2;}
/*search*/
.page-careers .inpage-header{ font-size: 1.5em; line-height: 1em; margin-bottom: 15px;}
.career-search-form{}
.career-search-form .inpage-header{margin-bottom: 20px;}
.career-search-form .field{width:42%;float:left;position:relative;height: 44px; margin-right: 0.5%;}
.career-search-form .field.keywords{width:34%;float:left;position:relative;height: 44px;margin-right: 0.5%;}
.career-search-form input.submit{float: right;width: 14.49%;}
.page-careers .page-block{margin-bottom: 40px;}
.page-careers .people {position: relative;}
.page-careers .people .carousel .carousel-list li {width: 346px;width: 316px;border: 0 none;-webkit-border-radius: 8px; -moz-border-radius: 8px;
    border-radius: 8px; overflow:hidden;padding:0;}
.page-careers .people .carousel .carousel-list li .info {background:#414042;color: #FFFFFF; padding:10px 16px 10px; line-height:1.6em;}
.page-careers .people .carousel .carousel-list li .info .title{ font-size: 1.6em;font-weight: 500;text-decoration: none;}
.page-careers .people .carousel .carousel-list li .info .designation{font-size: 1.2em;}
.page-careers .people .carousel .carousel-list li .block a,
.page-careers .people .carousel .carousel-list li .block a *{text-decoration: none;}
.page-careers .articles .record{width: 24%; margin:0.5% ;min-height: 300px; float:left;}
.page-careers .articles .record:last-child, .page-careers .articles .record.last{}
.page-careers .articles .record > .inner{border: solid 1px #cccccc; padding: 6px;}
.page-careers .articles .record .row{margin-bottom: 5px;}
.page-careers .articles .record .row.last,.page-careers .articles .record .row:last-child{margin-bottom: 0;}
.page-careers .articles .record  .thumb{max-height:150px;overflow:hidden;}
.page-careers .articles .record  .thumb img{width: 100%;height:auto;border: 0;}
.page-careers .articles .record  .info{padding:10px;}
.page-careers .articles .record  .title {font-size: 1.4em;line-height: 1.4em; border-bottom: solid 1px #414042}
.page-careers .articles .record  .title , .page-careers .articles .record  .title a{font-weight:500;color:#414042;text-decoration:none;line-height: 1.1em;}
.page-careers .articles .grid{margin-bottom: 20px;}
.page-careers .articles .grid + .load-more{ left: .5%; }
.page-careers .articles-2 .record{width: 49%;margin: 0.5%;min-height: 300px;}
.page-careers .articles-2 .record  .thumb{max-height:200px;}
.show-filters-wrapper{margin-top: 20px;display:none;}
.show-filters{  padding-left: 24px; text-decoration: none;}
.show-filters:before{content: "\e68c";font-size: 22px;color:#ed1c24;font-family: 'ooredoo-icon-fonts';top:0;position:absolute;left:0;}
/*PAGE SUPPORT FAQ*/
.page-support .page-copy {padding: 0 20px 30px;}
.faq .page-copy {padding: 10px 20px 30px;}
.faq .page-copy h3 {color: #ed1c24; padding: 0 0 .3em; line-height: 1em;}
.faq .record a {color: #414042;}
.page-support.faq .page-copy .inpage-header{font-size: 1.3em;}
.page-support.faq .page-copy .panel{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #f1f2f2;overflow:hidden;float:left;
    width: 89.5%;width: 100%;min-width: 88%;margin:0;}
.page-support.faq .panel h2 { background: none repeat scroll 0 0 #414042;  margin: 0; padding: 0 20px;line-height:2em;font-size:1.2em;color:#FFF;
    font-weight: 500;}
.page-support.faq .page-copy .panel > .content{padding: 20px;}
ol.faq-list{padding: 0 0 0 20px;margin: 0;list-style-position: outside;}
ol.faq-list li{padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 1px solid #e4e5e5;}
ol.faq-list li:last-child{padding: 0;margin: 0; border-bottom: 0;}
ol.faq-list li .question{cursor: pointer;}
ol.faq-list li.opened .question{font-weight: 500;}
ol.faq-list li .question:hover{text-decoration: underline;}
ol.faq-list li .question:after{content: "\e68c";font-size: 14px;color:#ed1c24;font-family: 'ooredoo-icon-fonts';top:2px;position:absolute;right:0;}
ol.faq-list li.opened .question:after{content: "\e68a";}
.question > .content {padding-right: 10%;width: 90%;}
ol.faq-list li .answer{margin-top: 20px;padding-top: 20px;border-top: #7f7d79 solid 1px;display: none;}
ol.faq-list li.opened .answer{display: block;}
ol.faq-list li p:last-child{padding-bottom:0;}
.page-support.faq .page-copy .side-col{float:right;width: 8.6%;}
.page-support.faq .page-copy .side-col .col-1 {margin-bottom: 10px;padding-bottom: 10px;border-bottom:1px solid #414042;}
.page-support.faq .page-copy .side-col .row{margin-bottom: 5px;}
.page-support.faq .side-col .caption {font-weight:500;}
.page-support.faq .side-col a.button{display:block; text-align:center;padding:8px 0;text-decoration: none;width: 100%;-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;box-sizing:border-box; ms-box-sizing:border-box; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.page-support.faq .side-col .manage-account a.button{border: 1px solid #dcddde;background:#e6e7e8;}
.page-support.faq .side-col a.button i{font-size:38px;}
.page-support.faq .page-copy .side-col .button .lbl{display:none;}
.page-support.faq .side-col .help a.button{border: 1px solid #ce181e;background:#ed1c24;color:#FFF;}
.page-support.faq .page-copy .side-col {clear: both;float:  none;width: 100%;display: block;margin: 0 auto;padding: 20px 0 0;max-width: 500px;}
.page-support.faq .page-copy .side-col .col {float: left;width:48%;text-align:center;}
.page-support.faq .page-copy .side-col .col .caption{font-size:1.3em;line-height:normal;}
.page-support.faq .page-copy .side-col .col .row{margin-bottom: 10px;}
.page-support.faq .page-copy .side-col .col-1 {border:0;padding:0;}
.page-support.faq .page-copy .side-col .col-2 {float: right;}
.page-support.faq .side-col a.button i {float: left;margin: 0 5px;}
.page-support.faq .page-copy .side-col .button .lbl {display: block;text-align:left;}
.page-support.faq .side-col a.button i {font-size: 50px;line-height: 38px;}
.grid.faq-links .record {padding: 10px 1%;background:#f1f2f2;min-height: 360px;width:30%;margin-right:2%;margin-bottom:2%;float:left;   -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.grid.faq-links .record.col-last{margin-right:0}
.grid.faq-links .record .title{font-size:1.4em;text-align:center;font-weight:500;padding-bottom: 15px;border-bottom:1px solid #414042;}
.grid.faq-links .record .title:before{font-size: 60px;line-height:60px;font-family: 'ooredoo-icon-fonts';display:block;width:100%;}
.grid.faq-links .record .content ul{padding:0;margin:20px 0 10px;list-style:none;}
.grid.faq-links .record .content ul li{margin-bottom:10px;padding-left: 20px;position: relative;}
.grid.faq-links .record .content ul li a{text-decoration: none;}
.grid.faq-links .record .content ul li a:hover{text-decoration: underline;}
.grid.faq-links .record .content ul li:last-child{margin-bottom:0;}
.grid.faq-links .record .content ul li:before{content: "\e67e";font-size: 0.8em;line-height:20px;font-family: 'ooredoo-icon-fonts';color:#ed1c24;
    position:absolute;left: 0;top: 0;}
.grid.faq-links .record.bill .title:before{content: "\e6c2";}
.grid.faq-links .record.internet .title:before{content: "\e64c";font-size: 44px;}
.grid.faq-links .record.community .title:before{content: "\e660";}
.grid.faq-links .record.account .title:before{content: "\e6ca";}
.grid.faq-links .record.mobile-plans .title:before,
.grid.faq-links .record.devices .title:before,
.grid.faq-links .record.services .title:before{margin: 0 auto;content: '';width: 60px;height: 60px;background: url(../images/International-Services.png) 50% 50% no-repeat;}
.grid.faq-links .record.devices .title:before {background: url(../images/Phone-Services.png) 50% 50% no-repeat;}
.grid.faq-links .record.mobile-plans .title:before {background: url(../images/Value-added-service.png) 50% 50% no-repeat;}
.page-support.map .intro{margin-bottom: 30px;}
.map-search-wrapper{padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; margin-bottom: 5px;}
.map-search-wrapper .form-wrapper{background: #ed1c24;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;}
.map-search-wrapper{padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; margin-bottom: 5px;}
.map-search-wrapper .caption{float: left;width: 16%;background:#414042;line-height: 65px;height: 65px;color:#FFF;text-align: center;    -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;border-radius:  5px 0 0 5px;}
.map-search-wrapper .form-wrapper{float: left;width: 84%;}
.map-search-wrapper .col{float: left;width: 26.5%;margin: 10px 0.5%;position: relative; height:45px;}
.map-search-wrapper .col-1{margin-left: 1.4%;}
.map-search-wrapper .col-4{width: 15%;margin-right: 1%;}
.map-search-wrapper .col-4 input{width: 100% !important;background:#e4e5e5; color:#a5a9ac;}
.map-search-wrapper .caption{float: left;width: 16%;background:#414042;line-height: 65px;height: 65px;color:#FFF;text-align: center;    -webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius:  5px 0 0 5px;}
.map-canvas{-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; width:100%; overflow:hidden;}
/* end Hassan */
#email-popup{ display: none; z-index:500; position:fixed; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width:300px; max-height: 590px;}
#email-popup .close{ width:30px; height:30px; display:block; position:absolute; right:10px; top:10px; border-radius: 3px;}
#email-popup .close i{color: #ddd; background: #feffff; font-size: 24px; border-radius: 3px; width: 30px;height: 30px;display: block; text-align: center;line-height: 1.3em; cursor:pointer;}
#email-popup .close:hover i{color: #aaa; background: #fff;}
#email-popup .inner{ padding:20px; background:#ed1c24; border:1px solid #94070a; border-radius: 4px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);border-radius:5px;}
#email-popup .inner h2{ margin:0 0 5px 0; padding:0; font-size:1.2em; color:#fff; }
#email-popup .inner p{ margin:0 0 15px 0; padding:0 0 15px 0; font-size:1.1em; color:#fff; border-bottom:1px solid #fff; }
#email-popup .inner .summery{ display:block; margin:0 0 15px 0;  }
#email-popup .inner .summery .img-div{ float:left; width: auto; max-width:104px; max-height:94px;}
#email-popup .inner .summery .img-div img{ padding-right: 10px;}
#email-popup .inner .summery .text-div{ padding:0 0 0 0; height: auto; font-size:1em; color:#fff; display:block; vertical-align:middle;  }
#email-popup .inner .row{ margin:0 0 8px 0;}
#email-popup .inner .row.btn{ text-align:right; }
#email-popup .inner .row input[type=text]{ font-size:1.1em; border:none; border-radius:4px; background:#fff; color:#777; padding:5px 10px; width:100%;  }
#email-popup .inner .row textarea{ font-size:1.1em; border:none; border-radius:4px; background:#fff; color:#777; padding:5px 10px; width:100%; height:150px; resize: none;}
#email-popup .txt-error {display: none; color:#000; font-size: 14px; text-align: right; text-shadow: 1px 1px #f4757a;}
#email-popup .error .txt-error {display: block;}
#email-popup .response {display: none; color: #fff; padding: 60px 0 10px; text-align: center;}
#email-popup .response p {border: 0;}
.lightbox-bg {display:none; z-index: 499; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .85;}
.tinyscroll {position: relative;}
.tinyscroll .viewport {overflow: hidden;}
.tinyscroll .overview {position: relative;}
.tinyscroll .scrollbar {position: absolute; right: 0; top: 0; width: 5px;}
.tinyscroll .track {width: 3px; margin: 0 auto; background: #e8e8e8; opacity: .8;}
.tinyscroll .thumb {position:relative; width: 3px; margin: 0 auto; background: #aaa; border-radius:2px;}
.tinyscroll1 .viewport {height: 420px;}
.panes2-wrap {overflow: hidden; background: none;}
.social-wall-block{ display: none; float:left; padding:0 10px; height:500px; width:485px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; ms-box-sizing:border-box;}
.active-block {display: block;}
.social-wall-block h2{ position:relative; background:#e4e5e5; border-radius:3px; padding:0px 0 0 30px; color:#403e3e; line-height:26px;  margin:0; font-size:1em;  }
.social-wall-block .scroll{ position: relative; margin:15px 0 0 0; padding:0 0px; height:450px; }
.lte480 .panel-collapse .social-wall-block .scroll {display: none;}
.social-wall-block .scroll .viewport {height: 450px;}
.touch .social-wall-block .scroll .viewport {height: 450px; overflow: auto;}
.social-wall-block h2 i.icon-fb , .social-wall-block h2 i.icon-tw ,  .social-wall-block h2 i.icon-yt , .social-wall-block h2 i.icon-gp , .social-wall-block h2  i.icon-ln{ font-size:1.4em; border-radius:2px; position:absolute; left:2px; top:2px; }
.social-wall-block ul{ margin:8px 10px 0 0; padding:0 0 8px 0; list-style:none; border-bottom:1px solid #efefef;   }
.social-wall-block ul li{ margin:0 20px 0 50px; padding:0; color:#414042; font-size:0.95em; }
.social-wall-block ul li.logo{ margin:0 0 0 0px; width:30px; height:30px; float:left; }
.social-wall-block ul li.page-link{ padding:0 0 5px 0;  }
.social-wall-block ul li.page-link a{ color:#ed1c24; font-weight:bold; padding:0 0 5px 0;  }
.social-wall-block ul li.desc{  }
.social-wall-block ul li.desc a{ color:#3b5998; }
.twitter-block.social-wall-block ul li.desc a{ color:#00aced; }
.social-wall-block ul li.date{ color:#7f7f85; }
.social-wall-block ul li a.share-link{ width:20px; height:20px; border-color:#d1d4d5; color:#ed1c24; background:#fff; }
.social-wall-block ul li a.share-link i{ font-size:18px; left: 0; top: 0;}
.youtube-block.social-wall-block ul{ border:none; display:block; float:left; width:225px; padding:0  0 8px 0; margin:0 5px 8px 0; list-style:none;  }
.youtube-block.social-wall-block ul.even{ margin:0 0px 8px 0; }
.youtube-block.social-wall-block ul li{  margin:0;  }
.youtube-block.social-wall-block ul li.date{ color:#bb0000; position:relative;    }
.youtube-block.social-wall-block ul li.date span{ color:#7f7f85; position:absolute; right:0; top:0;   }
.youtube-block.social-wall-block ul li.title{ font-weight:bold; }
.youtube-block.social-wall-block ul li.desc{ padding:0 0 3px 0; }
.youtube-block.social-wall-block hr{ border-top:1px solid #efefef; clear:both; }
.google-plus-block.social-wall-block ul li{ margin:0; }
.google-plus-block.social-wall-block ul li.page-link{ margin:0 0 0 50px; padding:0; }
.google-plus-block.social-wall-block ul li.date{ padding:0 0 20px 0; margin:0 0 0 50px; }
.google-plus-block.social-wall-block ul li.desc{ padding:0 0 5px 0; }
.google-plus-block.social-wall-block ul li.desc a{ color:#dd030a;  }
.social-wall-tabs{ display:none; margin:0 auto 20px auto; padding:0; list-style:none; width:170px; height:30px; }
.social-wall-tabs li{ margin:0 4px 0 0 ; padding:0; display:block; float:left; }
.social-wall-tabs li{ font-size: 30px;}
.social-wall-tabs li.inactive a i { background: #a0a0a1; }
.btn-collapse {display:none; width: 26px; height: 26px; background: #ed1c24; position: absolute; right: 5px; top: 0; color: #fff; text-align: center; border-radius: 3px;cursor: pointer;}
.btn-collapse:hover {opacity: .7}
.lte480 .btn-collapse {display: block;}
.btn-collapse:before {font-size: 24px; content: "\e63a"; font-family: 'ooredoo-icon-fonts'; line-height: 1.1em; }
.panel-collapse .btn-collapse:before {content: "\e63c";}
.tabs1-wrap {padding: 20px 0 0; margin: 0 0 30px;}
.tabs1-tabs {margin: 0; padding: 0; width: 100%; height: auto; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;}
.thecontent  .tabs1-tabs {padding: 0;}
.tabs1-tabs li {width: 33.3333%; margin: 0; padding: 15px; list-style: none; float: left; text-align: center; color: #fff; background: #414042; text-transform: uppercase; line-height: 1.1em; cursor: pointer;}
.tabs1-tabs li+li {border-left: #f6f7f7 solid 1px;}
.tabs1-tabs li:hover {background: #555;}
.tabs1-tabs li:before {display: none;}
.tabs1-tabs li.active {background: #f6f7f7; color: #ed1c24;}
.tabs1-panel {display:none; width: 100%; min-height: 400px; height: 100%; padding: 35px 15px 10px; background: #f6f7f7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.tabs1-panel.active {display: block;}
.tabs1-panel div[class^="block-"] {border: 0;}
.tabs1-panel div[class^="block-"] h4{display: none;}
.page404 {min-height: 350px;}
.page404 h1 {color: #ed1c24; font-size: 60px; font-family: 'Opificio Regular'; font-weight: 100; text-transform: uppercase; margin: 0; padding: 15px 0 0;}
.page404 h2 {color: #333!important; font-family: 'Opificio Bold'; font-size: 30px; font-weight: normal;}
.page404 .cta {display: inline-block; margin-top: 100px;}
.page404 .cta a{float: left; clear: both; display: inline-block; text-transform: uppercase; color: #888; margin: 0 0 10px;}
.page404 .cta a:hover {color: #444;}
.page404 .cta i {color: #ed1c24; font-size: 18px; position: relative; top: 2px;}
.month-filter {min-height: 50px;}
.month-filter .field {position: relative; width: 32.9%; height: 48px;}
.month-filter .field + .field {margin-left: 5px;}
.crumb-wrap { width:100%; height: 30px; background: #e6e7e9; padding: 5px 0; color: #999;}
.crumb-wrap .crumb-list {display: inline-block; padding: 0 0 0 0;}
.crumb-list  a{color: #999; position: relative; display: inline-block; padding: 0 10px;}
.crumb-list  a:hover {color: #666;}
.crumb-list a + a:before {content: "\e67e"; position: absolute; left: -.5em; top: 3px; font-family: 'ooredoo-icon-fonts'; font-weight: 100; font-size: .8em;}
.locator-intro {}
.locator-intro .keyimage {width: 100%;}
.locator-intro .keyimage img{border-radius: 6px; width: 100%;}
.locator-result {display: block; min-height: 480px; background: #eee;}
.locator-result.loading .viewport {background:  url(../images/ajax-loader2.gif) 50% 50% no-repeat;}
.locator-result2 { border-radius: 6px; overflow: hidden; -webkit-transform: translateZ(0px);}
.locator-result2 .search-result {display: none!important;}
.locator-result2 #map-canvas {width: 100%; height: 480px;}
.other-markets {display:none;position: absolute; right: -1px; top: 32px; background: #444; color: #eee; width: 168px; height: auto; padding: 0 0 3px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.other-markets a {display: block; color: #a5a9ac; padding: 5px;}
.other-markets a img {margin-right: 8px;}
.other-markets a:hover {background: #4f4f4f;}
.mm-badge:hover .other-markets{display: block;}
.badge {position:absolute; left: 15px; top: 15px; width:68px; height: 68px; border:transparent solid 1px; border-radius: 50%; padding: 5px; text-align: center; text-transform: uppercase; font-size: 12px; color: #fff;}
.badge img {position: absolute;left: 0;top: 0;}
.badge span {width: 100%;height: 100%; background: #000; border-radius: 50%; display: block; padding-top:.75em;}
.badge.pink {background:none;border-color: #e871ab;}
.badge.yellow {background:none;border-color: #fff572;}
.badge.orange {background:none;border-color: #febd3b;}
.badge.skyblue {background:none;border-color: #00bdf2;}
.badge.green {background:none;border-color: #62bb46;}
.badge.violet {background:none;border-color: #8e5ba6;}
.badge.pink span{background: #e871ab;}
.badge.yellow span{background: #fff572;}
.badge.orange span{background: #febd3b;}
.badge.skyblue span{background: #00bdf2;}
.badge.green span{background: #62bb46;}
.badge.violet span{background: #8e5ba6;}
.end{}
.selfreg-lang{padding: 54px 0 0;margin: 0 5px;}
.selfreg-lang ul{position: relative;margin: 0;padding: 0;}
.selfreg-lang li{float: left;list-style: none;width: 50%;text-align: center;}
.selfreg-lang li.locale{position: absolute;top: -50px;width: 100%;color: #777;line-height: 1.7em;text-align: left;padding: 4px;padding-left: 10px;
background: #302927;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.selfregnew{width:7%; float:right;}
.selfreg-lang li a{display: block;padding: 25px 15px;margin-left: 1px;color: #a7a9ac;text-decoration: none;background: #484646;}
.selfreg-lang li a:hover{background: #302927;}
.selfreg-lang li i{display: block;font-size: 44px;}
.selfreg-lang li.locale a{  float: right;padding: 9px 8px;color: #f1f2f2;line-height: 1em;font-size: 14px;background: #403e3e;font-family: 'Opificio Regular';display: inline-block;cursor:pointer;}
.selfreg-lang li.locale a.active{background: #ed1c24;}
.main-wrap-micro{overflow: hidden; width: 100%; min-width: 976px; padding: 0px 0 0;}
.main-wrap-kamayut{width: 100%; padding: 0px 0 0; margin-left: auto; margin-right: auto; display: block; text-align: center;}

@media only screen and (max-width: 1600px) {
.resp-menu h1, .main-nav-wrap h1 {top: 20px !important;}
}

@media only screen and (max-width: 1366px) {
.resp-menu h1, .main-nav-wrap h1 {top: 20px !important;}
}

@media only screen and (max-width: 1280px) {
.resp-menu h1, .main-nav-wrap h1 {top: 30px !important;}
}

@media only screen and (max-width: 1024px) {
.sm-footer-wrap .wrap-inner {position: relative;padding-top: 25px;}
}

@media only screen and (max-width: 768px) {
.sm-footer-wrap .wrap-inner {position: relative;padding-top: 35px;}
.resp-cta{width:32px;}
}

@media only screen and (max-width: 360px) {
.sm-footer-wrap .wrap-inner {position: relative; padding-top: 21px;}
}

@media only screen and (max-width: 376px) {
/*.sm-footer-wrap {min-height: 90px !important;}*/
.sm-footer-wrap .wrap-inner {position: relative;padding-top: 25px;}
}

@media only screen and (max-width: 430px) {
.sm-footer-wrap .wrap-inner {position: relative;padding-top: 34px;}
}

@media only screen and (max-width: 414px) {
.sm-footer-wrap .wrap-inner {position: relative;padding-top: 9px;}
}

@media only screen and (max-width: 321px) {
.sm-footer-wrap {
    z-index: 11;
    position: relative;
    width: 100%;
    min-width: 976px;
    min-height: 90px !important;
    color: #f2f2f2;
    background: #ED1C24;}
.wrap-inner {position: relative;padding-top: 28px;}
}

/*@media only screen and (max-width: 1024px) {
.sm-list ul {margin: 0em 22em!important;}
}



@media only screen and (max-width: 425px) {
.sm-list ul {margin: 0em 3.5em!important;}
.sm-list li {padding: 25px 0; width: 63px;}
}

@media only screen and (max-width: 375px) {
.sm-list ul {margin: 0em 2.1em !important;}
.sm-list li {padding: 25px 0; width: 63px !important;}
}*/