@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
body {
    font-family: 'Droid Arabic Kufi', arial;
    color: #4f504f;
    overflow: hidden
}

body#clientarea {
    overflow: auto
}

a,
img {
    transition: all .2s ease-in-out 0
}

nav.navbar {
    padding: 5px 0;
    background: #fff;
    border: none;
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: none
}

.navbar-header,
ul.nav li {
    float: right
}

ul.nav li {
    margin-top: 10px;
    font-weight: 700
}

nav.navbar a.logo {
    display: block;
    width: 259px;
    height: 70px;
    background: url(../../images/logo.png)
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    text-shadow: 1px 0 1px #000
}

nav.navbar li.current a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #E6393F
}

.navbar-default .navbar-nav > li > a {
    outline: none;
    padding: 10px 10px;
}

#slider {
    z-index: 1000!important;
    border-bottom: solid 3px #eaeaea
}

#prices,
#prices,
#about,
#contact,
#topline {
    z-index: 1020;
    position: relative;
    background: #fff;
    direction: rtl;
    padding-top: 85px
}

#clientcount,
#testimonials,
#counter,
#twitter,
footer,
#roomChat {
    position: relative;
    z-index: 1020;
}

#home {
    position: relative;
    box-sizing: unset
}

#TopSlider .celeb h3,
#TopSlider .se7en h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 0;
    top: 20vh;
    text-shadow: 2px 3px #001630
}

#TopSlider .special .l1,
#TopSlider .xpower .l1 {
    top: 31vh;
    right: 5%;
    background: #E95055
}

#TopSlider .special .l2,
#TopSlider .xpower .l2 {
    top: 44vh;
    right: 8%;
    background: #FBB438
}

#TopSlider .special .l3,
#TopSlider .xpower .l3 {
    top: 52vh;
    right: 11%;
    background: #2F9999
}

#TopSlider .special .l4,
#TopSlider .xpower .l4 {
    top: 60vh;
    right: 14%;
    background: #7B7EB5
}

#TopSlider .special .l5,
#TopSlider .xpower .l5 {
    top: 68vh;
    right: 17%;
    background: #46BDCD
}

#TopSlider .celeb .l1,
#TopSlider .se7en .l1 {
    top: 31vh;
    right: 5%;
    background: #E95055
}

#TopSlider .celeb .l2,
#TopSlider .se7en .l2 {
    top: 39vh;
    right: 8%;
    background: #FBB438
}

#TopSlider .celeb .l3,
#TopSlider .se7en .l3 {
    top: 47vh;
    right: 11%;
    background: #2F9999
}

#TopSlider .celeb .l4,
#TopSlider .se7en .l4 {
    top: 55vh;
    right: 14%;
    background: #7B7EB5
}

#TopSlider .celeb .l5,
#TopSlider .se7en .l5 {
    top: 63vh;
    right: 17%;
    background: #46BDCD
}

#TopSlider .celeb .giftbox,
#TopSlider .se7en .calicon,
#TopSlider .special .serv {
    position: absolute;
    top: 30vh
}

#TopSlider .xpower {
    width: 100%;
    background: url(../../images/xpower.jpg) top center;
    background-size: cover
}

#TopSlider .special {
    width: 100%;
    background: url(../../images/specialz.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

#TopSlider .responsive {
    width: 100%;
    background: url(../../images/responsive.jpg) top center no-repeat #424341;
    background-size: contain
}

#TopSlider .profile {
    width: 100%;
    background: url(../../images/profile.jpg) top center no-repeat #424341;
    background-size: cover
}

#TopSlider .ramadan {
    width: 100%;
    background: url(../../images/ramadan_slider.jpg) top center no-repeat #f6ba8a;
    background-size: contain
}

#TopSlider .eids {
    width: 100%;
    background: url(../../images/eidslider.jpg) top center;
    background-size: cover
}

#TopSlider .adha {
    width: 100%;
    background: url(../../images/adhaslider.jpg) top center;
    background-size: cover
}

#TopSlider .domain {
    width: 100%;
    background: url(../../images/domaina.jpg) top center no-repeat #f6ba8a;
    background-size: cover
}

#TopSlider .powerful {
    width: 100%;
    background: url(../../images/powerful.jpg) top center no-repeat #636363;
    background-size: cover
}

#TopSlider .e-shopping {
    width: 100%;
    background: url(../../images/e-shopping.jpg) top no-repeat #636363;
    background-size: cover
}

.domainch {
    position: absolute;
    top: 40vh;
    width: 700px;
    left: 50%;
    margin-left: -350px
}

.domainch form {
    background: rgba(0, 0, 0, 0.85);
    padding: 5px;
    border-radius: 5px;
}

.domainch .dselect {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    overflow: hidden
}

.domainch .dselect input[type='text'] {
    line-height: 2;
    border: none;
    padding-top: 5px;
    outline: none;
    float: left;
    width: 79%;
    padding: 5px 10px;
}

.domainch .dselect input[type='submit'] {
    float: right;
    width: 10%;
    background-color: #3568ff;
    border: 0;
    padding: 10px 0px;
    color: #fff;
}

