article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; direction: rtl;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'DINNEXTTMARABICREGULAR';}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-size: 14px; color: #000000; direction: rtl; font-family: 'DINNEXTTMARABICREGULAR';}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

@font-face {
    font-family: 'DINNEXTTMARABICREGULAR';
    src: url('../fonts/DINNEXTTMARABICREGULAR.eot');
    src: url('../fonts/DINNEXTTMARABICREGULAR.eot') format('embedded-opentype'),
         url('../fonts/DINNEXTTMARABICREGULAR.woff2') format('woff2'),
         url('../fonts/DINNEXTTMARABICREGULAR.woff') format('woff'),
         url('../fonts/DINNEXTTMARABICREGULAR.ttf') format('truetype'),
         url('../fonts/DINNEXTTMARABICREGULAR.svg#DINNEXTTMARABICREGULAR') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINNEXTTMARABICMEDIUM';
    src: url('../fonts/DINNEXTTMARABICMEDIUM.eot');
    src: url('../fonts/DINNEXTTMARABICMEDIUM.eot') format('embedded-opentype'),
         url('../fonts/DINNEXTTMARABICMEDIUM.woff2') format('woff2'),
         url('../fonts/DINNEXTTMARABICMEDIUM.woff') format('woff'),
         url('../fonts/DINNEXTTMARABICMEDIUM.ttf') format('truetype'),
         url('../fonts/DINNEXTTMARABICMEDIUM.svg#DINNEXTTMARABICMEDIUM') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINNEXTTMARABICBOLD';
    src: url('../fonts/DINNEXTTMARABICBOLD.eot');
    src: url('../fonts/DINNEXTTMARABICBOLD.eot') format('embedded-opentype'),
         url('../fonts/DINNEXTTMARABICBOLD.woff2') format('woff2'),
         url('../fonts/DINNEXTTMARABICBOLD.woff') format('woff'),
         url('../fonts/DINNEXTTMARABICBOLD.ttf') format('truetype'),
         url('../fonts/DINNEXTTMARABICBOLD.svg#DINNEXTTMARABICBOLD') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****************
 * Common Css
 ****************/
.main {overflow: hidden;}
header, section, footer {float: left; width: 100%;}
.container {max-width: 1350px; margin: 0 auto; padding:0 15px;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctitle h3 {font-size: 38px; color: #ed1b24; font-family: 'DINNEXTTMARABICBOLD'; padding-bottom: 15px; display: inline-block;}
.ctitle p {font-size: 16px; color: #000000;}


/** Common Slider **/
.commonslider {width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; direction: ltr;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block; float: left;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}
.commonslider .owl-carousel .owl-dots.disabled{display: none;}


header {position: relative; padding-bottom: 20px; position: absolute; top: 0px; left: 0px; right: 0px;}
header .logo {float: right;}
header .rheader {float: left;}
header .rheader .nav {float: right; padding-top: 5px;}
header .rheader .nav li {float: left; padding: 5px;}
header .rheader .nav li a {float: left; padding: 0px 30px; height: 40px; line-height: 34px; color: #646767; font-family: 'DINNEXTTMARABICMEDIUM'; font-size: 15px; font-weight: 500; background-color: transparent; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
header .rheader .nav li a:hover {background-color:#ed1b24; color: #ffffff;}
header .rheader .download {float: right; color: #ffffff; background-color: #000000; padding: 0px 30px; margin-top: 10px; font-size: 15px; font-weight: 500; line-height: 34px; height: 40px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
header .rheader .download:hover {background-color:#ed1b24;}
.lanbtn .btn {height: 40px; font-weight: 500; font-size: 15px; margin: 10px 0 0 15px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: #ed1b24; border: none;}
.lanbtn .btn:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.lanbtn .dropdown-menu {min-width: 59px; padding: 0px;}
.lanbtn .dropdown-item {font-size: 14px;}
.lanbtn .dropdown-item.active, .lanbtn .dropdown-item:active {background-color: #c7c7c7; color: #000;}

.topheader {border-bottom: 1px solid #dddddd; padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.topheader .language li {float: right;}
.topheader .language li a {float: right; margin-left: 10px; border: 1px solid #000000; color: #000000; height: 27px; line-height: 18px; padding: 0px 12px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px;}
.topheader .language li:first-child a {line-height: 21px;}
.topheader .language li.active a, .topheader .language li a:hover {background-color: #ed1b24; border-color: #ed1b24; color: #ffffff;}
.topheader .language li:last-child a {margin-left: 0px;}

.mainbanner {background-color: #f6f4f4; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-position: 50% 150px; border-radius: 0px 0px 0px 800px; padding-top: 160px;}
.mainbanner .textinfo {position: relative; padding-right: 0px; margin-top: 140px;}
.mainbanner .textinfo h2 {color: #000000; font-family: 'DINNEXTTMARABICMEDIUM'; font-size: 54px; line-height: 50px;}
.mainbanner .textinfo h2 span {color: #ed1b24; font-family: 'DINNEXTTMARABICBOLD';}
.mainbanner .textinfo p {color: #000000; font-size: 25px; line-height: 36px; padding: 25px 0px 50px;}
.mainbanner .textinfo  .btnbox a {float: right; margin-right: 20px;}
.mainbanner .imgbox{margin-bottom: -60px;}

.shoppingapp {padding: 85px 0px 125px;}
.shoppingapp .ctitle {margin-bottom: 30px;}
.shoppingapp .shopinner {margin-top: 30px; padding: 35px 50px; border:2px solid #f6f4f4; border-radius: 0px 40px 40px 40px; -moz-border-radius: 0px 40px 40px 40px; -webkit-border-radius: 0px 40px 40px 40px;  box-shadow:0px 0px 12px rgba(190,190,190,0.2); -moz-box-shadow:0px 0px 12px rgba(190,190,190,0.2); -webkit-box-shadow:0px 0px 12px rgba(190,190,190,0.2); }
.shoppingapp .shopinner .title .icons {width: 85px;}
.shoppingapp .shopinner .title h4 {font-size: 26px; font-weight: 600; line-height: 36px; margin-top: -7px;}
.shoppingapp .shopinner p {margin-top:25px; color: #000000; font-size: 16px; font-weight: 300; line-height: 28px;}
.shoppingapp .shoppbox2 .shopinner {min-height: 252px;}
.shoppingapp .shoppbox3 .shopinner {min-height: 224px;}

.pureplatform {position: relative; background-repeat: no-repeat; background-position: 50% 100%; padding-top: 150px; padding-bottom: 50px; /*background-image: url(../images/bg2.png); background-size: cover;*/}
.pureplatform .textinfo {padding-top: 120px;}
.pureplatform .textinfo ul {float: left; width: 100%; margin-top: 10px;}
.pureplatform .textinfo ul li {float: left; width: 100%; margin-top: 15px; font-size: 16px; line-height: 28px; background-repeat: no-repeat; background-position: 100% 50%; padding-right: 47px; background-image: url(../images/right.png);}


.appscreenshots {position: relative; padding-top: 85px; padding-bottom: 40px;}
.appscreenshots .appslider {position: relative; margin-top: 55px;}
.appscreenshots .appslider:before, .appscreenshots .appslider:after {width: 304px; height: 100%; background-repeat: no-repeat; background-position: 100% 50%; top: 0px; content: ""; position: absolute; z-index: 12;}
.appscreenshots .appslider:before {background-image: url(../images/left-shade.png); left: 0px;}
.appscreenshots .appslider:after {background-image: url(../images/right-shade.png); right: 0px;}
.appscreenshots .appslider .item img {width: 100%;}

.appscreenshots .owl-nav button {width: 70px; height:70px;  position:absolute; cursor: pointer; background-color: #ffffff; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; z-index:1111; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; box-shadow: 0px 0px 17px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 17px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.1); top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.appscreenshots .owl-nav .owl-prev {background-image: url(../images/arrowleft.png); left:20px;}
.appscreenshots .owl-nav .owl-next {background-image: url(../images/arrowright.png); right:20px;}
.appscreenshots .owl-nav button:hover {background-color: #ed1b24;}
.appscreenshots .owl-nav .owl-prev:hover {background-image: url(../images/arrowleft-h.png);}
.appscreenshots .owl-nav .owl-next:hover {background-image: url(../images/arrowright-h.png);}
.appscreenshots .csitebox video {width: 100%;}
.appscreenshots .csitebox {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.appscreenshots .item .csitebox {transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7);}
.appscreenshots .medium .item .csitebox {transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); padding: 10px;}
.appscreenshots .big.center .item .csitebox {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); padding: 10px;}
.appscreenshots .prevdiv .item {position: relative; right: -84px;}
.appscreenshots .nextdiv .item {position: relative; left: -84px;}
.download.float-start.margin-top-bottom {margin-top: 4px;margin-bottom: 7px;float: right !important;}


.back-to-top{
  	background: #fff;
	height: 0px;
  	width: 0px;
  	overflow: hidden;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  	visibility: hidden;
  	position: fixed;
  	cursor: pointer;
  	display: block;
  	left: 50px;
	bottom: 75px;
  	z-index: 99;
  	-webkit-transition: all .3s ease-in-out;
  	transition: all .3s ease-in-out;
}
.back-to-top::before,
.back-to-top::after {
  	content: "";
  	display: block;
    vertical-align: middle;
    border-bottom: solid 10px #ed1b24;
    border-left: solid 10px transparent;
    line-height: 0;
    border-right: solid 10px transparent;
    height: 0;
    margin: 18px auto 0;
    width: 0;
 	border-radius:20px;
  	visibility: hidden;
}
.back-to-top.show::after,
.back-to-top.show::before{
  visibility: visible;
}
.back-to-top::after {
  	border-bottom-color:#fff;
    position: relative;
  	top:-24px;
}
.back-to-top.show {
 	 display: block;
 	 background: #fff;
  	color: #00ab6c;
  	font-size: 25px;
  	left: 25px;
	bottom: 50px;
  	height: 50px;
  	width: 50px;
  	visibility: visible;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
}


footer {position: relative; padding-top: 80px; border-top: 1px solid #f1f1f1;}
footer .topfooter {float: right; width: 100%;}
footer .topfooter .fboxs {float: right; padding-bottom: 40px;}
footer .topfooter .fboxs h4 {color: #000000; font-size: 18px; font-family: 'DINNEXTTMARABICBOLD'; padding-bottom:20px;}
footer .topfooter .fboxs p {color: #000000; font-size: 14px;line-height: 25px; margin-top:10px;}
footer .topfooter .fboxs p span {display: block; font-family: 'DINNEXTTMARABICMEDIUM';}
footer .topfooter .fboxs p a {color: #000000;}
footer .topfooter .fboxs ul {float: right; width: 100%;}
footer .topfooter .fboxs ul li {float: right; width: 100%; margin-top: 10px;}
footer .topfooter .fboxs ul li a {color: #000000; font-size: 14px;}
footer .topfooter .fboxs ul li a:hover, footer .topfooter .fboxs p a:hover {color: #ed1b24;}
footer .topfooter .fbox1 {width: 420px; padding-left: 145px;}
footer .topfooter .fbox2 {width: 280px;}
footer .topfooter .fbox3 {width: 388px;}
footer .topfooter .fbox4 {width: 214px;}
footer .topfooter .fbox4 a {margin-bottom: 15px; float: right;}
footer .topfooter .fbox1 .flogo {margin-bottom: 20px;}
footer .topfooter .fbox3 p {line-height: 20px; padding-right: 25px; margin-bottom: 15px; background-repeat: no-repeat; background-position: 100% 5px;}
footer .topfooter .fbox3 p.address {background-image: url(../images/address.png);}
footer .topfooter .socials > p {margin-top: 0 !important;}
footer .topfooter .socials > p > a .text:hover { color: red; }
footer .topfooter .socials > p > a {font-weight: initial; display: -webkit-inline-box; margin: 4px !important;} 
footer .topfooter .socials > p > a > .text {font-weight: initial; padding: 1px 7px 0 7px ;} 
footer .topfooter .socials {display: grid;}
.f-payment-logos {padding: 10px 0;}
.f-payment-logos .payment { padding: 5px; }
.f-payment-logos .payment .logo-payment {height: 25px; width: 100%; max-width: 75px;}
footer .copyright {float: right; width: 100%; border-top: 1px solid #f1f1f1; padding: 20px 0px;}
footer .copyright p {color: #000000; font-weight: 300; font-size: 14px;}

.follow-us-size {
    font-size: 15px;
    font-weight: 500;
    margin-top: 3px;
    line-height: 20px;
    font-family: 'Poppins';
    display: block;
}
.follow-us-size:hover {
    font-weight: 700;
    color: #000 !important;
}
img.img-right {
    position: absolute;
    right: 15px;
    top: 8px;
    width: 20px;
}
.img-full-size {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.f-payment-logos .payment .logo-payment {
    height: 50px;
    width: 100%;
    max-width: 157px;
    border-radius: 30px;
    border: 2px solid #d4d7df;
    box-shadow: rgb(0 0 0 / 25%) 0px 1px 9px;
}
.f-payment-logos .payment {
    padding: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.responsive-map{
    overflow: hidden;
    position:relative;
    height:550PX;
}
.responsive-map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
section#whyus {
    padding-bottom: 70px;
}
.appcta {
    display: none;
}
@media (max-width: 768px) {
    .appcta {
        font-size: 13px;
        padding: 5px;
        background: #000;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        border-radius: 5px 5px 0 0;
        display: block;
        z-index: 9999;
        animation-name: appcta;
        animation-duration: 3s;
        animation-fill-mode: forwards;
    }
    .contentapp {
        display: block;
    }
    .mhicon {
        width: 20%;
        float: left;
    }
    .textapp {
        float: left;
        width: 50%;
        padding: 5px;
        color: #fff;
    }
    .logoapp {
        float: right;
        width: 30%;
        padding: 10px;
    }
    .logoapp img {
        max-width: 100%;
    }
    .close1 {
        cursor: pointer;
        position: absolute;
        top: 0%;
        right: 0%;
        padding: 1px 5px;
        transform: translate(0%, -50%);
        color: #ed1b24;
        background: #fff;
        border-radius: 50%;
        border: 1px solid #000;
    }
}

.prohibited-items-wrapper .list-col {
    float: left;
    display: block;
    margin-right: 3.44828%;
    width: 29%;
}
.prohibited-items-wrapper .list-col ul {
    margin: 0 0 0 5px;
}
.prohibited-items-wrapper .list-col ul li {
    line-height: 1.2;
    list-style: circle;
    padding: 3px;
}