@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*[lang="ar"]{font-family: "Droid Arabic Kufi"; font-size: 13px;}
*[lang="en"]{font-family: "Droid Sans"; font-size: 100%;}
body{ padding-top: 50px; font-family: "Droid Arabic Kufi";font-size: 14px; font-weight: 400;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  -webkit-font-smoothing: subpixel-antialiased;}
section{padding-top:50px;}
h1,h2,h3,h4,h5,h6{line-height: 1.5em;}
.ex-margin{margin: 0!important;}.ex-margin5{margin: 5px!important;}.ex-margin10{margin: 10px!important;}.ex-margin15{margin: 15px!important;}.ex-margin20{margin: 20px!important;}.ex-margin25{margin: 25px!important;}.ex-margin30{margin: 30px!important;}
.ex-margin_bottom{margin-bottom: 0!important;}.ex-margin_bottom5{margin-bottom: 5px!important;}.ex-margin_bottom10{margin-bottom: 10px!important;}.ex-margin_bottom15{margin-bottom: 15px!important;}.ex-margin_bottom20{margin-bottom: 20px!important;}.ex-margin_bottom25{margin-bottom: 25px!important;}.ex-margin_bottom30{margin-bottom: 30px!important;}
.ex-margin_top{margin-top: 0!important;}.ex-margin_top5{margin-top: 5px!important;}.ex-margin_top10{margin-top: 10px!important;}.ex-margin_top15{margin-top: 15px!important;}.ex-margin_top20{margin-top: 20px!important;}.ex-margin_top25{margin-top: 25px!important;}.ex-margin_top30{margin-top: 30px!important;}
.ex-margin_left{margin-left: 0!important;}.ex-margin_left5{margin-left: 5px!important;}.ex-margin_left10{margin-left: 10px!important;}.ex-margin_left15{margin-left: 15px!important;}.ex-margin_left20{margin-left: 20px!important;}.ex-margin_left25{margin-left: 25px!important;}.ex-margin_left30{margin-left: 30px!important;}
.ex-margin_right{margin-right: 0!important;}.ex-margin_right5{margin-right: 5px!important;}.ex-margin_right10{margin-right: 10px!important;}.ex-margin_right15{margin-right: 15px!important;}.ex-margin_right20{margin-right: 20px!important;}.ex-margin_right25{margin-right: 25px!important;}.ex-margin_right30{margin-right: 30px!important;}.ex-margin_right-15{margin-right: -15px!important;}
.ex-padding{padding: 0!important;}.ex-padding5{padding: 5px!important;}.ex-padding10{padding: 10px!important;}.ex-padding15{padding: 15px!important;}.ex-padding20{padding: 20px!important;}.ex-padding25{padding: 25px!important;}.ex-padding30{padding: 30px!important;}
.ex-padding-bottom{padding-bottom: 0!important;}.ex-padding-bottom5{padding-bottom: 5px!important;}.ex-padding-bottom10{padding-bottom: 10px!important;}.ex-padding-bottom15{padding-bottom: 15px!important;}.ex-padding-bottom20{padding-bottom: 20px!important;}.ex-padding-bottom25{padding-bottom: 25px!important;}.ex-padding-bottom30{padding-bottom: 30px!important;}
.ex-padding-top{padding-top: 0!important;}.ex-padding-top5{padding-top: 5px!important;}.ex-padding-top10{padding-top: 10px!important;}.ex-padding-top15{padding-top: 15px!important;}.ex-padding-top20{padding-top: 20px!important;}.ex-padding-top25{padding-top: 25px!important;}.ex-padding-top30{padding-top: 30px!important;}
.ex-padding-left{padding-left: 0!important;}.ex-padding-left5{padding-left: 5px!important;}.ex-padding-left10{padding-left: 10px!important;}.ex-padding-left15{padding-left: 15px!important;}.ex-padding-left20{padding-left: 20px!important;}.ex-padding-left25{padding-left: 25px!important;}.ex-padding-left30{padding-left: 30px!important;}
.ex-padding-right{padding-right: 0!important;}.ex-padding-right5{padding-right: 5px!important;}.ex-padding-right10{padding-right: 10px!important;}.ex-padding-right15{padding-right: 15px!important;}.ex-padding-right20{padding-right: 20px!important;}.ex-padding-right25{padding-right: 25px!important;}.ex-padding-right30{padding-right: 30px!important;}
.ex-center{ margin-left: auto; margin-right: auto}
.ex-directionrtl{direction: rtl;}  .ex-directionltr{direction: ltr;}
.ex-target{visibility: hidden;}
.navbar {margin-bottom: 0;  }
.navbar li { color: rgba(255, 255, 255 , 1);  }
.navbar-default { border-bottom:1px solid #fff;  border-radius: 0;  background-color:#0065a4;  }
.navbar-default .navbar-nav > li { margin: 12px 15px 4px 15px;  border-radius: 4px; float: right }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {color: #fff!important;  background: none;  padding: 5px 15px;}
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover {color:#fff;  padding: 5px 15px;}
.navbar-default .navbar-nav li a:focus {color: rgba(255, 255, 0 , 1);}
.navbar-default .navbar-nav > .active,
.navbar-default .navbar-nav li:hover {color: #fff!important;  background: #036;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear;  }
.navbar-default .navbar-brand {font-size: 14px;  color: #fff;  font-weight: 900;  padding: 15px 15px 5px 15px;}
.navbar-default .navbar-brand:hover {color: #036; }
.navbar-default .navbar-toggle .icon-bar { background: #fff;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background: transparent;}

.ex-blue-color{color: rgba(0, 101, 164, 1);}
.ex-logo-menu .container { margin-top: 2px; margin-bottom: 2px; }
.ex-title-big{font-size:42px; font-weight: 400; text-transform: uppercase; margin: .5em 0 .7em 0;direction: rtl;}
.ex-subtitle-big{font-size:24px;font-weight:100;padding:30px 0;position:relative;color:#fff; direction: rtl; }
.ex-title-small{font-size:24px}
.ex-subtitle-small{font-weight:100;padding-bottom:30px;position:relative;color:rgba(102, 102, 102, .9);font-size:20px}
.ex-title{}
.ex-title::after{ content: ""; display: table;}

#hero-area{background-image:url("../../images/ar/master_bg.jpg"); background-repeat:no-repeat; background-size:cover; background-position:0 0 ;color:#fff;}
#hero-area .ex-btn{margin-right:20px}
#hero-area p{padding:50px 0}
#hero-area .row{padding:30px 0 30px 0}
.ex-hero-inner{position:relative;color:rgba(255, 255, 255 , 1)}
.ex-hero-inner:before {  background-color: rgba(0, 22, 117, 0.5);  position: absolute;  width: 100%;  height: 15%;  top: 85%;  bottom: 0;  content: "";  display: block;}
.ex-devices{position: relative; /*width: 500px;*/ height: auto; margin: 0 305px;}
.ex-iphone{position: absolute; z-index: 20;  left:225px;}
.ex-galaxy{position: absolute; z-index: 18;}
.ex-logo{ position: static; display: inline-block;}
.ex-logo img{ width: 140px;}
.ex-logo a{ display: block;}

/*.ex-iphone::after{width: 300px;}*/
.ex-devices::after{height: 515px;}
.ex-devices::after,
.ex-iphone::after,
.ex-galaxy::after{ display: table; content:" ";}
#hero-area .ex-appbar {margin-top:400px;}
#hero-area .ex-appbar i, span{margin:10px;}
#hero-area .ex-appbar span{font-size: 18px; text-transform: uppercase; width: auto; height: 47px; display: inline-block; margin: 0; top:-20px; position: relative;}
#hero-area .ex-appbar .ex-app{top:10px;}
#hero-area .ex-appbar span >i{font-size: 32px; margin: 0 5px;}
#hero-area .ex-appbar a, a:hover, a:focus, span > a {color: transparent; text-decoration:none;}
.ex-icons{background-image: url("../../images/app_icons.png"); background-repeat:no-repeat; background-color: transparent;width: 142px; height: 47px;display: inline-block;}
.ex-paymentIcons{background-image: url("../../images/paymentIcons.png"); background-repeat:no-repeat; background-color: transparent;display: inline-block; height: 32px;}
.ex-icons:after, .ex-paymentIcons:after{content: ""; display: block; }
.ex-icon-apple-light{background-position:0.5px 0; }
.ex-icon-apple-black{background-position:0.5px -46px;}
.ex-icon-google-light{background-position:0.5px -92px;}
.ex-icon-google-black{background-position:0.5px -138px;}

.ex-mastercard{background-position:0 0; width: 51px; }
.ex-mastercard-secuer{background-position:0 -40px; width: 56.5px; }
.ex-visa{background-position:0 -75px; width: 61.649px; }
.ex-visa-secuer{background-position:0 -114px; width: 57.98px;}
.ex-sadad{background-position:0 -152px; width: 58.516px;}
.ex-cashdelivery{ background-position:0 -222px; width: 89.729px; }
.ex-instalments{ background-position:0 -285px; width: 58.492px;}

#hero-area .paymentIcons-par{ margin-bottom: 1em}
#hero-area .paymentIcons-par >span{ margin: auto 4px}


#key-features{background:url("../../images/fe_bg.jpg") no-repeat top center;background-size:cover;overflow:hidden;position:relative}
#key-features h1{margin-bottom: 10px;}
#key-features .ex-subtitle-small{margin-bottom: 60px;}
.ex-feature-icon {width: 75px; height: 75px; border-radius: 50%; background:rgba(0, 101, 164, 1); color: rgba(255, 255, 255, 1);padding:16px 0 15px 0; display: inline-block; cursor: pointer; position: relative; margin-bottom:20px; }
.ex-feature-icon:hover {background:rgba(255, 230, 0, 1); border: 1px solid rgba(255, 204, 0, 1); color: rgba(0, 101, 164, 1);}
.active-icon {background:rgba(255, 230, 0, 1); border: 1px solid rgba(255, 204, 0, 1); color: rgba(0, 101, 164, 1);}
.ex-feature-icon i{ font-size: 42px; display: block; width: 75px;height: 60px;}
.ex-feature-item {color:rgba(102, 102, 102, .9); margin-bottom: 20px;}

.ex-feature-item h3{margin:0 auto;font-size:16px; text-transform: uppercase; max-width: 170px;}
.ex-feature-img{ margin-bottom: 0; overflow: hidden; width: 390px;}
.ex-app-secreens{ width: 339px;  height: 525px;  position: absolute;  top: 20px;  left: 37px; }
.ex-secreen-payment{visibility: visible; background-image: url("../../images/ar/ex-secreen-01.png");}
.ex-secreen-skus{background-image: url("../../images/ar/ex-secreen-02.png");}
.ex-secreen-search{background-image: url("../../images/ar/ex-secreen-03.png");}
.ex-secreen-reviews{background-image: url("../../images/ar/ex-secreen-04.png");}
.ex-secreen-Personalised{ background-image: url("../../images/ar/ex-secreen-05.png");}
.ex-secreen-delivery{background-image: url("../../images/ar/ex-secreen-06.png");}
.ex-secreen-payment, .ex-secreen-skus, .ex-secreen-search, .ex-secreen-reviews, .ex-secreen-Personalised, .ex-secreen-delivery{visibility: hidden;background-repeat:no-repeat; background-color:transparent; background-position: top center; }

#main-features .title-small{color:rgba(51, 153, 255 , 1)}
#main-features .subtitle-small{line-height:30px}
#main-features .btn-default{margin-top:20px}



.ex-youtube{margin-bottom: 5em;}
#secreens{background: linear-gradient(to bottom, white 50%,  rgba(255, 230, 0, 1) 50%, rgba(255, 230, 0, 1));}
.row-eq-height {  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display:flex; }
#info{background: rgba(102, 102, 102, 0.15)}
#info h2{font-size:32px; font-weight:900; text-transform: uppercase; margin: 1.5em 0;  color: rgba(102, 102, 102, 1)}
#info h3{font-size:32px; font-weight:400; text-transform: uppercase; margin: 0.2em 0;  color: rgba(102, 102, 102, 1)}
#info .ex-appbar{margin:30px 0; font-size: 32px;}
#info .ex-appbar a{color: rgba(102,102, 102, 1); text-decoration:none;}
#info .ex-appbar i,span{margin: 4px}
#info .payment-icons{float: right; margin: auto 10px; }
#info .ex-instagram:hover, #info .ex-instagram:focus{color: rgba(138, 58, 185, 1); text-decoration:none;}
#info .ex-youtube:hover, #info .ex-youtube:focus {color: rgba(205, 32, 31, 1); text-decoration:none;}
#info .ex-linkedin:hover,#info .ex-linkedin:focus {color: rgba(0, 119, 181, 1); text-decoration:none;}
#info .ex-twitter:hover, #info .ex-twitter:focus {color: rgba(0, 172, 237, 1); text-decoration:none;}
#info .ex-facebook:hover,#info .ex-facebook:focus {color: rgba(59, 89, 152, 1); text-decoration:none;}
 .ex-copy{ font-size: 12px; color: rgba(102,102,102, 0.5); margin-top: 1.9em;display: inline-block;}



.tooltip{position:absolute;z-index:1070;display:block;font-family:"Droid Arabic Kufi";font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:rgba(255, 255, 255 , 1);text-align:center;background-color: rgba(0, 3, 51, 1);border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color: rgba(0, 3, 51, 1)}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color: rgba(0, 3, 51, 1)}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color: rgba(0, 3, 51, 1)}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color: rgba(0, 3, 51, 1)}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color: rgba(0, 3, 51, 1)}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color: rgba(0, 3, 51, 1)}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color: rgba(0, 3, 51, 1)}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color: rgba(0, 3, 51, 1)}