.domainch .dselect select {
    border: none;
    outline: none;
    float: left;
    width: 11%;
    padding: 5px 10px;
}

.domainch span {
    color: #FFF
}

.domainch .psite {
    float: left;
    font-size: 17px;
    font-weight: normal;
}

.domainch p {
    direction: rtl;
    text-shadow: 0px 2px 1px #000;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px
}

#TopSlider .domain #particles {
    width: 100%;
    height: 100vh
}

#TopSlider .special h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 0;
    top: 19vh;
    text-shadow: 2px 3px #001630;
    width: 100%;
    text-align: center
}

#TopSlider .sat h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 0;
    top: 55vh;
    text-shadow: 2px 3px #8d1515;
    width: 100%;
    text-align: center
}

#TopSlider .sat .saturday {
    position: absolute;
    top: 20vh;
    width: 448px;
    left: 50%;
    margin-left: -224px
}

#TopSlider .sat .l1 {
    top: 68vh;
    right: 10%;
    background: #46BDCD
}

#TopSlider a.carousel-control {
    background: #000;
    width: 30px;
    height: 30px;
    opacity: .7;
    top: 90vh;
    color: #fff;
    font-size: 10px;
    position: absolute
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 20px;
    margin-top: -11px
}

#TopSlider .carousel-control.left {
    left: 10px
}

#TopSlider .carousel-control.right {
    left: 50px;
    right: auto
}

#TopSlider a:hover.carousel-control {
    opacity: .9
}

#TopSlider .line {
    position: absolute;
    padding: 8px 15px;
    font-size: 20px;
    color: #fff;
    border-radius: 3px;
    direction: rtl
}

#TopSlider .line a,
#TopSlider h3 a {
    color: #fff;
    text-decoration: none
}

#TopSlider h3 {
    animation-delay: .5s;
    direction: rtl
}

#TopSlider .l1 {
    animation-delay: 1s
}

#TopSlider .l2 {
    animation-delay: 1.5s
}

#TopSlider .l3 {
    animation-delay: 2s
}

#TopSlider .l4 {
    animation-delay: 2.5s
}

#TopSlider .l5 {
    animation-delay: 3s
}

#TopSlider .ramadan .l2 {
    width: 80%;
    text-align: center;
    top: 50%;
    left: 30%;
    margin-left: -20%;
    padding: 0;
    font-weight: 700;
    font-size: 28px;
    text-shadow: 1px 3px rgba(183, 39, 0, 0.4)
}

#TopSlider .ramadan a {
    color: #700000
}

#TopSlider .note {
    position: absolute;
    left: 3%;
    top: 85vh;
    color: #fff;
    direction: rtl;
    width: 60%
}

#TopSlider .more {
    animation-delay: 3.5s
}

#topline {
    padding: 40px 0 0
}

#topline .banner {
    height: 50px;
    background: url(../../images/line_bg.jpg);
    font-size: 20px;
    padding-top: 10px
}

#topline .banner a {
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 2px #022727
}

#topline .banner a:hover {
    text-decoration: none;
    opacity: .8
}

.heading {
    font-weight: 700;
    display: block;
    font-size: 42px;
    text-align: center;
    position: relative;
    padding: 5px;
    margin-bottom: 20px;
    color: #00CFEF
}

div.heading:before {
    top: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
    z-index: 1;
    background: #ccc
}

div.heading:after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
    z-index: 1;
    background: #ccc
}

#topline .txt {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-bottom: 30px;
    text-align: justify
}

#topline .icon,
#prices .icon {
    width: 140px;
    height: 140px;
    border: solid 10px #ececec;
    margin: 20px auto;
    border-radius: 50%;
    transition: all .2s ease-in-out 0
}

#topline .icon .fa,
#prices .icon .fa {
    font-size: 70px;
    margin-top: 25px
}

#topline div.title,
#prices div.title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative
}

#topline .focus .txt {
    font-size: 14px
}

#topline .focus,
#prices .focus {
    margin-top: 30px
}

#topline div.title:before,
#prices div.title:before {
    bottom: -9px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    width: 140px;
    z-index: 1
}

#topline .focus .flist,
#prices .focus .flist {
    float: right
}

#topline .sup div.title:before,
#prices .sup div.title:before {
    background: #E95055
}

#topline .qua div.title:before,
#prices .qua div.title:before {
    background: #FBB438
}

#topline .sol div.title:before,
#prices .sol div.title:before {
    background: #2F9999
}

#topline .pay div.title:before,
#prices .pay div.title:before {
    background: #7B7EB5
}

#topline .sup:hover .icon,
#prices .sup:hover .icon {
    border: solid 10px #E95055
}

#topline .qua:hover .icon,
#prices .qua:hover .icon {
    border: solid 10px #FBB438
}

#topline .sol:hover .icon,
#prices .sol:hover .icon {
    border: solid 10px #2F9999
}

#topline .pay:hover .icon,
#prices .pay:hover .icon {
    border: solid 10px #7B7EB5
}

#roomChat {
    background: #333;
    height: 750px;
    position: relative;
    padding-top: 50px
}

