/*
[RTL Stylesheet]
Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.0
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks
*/
@font-face {font-family: 'DroidArabicKufi';src: url('../fonts/droidkufi-regular.ttf') format('truetype');}
body{font-family:'DroidArabicKufi';font-size:14px;font-weight:300;}
.rtl{direction: rtl;}

.header--nav-links li:nth-of-type(7) a{border-left:none;}
.header--nav-links li:first-child a{border-right:none;}
.header--nav-links li a {padding: 7px !important;}
.faq--item .panel-heading a span {font-size:15px;line-height:1.2;}
.dropdown-menu > li > a{font-family:'DroidArabicKufi';font-size:13px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"DroidArabicKufi";}
.contact--info-item .info .h4{color:#393939;font-size:18px;font-family:"DroidArabicKufi";}
.banner--content .desc p{font-family:"DroidArabicKufi";font-size:25px;}
.banner--content .title .h1{font-family:"DroidArabicKufi";font-size:50px;}
.section--title p{font-family:"DroidArabicKufi";font-size:16px;line-height:1.6;}
.contact--form .title p{margin-top:20px;font-size:16px;font-family:"DroidArabicKufi";}
.contact--form .btn,.contact--form .form-control{font-size:17px;font-family:"DroidArabicKufi"; direction:rtl;}
.page--header-title .h1 {margin-bottom: 3px;font-weight: 600;font-family:"DroidArabicKufi";font-size:30px;}
.titleh2>h2{font-family:"DroidArabicKufi";font-size:20px;}
.portfolio--details{direction:rtl;font-family:"DroidArabicKufi";font-size:17px;line-height:1.5;font-weight: 500;}
.desc p{direction: rtl;font-family:"DroidArabicKufi";font-size:13px;}
.page--header-breadcrumb .breadcrumb{font-family:"DroidArabicKufi";font-size:22px;}
.btn{font-family:"DroidArabicKufi";font-size:15px;}
.float-arabic{float:right !important}
.float-english{float:left !important}
.breadcrumb>li{display:inline-block}
/*.breadcrumb {display: flex;flex-direction: row;}*/
.breadcrumb {display:flex;justify-content: center;flex-flow:row wrap;}
.breadcrumb li:first-child{order: 1;}
.breadcrumb li:nth-child(2) {order: 2;}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "<";
    order: 2;
}
.breadcrumb>li+li:after{display: none;}
.counter--item, .testimonial--item .name {direction: rtl;}
.dropdown-menu>li+li{margin-top:-1px;text-align: right;}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-radius:0}
.input-group-addon:last-child{border-left-width:0}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-right:0}.cart--total .table tbody td,.cart--total .table tbody th,.domain-search--form .input-group input.form-control,.text-left{text-align:right}
.cart--total .table tbody td+td,.cart--total .table tbody th+td,.checkout--form .table tr td+td,.checkout--form .table tr th+th,.text-right{text-align:left}
.ml--5{margin-right:0;margin-left:5px}
.ml--15,.ml--8{margin-left:0;margin-right:8px}
.ml--15{margin-right:15px;}
.navbar-header{float:right;}
.links--widget .nav{padding-right: 0px;}
.post--inner,.btn-default,.btn-primary{direction:rtl;}
.ltr{direction: ltr;}
.links{float:left;}
.social{float:right;}
.portfolio--filter-menu .nav li a{font-family:'DroidArabicKufi';font-size: 33px;}
.header--nav-links>li>a{padding-right:18px;padding-left:18px;font-size:15px;line-height:21px;font-family:'DroidArabicKufi';}
.header--nav-links>.dropdown>.dropdown-menu{margin-top:17px}
.header--nav-links>.dropdown>a:after{content:"\f107";margin-right:5px;}
.mr--5{margin-left:5px;margin-right:0}
.mr--8,.post--inner .meta>li>a>.fa{margin-left:8px}
.mr--15,.post--footer>div>p{margin-left:15px;margin-right:0}
.nav>li{float:right;}
.icon:hover{color: #F26A23; cursor:pointer;}
.tab-nav--widget .nav>li>a:after{left:-10px;right:auto;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.dropdown-menu:before{left:auto;left:23px}
.dropdown-menu {font-size: 14px;text-align: right;list-style: none;direction: rtl;}
/*.owl-nav>div{left:auto;right:10px}
.owl-nav>div.owl-next{left:10px;right:auto}*/
.faq--item .panel-body {direction: rtl;}
.pagination>li:first-child>a,.pagination>li:last-child>a{border-radius:50%}
.pagination>li.prev{margin-left:20px;margin-right:1px}
.pagination>li.next{margin-left:1px;margin-right:20px}
.search--widget .input-group-btn .btn{border-radius:0}
.search--widget .input-group-btn .btn:before{left:0;right:auto;border-width:15px 0 0 20px}
.about--widget dl dt .fa,.domain-search--form .extras span:before,.tagcloud a{margin-right:10px;margin-left:0}
.nav--widget .nav>li>a:before{left:60px;right:0}
.nav--widget .nav>li>a>span.text{padding-left:20px;padding-right:0}
.nav--widget .nav>li>a>span.count{left:0;right:auto}
.comment--items .comment--items{margin-left:0;margin-right:100px}
.comment--item .img{float:right;margin-left:30px;margin-right:0}
.coming--soon-content .countdown ul li,.comment--item .info--left{float:right}
#cookieNotify .float--right,.comment--item .info--rating,.comment--item .info--reply,.header--navbar .navbar-collapse{float:left}
#cookieNotify .alert .close,.header--cart-btn{float:left;margin-left:0;margin-right:15px}
.header--cart-btn{margin-right:40px}
.header--cart-btn a span,.pricing--nav .nav>li>a>span{margin-left:0;margin-left:10px}
/*.header--navbar .dropdown-menu:before{right:35px}*/
.dropdown-menu .dropdown-toggle:before{content:"\f104";left:20px;right:auto}
.dropdown-menu .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:21px}
.header--navbar .dropdown-menu .dropdown-menu:before{left:auto;right:-12px;border-width:10px 7.5px 0;border-color:#fff transparent transparent}
.ccs--body{direction:ltr}
.domain-search--form .input-group button.btn:before{left:0;right:auto;border-width:10px 0 0 25px}
.pricing--slider .owl-nav>div{left:auto}
.team--members .owl-nav>div{left:auto;right:auto}
.testimonial--item .name {float: right;}
.testimonial--item .name:before{margin-left:12px;margin-right:0}
.testimonial--slider .owl-dots{left:-4px;right:auto}
/*.counter--item{padding-left:65px;padding-right:30px}*/
.counter--item:before{left:35px;right:0}
.counter--item .img,.product--img-gallery .owl-nav>div.owl-next{left:0;right:auto}
/*.faq--item .panel-heading a{padding-left:40px;padding-right:20px}*/
.faq--item .panel-heading a .fa{margin-right:14px;margin-left:0}
.icon-cordion{float: right;}
.icon-text{float: right;margin-right: 20px;}
.faq--item .panel-heading a:after,.faq--item .panel-heading a:before{left:auto;right:20px}
.affiliate--info-item:after{left:auto;right:100%;margin-left:0;margin-right:-30px}
.checkout--form .checkbox span:before,.coming--soon--section.bg--overlay:before,.product--img-gallery .owl-nav>div{left:auto;right:0}
.product--summery .buttons .btn,.product--summery .ui-spinner{margin-left:20px;margin-right:0}
.product--summery .buttons .btn-link{margin-left:25px;margin-right:0}
.product--summery .buttons .btn-link:last-child{margin-left:0}
.coupon--code .input-group-btn .btn{border-radius:25px}
.checkout--form .table tr td+td:before,.checkout--form .table tr th+th:before{border-left-width:1px;border-right-width:0}
.checkout--form .checkbox span{padding-left:0;padding-right:23px}
.checkout--form .checkbox span:after{left:auto;right:2px}
.checkout--form .panel span{padding-left:0;padding-right:24px}
.checkout--form .panel span:before,.post--img .date{left:auto;right:0;font-size:15px;}
.checkout--form .panel span:after{left:auto;right:4px}
.post--items .post--img .date a{margin-left:1px;margin-right:0;}
.post--author .img{float:right;margin-left:20px;margin-right:0}

.gallery_rtl{float: right !important ;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: -43px;
    left: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -43px;
    left: 35px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}
@media screen and (max-width:991px){          
    .header--navbar .navbar-toggle{margin-left:0;margin-right:15px}
    .header--cart-btn{left:85px;right:auto;margin-right:0}}
@media screen and (max-width:767px){.header--navbar .navbar-toggle{margin-left:15px}
                                    .header--nav-links>li{float:none}}
@media screen and (max-width:600px){
    .col-xxs-12{float:none;width:100%;margin-left:0;margin-right:0}
}
@media screen and (max-width:480px){
    .col-xss-12{float:none;width:100%;margin-left:0;margin-right:0}
    .post--author .img{float:none}
}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: .2s;
    font-size: 15px;
    text-align: right;
    font-weight: 500;
}
.floating-wpp .floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: #fff;
    margin: 0 -15px 10px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    direction: rtl;
}

.list-footer{
    padding-right:10px !important;
}

.sub-menu-and-icon-container{
    padding-right: 7px !important;
}

.desc-img-overlay{
    background-image: linear-gradient(to left top, #f26a23 , transparent) !important;   
}

.menu-hover-div-details>div .description,
.sub-menu-holder{
    font-family: 'DroidArabicKufi' !important;
}
.english-font{
      font-family: "Open Sans", sans-serif;
}
.dropdown-menu::before {
    content: " ";
    position: absolute;
    top: -10px;
    left: 35px !important;
    right:unset;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px;
    border-color: transparent transparent #fff;
}
/*desktop*/
@media screen and (min-width:992px){
    .desc-img-overlay{
        position: absolute;        
        bottom:0;
        left:0 !important;
        right:unset;
        width:100%;
        height:100%;
        max-width: 300px;
        background-image: linear-gradient(to right top, #f26a23 , transparent);   
    }
    .menu-hover-div-details>div  img{
        max-width: 300px;
        position: absolute;
        bottom:0;
        left:0 !important;
        right:unset;

    }
}