body{line-height:30px;color:#FFF;font-size:16px;background:#000;font-family: 'Roboto', sans-serif;font-weight:400;position: relative;min-height:100vh;}
body{--pc:#e6cf7b;--sc: #ffb400;}
p{text-align:justify;}
ul, ol{list-style: none;-webkit-padding-start:0px;-moz-padding-start:0px;}
a{color:var(--pc);}
a:hover, a:active, a:focus{text-decoration:none;color:var(--sc);}
::selection{color:#FFF;background:var(--pc);}
.margin-top-30{margin-top:30px;}
.margin-auto{margin:auto;}
.clr{clear:both;}
.bg-styles{background-size:cover !important;background-position:center !important;}
.inline {display: inline-block;}
*{outline:none !important;}
.left-md-center, .right-md-center, .left-sm-center, .right-sm-center{text-align:center;}
.left-md-center img, .right-md-center img{margin:auto;}
.padding-0{padding:0;}
.inline-img{float:none;}
.text-center img{margin:auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:var(--pc);}
.full-width{width:100%;}


.top-nav{margin-bottom:30px;}
.logo img{height:80px;margin-right: 20px;}
.top-nav .col-sm-12{display: flex;}
.top-nav-items{display:inline-flex;align-items: flex-end;margin:0;height:100%;}
.my-btn{padding: 4px 18px 2px;border-radius:18px;font-size:14px;text-transform:uppercase;transition:.3s;white-space: nowrap;}
.top-nav-items li:first-child .my-btn{margin-right: 30px;}
.light-btn{background:#F1F1F1;color:#000;padding: 5px 18px 3px;}
.light-btn img{margin-top: -4px;}
.light-btn:hover,.light-btn:focus,.light-btn:active{background:#FFF;color:#000;}
.dark-btn{background:var(--pc);color:#000;font-family: 'GE SS Two Medium';}
.dark-btn:hover,.dark-btn:focus,.dark-btn:active{background: var(--sc);color:#FFF;}

.hero-area{padding-bottom:31px;}
.hero-area *{text-align:center;}

.body-txt{display:flex;height:100%;align-items:center;font-size: 14px;line-height: 24px;color: #9F9F9F;justify-content: space-around;}
.inline-logo{margin-bottom: 20px;width: 120px;}
.welcome h5{color: #9F9F9F;font-size: 14px;}
.welcome-statement{font-family: 'Playball', cursive;font-size: 40px;line-height: 44px;margin: 0 0 24px 0;color: #FFF;}
.welcome-statement span{font-family: 'Roboto', sans-serif;font-size: 28px;}
.arabic-coming{font-family: 'GE SS Two Medium';font-size:22px;color:#FFF;line-height: 42px;}
.signature{margin: 10px auto 12px auto;}

.contacts{display: flex;justify-content: center;}
.contacts li{margin-right:20px;}
.contacts li:last-child{margin-right:0;}
.play-video a{background:#FFF;color:#000 !important;border-radius:18px;padding:4px 18px 2px;transition:.3s;font-family: 'GE SS Two Medium';margin-bottom: 24px;display: inline-block;line-height: 12px;}
.play-video a:hover,.play-video a:focus,.play-video a:active{background: var(--sc);}

.social-head{color:var(--pc);font-family: 'GE SS Two Light';}
ul.social-media{margin:24px 0 48px 0;padding:0;display:inline-flex;}
ul.social-media li{list-style:none;margin:0 15px}
ul.social-media li a{position:relative;display:block;width:60px;height:60px;text-align:center;line-height: 66px;background:#171515;border-radius:50%;font-size:30px;color:#666;transition:.5s;}
ul.social-media li a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--pc);transition:.5s;transform:scale(.9);z-index:-1}
ul.social-media li a:hover:before{transform:scale(1.2);box-shadow:0 0 15px var(--pc);filter:blur(3px)}
ul.social-media li a:hover{color: var(--pc);box-shadow:0 0 15px var(--pc);text-shadow:0 0 15px var(--pc);}

footer{position:absolute;border-top:1px solid #222;width:100%;bottom:0;font-size:14px;}


.d-inline-block {display:inline-block;}










@media (min-width: 576px) {
.left-sm-center{text-align:left !important;}
.right-sm-center{text-align:right !important;}
.d-sm-block {display: inline-block;}

.play-video a{margin-top:20px;}

}

@media (min-width: 768px) {

.col-md-offset-1{margin-right:8.33333333%;margin-left:0;}
.left-md-center{text-align:left !important;}
.right-md-center{text-align:right !important;}
.left-md-center img{margin-left:0;}
.right-md-center img{margin-right:0;}
.inline-img{float:left;margin-right:15px;}
.inline-video{width:50%;}
    
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
    
}