#roomChat .how {
    text-align: center;
    margin: 0 auto;
    margin-top: 100px
}

#roomChat .how img {
    margin-top: 88px
}

#roomChat .procircle {
    width: 1000px;
    height: 400px;
    position: relative;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -500px
}

#roomChat .procircle > div {
    position: absolute
}

#roomChat .procircle .p1 {
    top: 87px;
    right: 20px
}

#roomChat .procircle .p2 {
    top: 232px;
    right: 100px
}

#roomChat .procircle .p3 {
    top: 90px;
    right: 230px
}

#roomChat .procircle .p4 {
    top: 232px;
    right: 310px
}

#roomChat .procircle .p5 {
    top: 90px;
    left: 340px
}

#roomChat .procircle .p6 {
    top: 232px;
    left: 240px
}

#roomChat .procircle .p7 {
    top: 90px;
    left: 80px
}

#roomChat .procircle .p8 {
    top: 232px;
    left: 20px
}

#clientcount .stellarbg {
    background: url(../../images/why-bg.jpg);
    height: 400px
}

#clientcount .stellarbg .overlay {
    background: url(../../images/gridtile.png) rgba(47, 153, 153, 0.7);
    height: 400px
}

#clientcount .txt {
    color: #fff;
    margin-top: 150px;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 1px 1px #083d40;
    line-height: 34px
}

#clientcount .btn {
    background: #46AE36;
    margin: 0 auto;
    display: block;
    width: 120px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 2px #2E7524;
    border: none;
    margin-top: 20px;
    font-size: 16px
}

#clientcount .btn:hover {
    background: #5FC84E
}

#prices {
    background: #F6F6F6;
    min-height: 1000px;
    padding-bottom: 30px
}

#prices .heading {
    margin-bottom: 20px
}

.da-thumbs {
    position: relative;
    margin-top: 30px
}

.da-thumbs > div {
    float: right;
    position: relative;
    border: solid 2px #fff
}

.da-thumbs div a,
.da-thumbs div a img {
    display: block;
    position: relative;
    width: 100%
}

.da-thumbs div a {
    overflow: hidden
}

.da-thumbs div a div {
    position: absolute;
    background: #333;
    background: rgba(230, 57, 63, 0.9);
    width: 100%;
    height: 100%;
    text-align: center
}

.da-thumbs div a div span {
    display: block;
    padding: 10px 0;
    margin: 10px 20px 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-weight: bold;
    font-size: 18px
}

.da-thumbs div a div .fa {
    font-size: 30px;
    color: #fff;
    margin-top: 100px
}

.da-thumbs:hover img {
    opacity: .5
}

.da-thumbs div a:hover img {
    opacity: 1
}

#testimonials .stellarbg {
    background: url(../../images/testimonials-bg.jpg);
    height: 400px
}

#testimonials .stellarbg .overlay {
    background: url(../../images/gridtile.png) rgba(59, 66, 66, 0.7);
    height: 400px
}

#testimonials .heading {
    color: #fff;
    margin-top: 70px;
    margin-bottom: 50px
}

#testimonials .heading:before,
#testimonials .heading:after {
    display: none
}

#testimonials .item {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

#testimonials .item .client {
    font-weight: 400;
    direction: rtl;
    margin: 10px
}

#testimonials .client a {
    color: #FBB438
}

#testimonials .carousel-indicators {
    bottom: -100px!important
}

#prices .row {
    margin-top: 30px
}

#prices .row > div {
    float: right;
    margin-bottom: 30px;
    text-align: center
}

#prices .row > div.heading {
    float: none
}

#prices #serviceslist a {
    text-decoration: none;
    color: #4F504F;
    display: block;
    padding: 10px;
    font-size: 15px;
    line-height: 22px
}

#prices a.hosting .icon {
    background: #E95055;
    color: #fff;
    box-shadow: 0 0 0 3px #E95055;
    border: solid 5px #fff
}

#prices a.servers .icon {
    background: #EF7E81;
    color: #fff;
    box-shadow: 0 0 0 3px #EF7E81;
    border: solid 5px #fff
}

#prices a.vps .icon {
    background: #FBB438;
    color: #fff;
    box-shadow: 0 0 0 3px #FBB438;
    border: solid 5px #fff
}

#prices a.design .icon {
    background: #FAAB1F;
    color: #fff;
    box-shadow: 0 0 0 3px #FAAB1F;
    border: solid 5px #fff
}

#prices a.sms .icon {
    background: #2F9999;
    color: #fff;
    box-shadow: 0 0 0 3px #2F9999;
    border: solid 5px #fff
}

#prices a.projects .icon {
    background: #35ADAD;
    color: #fff;
    box-shadow: 0 0 0 3px #35ADAD;
    border: solid 5px #fff
}

#prices a.tenders .icon {
    background: #7B7EB5;
    color: #fff;
    box-shadow: 0 0 0 3px #7B7EB5;
    border: solid 5px #fff
}

#prices a.app .icon {
    background: #8B8EBE;
    color: #fff;
    box-shadow: 0 0 0 3px #8B8EBE;
    border: solid 5px #fff
}

#prices #serviceslist a:hover.service {
    color: #fff
}

#prices a:hover.service .icon {
    background: #fff
}

#prices a:hover.hosting {
    background: #E95055
}

#prices a:hover.servers {
    background: #EF7E81
}

#prices a:hover.vps {
    background: #FBB438
}

#prices a:hover.design {
    background: #FAAB1F
}

#prices a:hover.sms {
    background: #2F9999
}

#prices a:hover.projects {
    background: #35ADAD
}

#prices a:hover.tenders {
    background: #7B7EB5
}

#prices a:hover.app {
    background: #8B8EBE
}

#prices a:hover.hosting .icon {
    color: #E95055;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #E95055
}

#prices a:hover.servers .icon {
    color: #EF7E81;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #EF7E81
}

#prices a:hover.vps .icon {
    color: #FBB438;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #FBB438
}

#prices a:hover.design .icon {
    color: #FAAB1F;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #FAAB1F
}

#prices a:hover.sms .icon {
    color: #2F9999;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #2F9999
}

#prices a:hover.projects .icon {
    color: #35ADAD;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #35ADAD
}

#prices a:hover.tenders .icon {
    color: #7B7EB5;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #7B7EB5
}

#prices a:hover.app .icon {
    color: #8B8EBE;
    box-shadow: 0 0 0 3px #fff;
    border: solid 5px #8B8EBE
}

#prices a .title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px
}

#prices a.service .icon .fa {
    margin-top: 30px
}

#prices a.projects .icon .fa {
    margin-right: 15px
}

#prices a.projects.cloud .icon .fa {
    margin-right: 0
}

#prices a.vps .icon .fa {
    margin-left: 5px
}

#counter .stellarbg {
    background: url(../../images/facts-bg.jpg);
    height: 400px
}

#counter .stellarbg .overlay {
    background: url(../../images/gridtile.png) rgba(3, 93, 137, 0.7);
    height: 400px
}

#counter .row > div {
    float: right;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    margin-top: 150px
}

#counter .row > div span {
    font-size: 40px;
    color: #FBB438;
    margin-bottom: 10px;
    display: block
}

#about {
    background: #272727;
    color: #fff
}

#about .heading {
    color: #E95055
}

#about .footbox {
    float: right;
    margin: 30px 0 40px
}

#about .bigline {
    font-size: 50px;
    font-weight: 700;
    margin-top: 40px
}

#about .line p {
    color: #ccc;
    padding-right: 40px;
    background: url(../../images/logo_dot.png) right no-repeat
}

#about .count {
    font-size: 16px
}

#about .count span {
    display: block;
    float: right;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: solid 5px #1A1A1A;
    text-align: center;
    padding-top: 14px;
    font-weight: 700;
    margin-left: 20px;
    color: #FBB438
}

#about .count > div {
    height: 60px;
    margin-bottom: 10px
}

#about .count .txt {
    margin-top: 5px;
    float: right;
    width: 69%
}

#about .regs > div {
    float: right;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}

#about .regs .icon {
    margin: 0 auto;
    width: 50px
}

#about .regs .fa {
    font-weight: 400;
    text-align: center;
    font-size: 57px;
    margin-bottom: 20px;
    color: #414141
}

#about .banks {
    background: #EFF1F2;
    text-align: center;
    border: solid 2px #D3D9DC;
    border-right: 0;
    border-left: 0
}

#twitter .stellarbg {
    background: url(../../images/twitter-bg.jpg);
    height: 300px;
    background-size: cover
}

#twitter .stellarbg .overlay {
    background: url(../../images/gridtile.png) rgba(34, 34, 34, 0.7);
    height: 400px
}

#twitter .tweets ul {
    list-style: none;
    font-size: 30px;
    color: #fff;
    text-align: center;
    direction: rtl;
    margin-top: 50px;
    overflow: hidden;
    margin-bottom: 40px;
    text-shadow: 1px 1px #000
}

#twitter .tweets ul .date {
    display: none
}

#twitter .tweets ul a {
    color: #fff
}

#twitter a.tweetlink {
    padding: 10px 20px;
    display: block;
    background: #55ACEE;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    width: 161px;
    margin: 0 auto;
    border-radius: 3px;
    text-decoration: none
}

#twitter a:hover.tweetlink {
    opacity: .8
}

#twitter button {
    background: #e1e8ed;
    padding: 5px 10px;
    direction: rtl;
    border: 0;
    border-radius: 5px;
    font-size: 12px
}

#twitter button .fa {
    color: #2FBEE2
}

#twitter button:hover {
    background: #2FBEE2;
    color: #fff
}

#twitter button:hover .fa {
    color: #fff
}

#twitter .tweeps {
    text-align: center;
    direction: rtl;
    width: 208px;
    margin: 30px auto 0
}

#twitter .tweeps img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-left: 10px
}

#twitter .tweeps .twtl {
    margin-left: 20px
}

#twitter .tweep {
    overflow: hidden;
    float: right
}

#twitter .tweep p {
    color: #fff;
    text-align: right;
    margin-bottom: 2px;
    margin-right: 10px
}

#contact {
    background: #F2F2F2
}

#contact .call .icon {
    font-size: 100px;
    color: #36882A
}

#contact .keep {
    font-size: 24px;
    color: #2F9999;
    font-weight: 700;
    float: right
}

#contact .call .num {
    color: #36882A;
    font-size: 30px;
    letter-spacing: 5px
}

#contact .social .icon,
footer .social .icon {
    font-size: 100px;
    color: #7B7EB5
}

#contact .social .soli,
footer .social .soli {
    font-size: 30px;
    margin: 0 20px;
    color: #979797;
    text-shadow: 1px 1px #fff
}

#contact .fb:hover,
footer .fb:hover {
    color: #44619D
}

#contact .tw:hover,
footer .tw:hover {
    color: #55ACEE
}

#contact .gp:hover,
footer .gp:hover {
    color: #DC4B39
}

#contact .maps .title {
    font-size: 20px;
    margin: 20px 0;
    font-weight: 700
}

#contact .maps .item .map {
    width: 100%;
    height: 500px;
    background-size: cover;
    display: block
}

#contact .maps .item .map.jed {
    background: url(../../images/jed-map.jpg) top center
}

#contact .maps .item .map.dam {
    background: url(../../images/dam-map.jpg) top center
}

#contact .maps .item .map.ryad {
    background: url(../../images/ryad-map.jpg) top center
}

#contact .fastcontact .col-md-6 {
    float: right
}

#contact .fastcontact input {
    margin-bottom: 18px
}

#contact .fastcontact input.send {
    margin: 0 auto 15px;
    clear: both;
    display: block;
    color: #fff;
    padding: 5px 20px;
    font-weight: 700;
    border: none;
    border-radius: 3px
}

#contact .fastcontact .heading {
    margin-top: 20px
}

#contact .apps {
    text-align: center
}

#officecarousel .carousel-indicators li {
    width: 90px;
    border-radius: none;
    height: 40px;
    margin: 10px;
    text-indent: 0;
    padding: 10px 20px;
    font-weight: 700
}

#officecarousel .carousel-indicators {
    top: 0;
    z-index: 1
}

#officecarousel {
    padding-top: 80px
}

#officecarousel .info > div {
    float: right
}

#officecarousel .info {
    position: absolute;
    right: 20px;
    top: 0;
    width: 25%;
    padding: 20px;
    background: #fff
}

#officecarousel .info .icon {
    font-size: 75px
}

footer {
    background: #222;
    min-height: 50px;
    color: #494949;
    padding: 20px;
    overflow: hidden
}

footer .logo {
    display: block;
    width: 259px;
    height: 70px;
    background: url(../../images/footlogo.jpg);
    margin: 0 auto 10px
}

footer .col-md-4 {
    float: right
}

footer .partners {
    text-align: center;
    margin-top: 20px
}

footer .partners img {
    margin: 5px;
    opacity: .7;
    cursor: pointer
}

footer .partners img:hover {
    opacity: 1
}

footer a.top {
    padding: 5px 10px;
    border-radius: 3px;
    background: #fff;
    color: #333;
    position: absolute
}

footer a {
    color: #fff;
    text-decoration: none
}

footer .social .soli {
    text-shadow: none
}

footer .social {
    padding-top: 40px
}

#featclients img {
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%
}

#featclients div:hover.item img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    border-radius: 0
}

#featclients .item {
    width: 180px;
    height: 180px;
    margin-right: 3px;
    overflow: hidden;
    cursor: pointer
}

.grabbing {
    cursor: url(../../images/grabbing.png) 8 8, move
}

#slider .col-md-4 {
    margin-top: 20vh
}

#slider .txt {
    font-size: 30px;
    color: #fff;
    direction: rtl;
    text-align: center;
    margin: 20px
}

#slider .title {
    font-size: 50px;
    font-weight: 700;
    color: #FBDB38;
    text-align: center
}

#slider .special .title {
    font-size: 40px
}

#slider .first {
    margin-top: 100px
}

#slider a.more {
    display: block;
    padding: 15px 30px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: #24AC41;
    position: absolute;
    bottom: 50px;
    right: 100px;
    border-radius: 5px;
    text-decoration: none
}

#slider .server .title {
    color: #E95055
}

#slider .socials .icon {
    font-size: 100px
}

#slider .socials .soli {
    font-size: 20px;
    margin: 0 10px;
    color: #979797;
    text-shadow: none;
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}

#slider .socials li {
    list-style: none
}

#slider li .fb {
    background: #44619D;
    color: #fff!important
}

#slider li .tw {
    background: #55ACEE;
    color: #fff!important
}

#slider li .gp {
    background: #DC4B39;
    color: #fff!important
}

#slider li .fb:hover {
    background: #fff;
    color: #44619D!important
}

#slider li .tw:hover {
    background: #fff;
    color: #55ACEE!important
}

#slider li .gp:hover {
    background: #fff;
    color: #DC4B39!important
}

#loader,
#loader2 {
    display: none;
    min-height: 930px;
    position: relative
}

#loader .loader-icon,
#loader2 .loader-icon {
    background: url(../../images/loading.gif) no-repeat scroll center center / 30px 30px;
    border-radius: 5px;
    height: 44px;
    left: 50%;
    margin: -22px;
    position: fixed;
    top: 50%;
    width: 44px;
    z-index: 10000
}

.dark-text {
    font-weight: 700
}

#portocarosel img {
    width: 100%
}

.single-project {
    margin: 30px
}

.single-project h3,
.single-project li,
.featlist li {
    border-bottom: solid 1px #E9E9E9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.single-project ul {
    list-style: none;
    padding: 0;
    margin-top: 20px
}

.single-project img.img-responsive {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

#back-button,
#back-button2 {
    display: none;
    border-radius: 4px;
    display: none;
    margin: 10px;
    padding: 13px 35px;
    text-align: center
}

a.red-btn {
    width: 100px;
    background: #E95055;
    text-decoration: none;
    margin: 20px auto;
    color: #fff!important;
    font-weight: 700
}

a:hover.red-btn {
    color: #fff
}

.modal-content {
    width: 552px
}

#prices .da-thumbs .item {
    float: right;
    width: 225px;
    height: 225px;
    background: #F6F6F6;
    overflow: hidden
}

#prices .da-thumbs .item.width2 {
    width: 450px
}

#prices .da-thumbs .item.height2 {
    height: 450px
}

#filters {
    text-align: center
}

#filters .button {
    border: none;
    color: #2F9999;
    background: #F6F6F6;
    font-weight: 700;
    padding: 5px 10px
}

#filters .button .fa {
    color: #7B7EB5
}

#filters .button:hover,
#filters .is-checked {
    background: #7B7EB5;
    color: #fff
}

#filters .button:hover .fa,
#filters .is-checked .fa {
    color: #fff
}

.tooltip {
    direction: rtl;
    font-family: 'Droid Arabic Kufi', tahoma
}

#sticker.navbar {
    width: 100%;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    height: 60px;
    direction: rtl
}

#sticker.navbar .navbar-nav > div > li > a {
    color: #333;
    padding: 10px 15px;
    display: block;
    outline: none
}

#sticker.navbar li.current a,
#sticker.navbar .navbar-nav > div > li > a:hover,
#sticker.navbar .navbar-nav > div > li > a:focus {
    color: #2f9999;
    text-decoration: none
}

#sticker.navbar .navbar-nav > div > li > a:hover,
#sticker.navbar .navbar-nav > div > li > a:focus {
    background: none
}

#sticker.navbar .navbar-nav li.current {
    border-bottom: 2px solid #e95055
}

#sticker.navbar .navbar-nav > div > li {
    float: none;
    display: inline-block;
    margin-left: 80px
}

#sticker.navbar .navbar-nav > div > li.left {
    margin-left: 65px
}

#sticker.navbar .navbar-nav > div > li.last {
    margin-left: 0
}

#sticker ul.nav.navbar-nav {
    width: 100%;
    padding: 0
}

#sticker .logo {
    position: absolute;
    background: #000;
    width: 90px;
    height: 75px;
    background: url(../../images/logo_small.png);
    right: 50%;
    margin-right: -45px
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: none
}

ul.dropdown-menu {
    direction: rtl;
    padding: 0 10px;
    text-align: right;
    width: 248px!important
}

#tltimeline {
    border-bottom: solid 5px #7C7C7C
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    direction: rtl;
    height: 160px;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}



.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.sticknav a.logo span {
    width: 58px;
    height: 9px;
    display: block;
    background: #000;
    margin-bottom: 3px
}

.sticknav a.logo span.red {
    background: #e95055;
    margin-top: -1px;
    margin-right: -2px
}

.sticknav a.logo span.yellow {
    background: #fbb438;
    margin-right: 4px;
    margin-bottom: 4px
}

.sticknav a.logo span.blue {
    background: #2f9999;
    margin-right: -8px
}

.sticknav a.logo span.cyan {
    background: #7b7eb5;
    margin-right: 10px
}

#content.container {
    padding-top: 30px;
    padding-bottom: 30px;
    direction: rtl
}

#content.container .txt {
    margin-bottom: 30px
}

#content.container .bg-danger {
    padding: 15px
}

.servlist .name {
    font-weight: 700;
    font-size: 18px;
    color: #7B7EB5;
    margin-bottom: 10px
}

.servlist .price {
    font-weight: 700;
    font-size: 22px;
    color: #2F9999;
    margin-bottom: 10px
}

.servlist .price span {
    font-weight: 400;
    font-size: 12px;
    color: #333
}

.servlist .tag {
    margin-bottom: 10px;
    min-height: 100px;
    line-height: 25px
}

.featlist li:nth-child(even) {
    background: #F2F2F2
}

.featlist li {
    margin-bottom: 0;
    padding: 15px 5px
}

.featlist li .pull-left {
    font-weight: 700;
    color: #7B7EB5
}

.featlist li:nth-child(even) .pull-left {
    color: #2F9999
}

.featlist {
    margin: 0;
    padding: 0;
    list-style: none
}

.head {
    font-weight: 700;
    font-size: 20px;
    color: #2F9999;
    border-bottom: solid 3px #E6E6E6;
    padding-bottom: 5px;
    padding-right: 30px;
    position: relative
}

.head .fa {
    position: absolute;
    right: 0;
    color: #7B7EB5;
    top: 5px
}

.supportt {
    padding: 15px;
    margin-bottom: 15px;
    background: #f2f2f2;
    color: #2E9898
}

.supportt a {
    margin-bottom: 15px;
    display: block;
    color: #7A7DB4;
    margin-top: 15px
}

.form-group {
    overflow: hidden
}

.col-md-9 {
    width: 75%!important
}

.clientticketreply {
    margin-bottom: 15px
}

.clientareatableactive {
    background-color: #DFFFE0
}

.clientareatablepending {
    background-color: #efefef
}

.clientareatablependingtransfer {
    background-color: #FFFAD9
}

.clientareatablesuspended {
    background-color: #FFF6CF
}

.clientareatableterminated,
.clientareatableexpired,
.clientareatablecancelled {
    background-color: #FFCFCF
}

.clientareatablefraud {
    background-color: #C3C3C3
}

body > p {
    display: none
}

.banksa {
    padding: 20px
}

#banksmodal {
    margin-top: 50px
}

#banksmodal .modal-dialog,
#banksmodal .modal-content {
    width: 960px
}

#banksmodal .banksheads div {
    margin-bottom: 20px
}

#order-comparison .domainreginput {
    direction: ltr
}

#portocarosel .carousel-control {
    z-index: 999999;
    background: #000;
    border-radius: 3px;
    color: #fff;
    font-family: "Glyphicons Halflings";
    font-size: 28px;
    width: 50px;
    height: 50px;
    font-weight: 400;
    line-height: 1;
    margin-top: -25px;
    padding: 10px;
    top: 50%
}

#portocarosel .right.carousel-control:before {
    content: "\e080";
    right: 10px
}

#portocarosel .left.carousel-control:before {
    content: "\e079";
    left: 10px
}

#portocarosel .carousel-inner {
    z-index: 10
}

ul#filterable,
ul.thumbnails {
    padding: 0;
    list-style: none
}

ul#filterable li img,
ul.thumbnails li img {
    width: 100%
}

#TLmosmod .modal-dialog,
#TLmosmod .modal-content {
    width: 632px!important
}

#TLmosmod .modal-title {
    text-align: right
}

#TLmosmod button.close {
    float: left!important
}

.arrowactiveleft {
    float: right;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-top: 4px;
    background-color: green
}

.stepsbar {
    border: solid 1px #E5E5E5;
    padding: 4px;
    border-radius: 3px;
    background: #F2F2F2
}

.stepsbar .step.active {
    color: green
}

@media (min-width: 320px) and (max-width: 599px) {
    .da-thumbs {
        min-height: 2140px;
    }
    #TopSlider .celeb h3,
    #TopSlider .se7en h3,
    #TopSlider .special h3,
    #TopSlider .sat h3 {
        font-size: 20px;
        width: 100%;
        padding: 5px;
        right: 0;
        text-align: center
    }
    #TopSlider .line {
        font-size: 14px
    }
    #slider a.more {
        font-size: 14px;
        right: 5px!important;
        top: 90vh;
        padding: 5px 10px;
        bottom: 25px
    }
    #TopSlider .note {
        display: none!important
    }
    #TopSlider .sat .l1 {
        width: 100%;
        left: 5px!important;
        right: 5px!important;
        text-align: center
    }
    #TopSlider .sat img.saturday {
        width: 80%;
        height: auto;
        left: 50%;
        margin-left: -40%
    }
    #TopSlider .special img.serv {
        width: 30%;
        height: auto;
        left: 50%;
        margin-left: -15%;
        top: 15vh
    }
    #TopSlider .special h3 {
        top: 35vh
    }
    #TopSlider .special .l1 {
        top: 45vh
    }
    #TopSlider .special .l2 {
        top: 55vh
    }
    #TopSlider .special .l3 {
        top: 65vh
    }
    #TopSlider .special .l4 {
        top: 75vh
    }
    #TopSlider .special .l5 {
        top: 82vh
    }
    #TopSlider .celeb img.giftbox {
        width: 30%;
        height: auto
    }
    #TopSlider .se7en .l1 {
        top: 48vh
    }
    #TopSlider .se7en .l2 {
        top: 55vh
    }
    #TopSlider .se7en .l3 {
        top: 65vh
    }
    #TopSlider .se7en .l4 {
        top: 75vh
    }
    #TopSlider .se7en .l5 {
        top: 82vh
    }
    #TopSlider .se7en img.calicon {
        width: 30%;
        height: auto;
        left: 50%;
        margin-left: -15%
    }
    #slider #TopSlider {
        width: 100%
    }
    #topnavbar {
        background: #fff;
        margin-top: 75px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #2F9999;
        text-shadow: none
    }
    .sticknav .icon-bar {
        background: #888
    }
    #navbar ul.nav {
        margin-top: 60px;
        margin-right: : -20px;
        background: #fff
    }
    #navbar ul.nav div.pull-left,
    #navbar ul.nav div.pull-right {
        float: right;
        width: 100%!important
    }
    #topline .banner {
        font-size: 13px
    }
    #roomChat {
        display: none
    }
    #clientcount .txt {
        margin-top: 60px
    }
    #prices .da-thumbs .item,
    #prices .da-thumbs .item.width2 {
        width: 290px;
        height: 290px
    }
    #prices .da-thumbs .item.width2,
    #prices .da-thumbs .item.width2 div {
        height: 143px
    }
    #testimonials .heading {
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 30px
    }
    #counter .row > div {
        margin-top: 30px
    }
    #twitter .tweets ul {
        margin-top: 15px;
        font-size: 18px;
        margin-bottom: 30px
    }
    #twitter .tweeps {
        margin-left: -20px
    }
    #twitter .tweep {
        float: left;
        margin-left: 5px
    }
    #twitter .tweeps img {
        display: none
    }
    .banksa .brn-lg {
        font-size: 14px
    }
    #officecarousel .carousel-indicators {
        width: 100%;
        left: 140px
    }
    #officecarousel .carousel-indicators li {
        width: 70px;
        padding: 10px 12px
    }
    #sticker.navbar .navbar-nav > div > li {
        display: block!important
    }
    #prices .da-thumbs .item.height2 {
        height: auto
    }
    .owl-carousel .owl-stage-outer {
        padding-right: 95px
    }
    #TopSlider .responsive {
        width: 100%;
        background: url(../../images/slider/reslider_mobile.jpg) top center no-repeat #424341;
        background-size: contain
    }
    #TopSlider .ramadan {
        width: 100%;
        background: url(../../images/slider/ramadan_mob.jpg) top center no-repeat #f6ba8a;
        background-size: contain
    }
    #TopSlider .eids {
        width: 100%;
        background: url(../../images/slider/eidslider_mobile.jpg) top center;
        background-size: cover
    }
    #TopSlider .adha {
        width: 100%;
        background: url(../../images/slider/adhaslider_mobile.jpg) top center;
        background-size: cover
    }
    #TLmosmod .modal-dialog,
    #TLmosmod .modal-content {
        width: 97%!important
    }
    #TLmosmod img {
        max-width: 100%!important
    }
    #TopSlider .profile {
        width: 100%;
        background: url(../../images/slider/profile_mobile.jpg) top center no-repeat #424341;
        background-size: cover
    }
    #officecarousel .info {
        width: 100%;
        right: 0;
        bottom: 0;
        top: auto;
        padding: 10px;
    }
    #TopSlider .powerful {
        width: 100%;
        background: url(../../images/slider/powerful_mobile.jpg) top center no-repeat #636363;
        background-size: cover
    }
    #TopSlider .xpower {
        width: 100%;
        background: url(../../images/slider/xpower_mobile.jpg) top center no-repeat #636363;
        background-size: cover
    }
    #TopSlider .special {
        width: 100%;
        background: url(../../images/slider/specialz_mibile.jpg) top center no-repeat #636363;
        background-size: cover
    }
    #TopSlider .e-shopping {
        width: 100%;
        background: url(../../images/slider/e-shopping-mobile.jpg) top center no-repeat #636363;
        background-size: cover
    }
    .domainch {
        position: absolute;
        top: 30vh;
        width: 286px;
        left: 60%;
        margin-left: -176.5px;
    }
    .domainch .dselect input[type='text'] {
        width: 60%;
    }
    .domainch .dselect input[type='text'] {
        line-height: 2;
        border: none;
        padding-top: 5px;
        outline: none;
        float: left;
        width: 70%;
        padding: 5px 10px;
    }
    .domainch .dselect select {
        border: none;
        outline: none;
        float: right;
        width: 28% !important;
        padding: 5px 10px;
    }
    .domainch .dselect input[type='submit'] {
        float: none;
        width: 100% !important;
        background-color: #3568ff;
        border: 0;
        padding: 6px 20px;
        color: #fff;
        margin: 0;
    }
    #TopSlider .xpower,
    #TopSlider .special {
        background-repeat: no-repeat;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .sticknav .icon-bar {
        background: #888
    }
    .owl-carousel .owl-stage-outer {
        padding-right: 20px
    }
    #roomChat {
        display: none
    }
    #TopSlider .responsive {
        width: 100%;
        background: url(../../images/slider/reslider_mobile.jpg) top center no-repeat #424341;
        background-size: contain
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #sticker.navbar .navbar-nav > div > li {
        margin-left: 30px
    }
    #sticker.navbar .navbar-nav > div > li.left {
        margin-left: 0
    }
    .owl-carousel .owl-stage-outer {
        padding-right: 40px
    }
    #roomChat {
        display: none
    }
}

body.apps {
    direction: rtl;
}

body.apps .head,
body.apps .servmeta {
    clear: both;
    margin-bottom: 20px;
}

body.apps .servcarusel {
    margin-bottom: 20px;
}

body.apps .carousel-control {
    background: none !important;
}

#prices {
    min-height: 1400px;
}
.face{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../images/facebook.png);
}
.yout{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../images/youtube.png);
}
.twit{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../images/twitter.png);
}