/*
Template name: Streambubble
Author: Sijomon R
Created Date: 15-12-2016
*/

* {
    /*transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;*/
}

html {
    height: 100%;
    display: block;
}

body {
    height: 100%;
    padding: 0;
    overflow-x: hidden;
    background: #F4F4F4;
    font-family: 'Poppins', sans-serif;
    display: rtl;
    text-align: right;
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: right;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: right;
    }
}

@media (min-width: 768px) {
    .navbar-header,
    .navbar-nav>li {
        float: right;
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        /*margin-right: 55px;*/
    }
}

a,
a:hover {
    text-decoration: none;
}

ul {
    list-style-type: none;
}

span.star {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}


/*body.arabicbody {
    float:right;
}*/


/*Navbar*/

.nav.navbar-nav.topnav {
    float: left;
    margin: 0px 0px 0px 50px!important;
}
.headercontainer .container , .nav.navbar-nav.topnav{
    margin-right: auto;
    margin-right: 0;
}
.lan_choose {
    float: left!important;
    width: auto;
    height: auto;
    position: absolute;
    /*margin-right: 20px;*/
    top: 18px!important;
    
    z-index: 5;
    left: 15px!important;
}
.lan_choose > ul {
    left: 0;
}
.lan_choose > ul:before{
    right: initial !important;
    left: 22px;
}
.container.headercontainer {
    /*padding-top: 15PX;*/
    /*position: relative;*/
    /*top: 0px;*/
}
.nav.navbar-nav.topnav li a {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
}

.nav.navbar-nav.topnav li.freetrial {
    padding: 10px 0px;
}

.nav.navbar-nav.topnav li.freetrial > a {
    background: #2196cf;
    color: #fff;
    padding: 0px 8px;
    line-height: 32px;
    border-radius: 6px;
}

.nav.navbar-nav.topnav li.freetrial > a:hover {
    background: rgb(75, 172, 255);
    color: #fff;
}


/*Dropdown Menu*/

.mega-dropdownproduct-menu li.col-sm-3,
.mega-dropdownproduct-menu li.col-sm-3 >.col-sm-3,
.mega-dropdown-menu li.col-sm-4,
.mega-dropdown-menu li.col-sm-4 > .col-sm-3 {
    float: right;
    direction: rtl;
}

.mega-dropdownproduct-menu li.col-sm-3 >.col-sm-9,
.mega-dropdown-menu li.col-sm-4 > .col-sm-9 {
    text-align: right;
}

.toprow p {
    float: left;
    margin: 20px 0px 8px 94px;
}

header#homebg {
    transform: scaleX(-1);
}

header#homebg .container {
    padding: 280px 0px 10px 0px;
}

.navbar-brand>img {
    width: 70%;
    margin-top: 0px;
}

.navbar-brand {
    padding: 0px 15px;
}

section {
    padding: 30px 0px;
}

#bannercont {
    padding: 7% 0%;
    text-align: right;
    transform: scaleX(-1);
}

#bannercont span {
    font-size: 26px;
    border-bottom: 3px solid #fff;
    padding: 2px 0px;
    font-weight: 500;
}

#bannercont div {
    margin: 20px 0;
    color:black;
}

#bannercont p {
    margin: 10px 0px 40px 0px;
    font-size: 20px;
    color:black;
}

#bannercont h1 {
    text-transform: uppercase;
    font-size: 38px;
    color:black;
}

#fullsuite .col-md-6 {
    padding: 60px 0px 0px 0px;
}

#fullsuite ul li {
    font-size: 17px;
    line-height: 30px;
}

.fulsuiteul {
    position: relative;
}

.fulsuiteul li {
    color: #555555;
    text-align: left;
}

.rightelemntul li {
    text-align: right;
}

.fulsuiteul li:before {
    width: 20px;
    content: " ";
    background: url(images/icon1.png) no-repeat center;
    position: absolute;
    left: -30px;
    margin-top: 4px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
}

.fulsuiteul li:after {
    content: "";
    background: none;
}


/*grdi*/

#monitors .img-responsive {
    margin: 30px auto;
    width: 35%;
}

#monitors h3 {
    color: #282828;
    margin: 50px 0px;
    text-transform: uppercase;
}

#monitors p {
    color: #a2a2a2;
    font-size: 16px;
    margin: 20px 0px;
    letter-spacing: 0px;
    direction: rtl;
}

#monitors .col-md-3:hover {
    cursor: pointer;
    background: #fff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
}

#highlights,
#socialsect {
    background: #fff;
}

#highlights h2 {
    text-align: right;
}

#highlights .col-md-4 .img-responsive {
    margin: 0px auto;
    width: 40%;
}

#highlights .col-md-4 {
    margin: 0px;
    padding: 20px 0px;
    background: #f4f4f4;
    border: 1px solid #fff;
    cursor: pointer;
}

#highlights .col-md-4:hover {
    background: #fff;
}

#highlights .col-md-4 h3 {
    font-size: 16px;
    color: #9E9E9E;
    text-transform: capitalize;
}


/*highul*/

.highul {
    margin: 30px 0px;
}

.highul li {
    font-size: 15px;
    color: #555555;
    background: url(images/icon1.png) no-repeat right center;
    padding: 15px 40px 15px 0px;
    list-style: none;
    margin: 0;
    text-align: right;
}

.social {
    padding: 0;
}

.social li {
    display: inline-block;
    padding: 35px 16px;
}

#socialsect h3 {
    font-size: 65px;
    position: relative;
}

#socialsect h3:after {
    content: "";
    content: url("images/plus.png");
    top: -38px;
    left: 0;
    position: absolute;
    display: inline-block;
}

#socialsect p {
    line-height: 31px;
    font-size: 17px;
    color: #9a9292;
    margin: 30px 0px;
}

#socialsect .col-md-5 {
    margin: 4%;
}

#socialsect .img-responsive {
    margin-right: -30px;
}


/**/

#howworks .col-md-4 {
    margin: 50px 0px;
}

#howworks h3 {
    margin: 45px 0px;
    color: #2197d0;
    font-size: 20px;
    font-weight: 400;
}

#howworks p {
    /*color: #767676;*/
    color: #333;
    font-size: 15px;
    font-weight: 400;
    margin: 0px 25px;
    letter-spacing: 1px;
    line-height: 24px;
    direction: rtl;
}

#howworks h2 p {
    font-size: 30px;
    font-weight: 500;
}

#howworks a {
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid rgba(72, 68, 68, 0.68);
    margin: 30px 0px 0px 0px;
    display: inline-block;
    /* font-weight: 400; */
    padding: 5px 0px;
}

#howworks a:hover {
    color: #2196CF;
}


/*Slider*/

.swiper-button-next {
    left: 0;
}

.swiper-button-prev {
    right: 0px;
}

.swiper-button-next,
.swiper-button-prev {
    top: 40%;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(images/arrowleft.png);
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(images/arrowright.png);
}

.swiper-button-next,
.swiper-button-prev {
    width: 90px;
    height: 90px;
    background-size: 100%;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}


/*Slider Ends*/


/*Inner Pages*/


/*Ends*/


/**/

#terms {
    font-family: 'Poppins', sans-serif !important;
}

#terms h2 {
    margin: 130px 0px 10px 0px;
    text-align: center;
}

#terms h3 {
    letter-spacing: 1px;
    line-height: 1;
    border-bottom: 3px solid #eee;
    margin: 25px 0 25px 0;
    padding-bottom: 10px;
    position: relative;
    text-align: right;
}

#terms h3:after {
    content: " ";
    position: absolute;
    bottom: -3px;
    right: 0;
    left: auto;
    width: 123px;
    height: 3px;
    background: #b852a0;
}

#terms ol li,
#terms ul li,
#terms p {
    color: #333;
    /*    font-weight: 700;*/
    font-size: 16px;
    text-align: right;
}

#terms ul {
    list-style-type: square;
}

span.header-sep {
    width: 90px;
    height: 3px;
    display: block;
    margin: 10px auto;
    background: #b852a0;
}


/*About*/

.page_header {
    background-color: #212a2e;
    background-image: url(http://beta.streambubble.com/wp-content/themes/streambubble/images/aboutbg.png);
    padding: 220px 0 109px 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}

.page_header h1 {
    padding-left: 5%;
    text-align: right;
}

#aboutcontent p {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    direction: rtl;
}

#aboutcontent h2 {
    padding: 30px 0px;
    color: #B8369D;
    text-align: right;
}

#aboutcontent p.endp {
    font-weight: 500;
    color: #3c3c3c;
    padding-bottom: 50px;
}


/*Pricing*/

#pricingbg {
    background-size: cover;
    background-repeat: no-repeat;
    transform: scaleX(-1);
}

#pricingbg .col-lg-12 {
    padding: 180px 0px;
    color: #fff;
    transform: scaleX(-1);
    text-align: right;
}

#pricingbg .col-lg-12 h1 {
    text-transform: uppercase;
    color: #35ade7;
}

#pricingbg .col-lg-12 h1,
#pricingbg .col-lg-12 p {
    padding-right: 5%;
}

#pricingcontent {
    background: #fff;
}

#pricingcontent .col-md-3 p {
    text-align: left;
}

#pricingcontent .col-md-12 {
    padding: 45px 0;
}

#pricingcontent p,
#pricingcontent h2 {
    text-align: right;
}

#pricingcontent .img-responsive {
    width: 50%;
    margin: 40px auto;
    display: block;
}

#pricingcontent h4 {
    text-align: center;
}

#contatct {
    padding: 40px 0px;
}

#contatct .col-md-12 h1,
#contatct .col-md-12 p {
    text-align: right;
}

a.btn-primary {
    float: right;
}

#costs .nav-tabs {
    display: block;
    margin: 50px 0px;
    border-radius: 5px;
    height: 52px;
    min-height: 52px;
    direction: ltr;
    text-align: center;
    border: 0;
}

#costs .nav-tabs li a {
    border: 2px solid #A5408E;
    border-radius: 0;
    direction: rtl;
}

#costs .nav-tabs > li {
    float: none;
    display: inline-block;
}

#costs .nav-tabs > li.active > a,
#costs .nav-tabs > li.active > a:hover,
#costs .nav-tabs > li.active > a:focus {
    background: #A5408E !important;
    border: 2px solid #A5408E;
}

#costs .nav-tabs > li + li {
    margin: 0;
}

#costs .nav-tabs > li:first-child a {
    margin: 0;
    border-radius: 0;
}

#costs .nav>li>a:focus,
#costs .nav>li>a:hover {
    background: none;
}


/**/

#costs p.text-center {
    direction: ltr;
    padding: 0px 0px 40px 0px;
    font-weight: 500;
    font-size: 15px;
}

#costs .nav-tabs>li:last-child {
    /*float: right;*/
}


/*#costs .nav-tabs>li:last-child > a {
    margin-right: 0;
    height: 100%;
    border-radius: 0;
}*/

#costs .nav-tabs>li>a {
    padding: 10px 15px;
    font-size: 20px;
    color: #3F3F3F;
    text-transform: uppercase;
}

#costs .nav-tabs>li.active a {
    background: #A5408E;
    text-transform: uppercase;
    color: #fff;
    border: none;
    position: relative;
}

#costs .nav-tabs>li.active a:before {
    position: absolute;
    content: ' ';
    width: 0px;
    height: 10px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #A5408E;
    display: inline-block;
    bottom: -13px;
    left: 20px;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform: rotate(180deg);
}

#costs .nav-tabs>li:last-child a {
    margin: -4px;
}

#costs .nav-tabs>li.active>a:focus,
#costs .nav-tabs>li.active>a:hover {
    border: none;
}

.costd .col-md-2 {
    padding: 1px;
    background: #fff;
    border: 1px solid #F4F4F4;
}

.costd .col-md-2:first-child,
.costdetails .col-md-2:first-child {
    border: none;
    padding: 0;
}

.costdetails .col-md-2 {
    border: 1px solid #F4F4F4;
}

.costd .col-md-2 div:first-child {
    background: #2097CF;
    color: #fff;
    min-height: 140px;
    padding: 10px 0px;
    position: relative;
    border: none;
}

.costd .col-md-2 p {
    margin: 0 15px 10px 0;
}

.costd .col-md-2 span {
    font-size: 40px;
    color: #A5408E;
    font-weight: 500;
}

.costd .col-md-2 a {
    border: 2px solid #686868;
    padding: 10px 0px;
    color: #686868;
    font-weight: 500;
    margin: 20px 0px;
    display: inline-block;
    font-size: 17px;
    min-width: 170px;
    border-radius: 4px;
}

.costd .col-md-2 a:hover {
    background: #A5408E;
    color: #fff;
    border-color: #A5408E;
}

.costd .col-md-2 div.mostpopular {
    background-color: #2097CF;
    position: relative;
}

.costd .col-md-2 div.mostpopular:before {
    content: "الاكثر شهره";
    position: absolute;
    right: 0;
    top: -30px;
    width: 100%;
    height: 40px;
    padding: 12px 0px 0px 0px;
    background-color: #2097CF;
    font-size: 16px;
}

.costd .col-md-2 div:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 27px solid #fff;
    border-left: 0px solid transparent;
    border-right: 191px solid transparent;
}

.costd .col-md-2 div.mostpopular:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 27px solid #fff;
    border-left: 0px solid transparent;
    border-right: 232px solid transparent;
}

.profiledivs {
    padding: 0;
    background: #2097CF;
}

.profiledivs li {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}

.costdetails .col-md-2 .profiledivs li {
    text-align: right;
    direction: rtl;
}

.costdetails .col-md-2 ul {
    padding: 20px 15px;
}

.costdetails .col-md-2 ul li {
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    font-size: 15px;
    direction: rtl;
}

.costdetails .col-md-2 ul li img {
    width: 10%;
}

.goog-te-gadget .goog-te-combo {
    margin: 25px 0px 0px 88px;
    float: left;
    background: rgba(78, 78, 78, 0);
}

.skiptranslate {
    color: #fff !important;
}


/**/

.navbar-default .navbar-nav>.current-menu-item>a,
.navbar-default .navbar-nav>.current-menu-item>a:focus,
.navbar-default .navbar-nav>.current-menu-item>a:hover {
    background: none;
    border: none;
    color: #388AAF;
}

footer {
    background-color: #2097CF;
    color: #fff;
    text-align: right;
}

footer .container {
    padding: 40px 0px;
}

footer ul {
    margin: 0;
    padding: 0;
}

footer h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}

footer ul li {
    padding: 5px 0px;
}

footer ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

footer p {
    font-weight: 300;
}

footer span {
    font-size: 12px;
    font-weight: 400;
    float: right;
}

.socialmedia li {
    display: inline;
}

.socialmedia [class*="fa fa-"] {
    background: none;
    border-radius: 30px;
    color: #6FBAE1;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin: auto 3px;
    width: 25px;
    font-size: 12px;
    text-align: center;
    border: 2px solid #6FBAE1;
}


/*after  wp*/

.navbar-default.shrink {
    background-color: #333333;
}

.navbar-default.shrink .navbar-brand>img {
    /*width: 58%;*/
        margin-top: 0px;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}


/* Pricing table - Mobile Screen */

#pricingtable table {
    direction: ltr;
}

#pricingtable table td {
    border: 0;
    width: 20%;
}

#pricingtable table td .col-md-12 {
    padding: 1px;
    background: #fff;
    border: 1px solid #F4F4F4;
}

#pricingtable table td .col-md-12 div:first-child {
    background: #2097CF;
    color: #fff;
    min-height: 140px;
    padding: 10px 10px;
    position: relative;
    border: none;
}

#pricingtable table td .col-md-12 div.mostpopular {
    background-color: #a5408e;
    position: relative;
}

#pricingtable table td .col-md-12 span {
    font-size: 22px;
    color: #A5408E;
    font-weight: 500;
}

#pricingtable table td .col-md-12 div.mostpopular:before {
    content: "الاكثر شهره";
    position: absolute;
    left: 0;
    top: -12px;
    width: 100%;
    height: 40px;
    padding: 12px 0px 0px 0px;
    background-color: #a5408e;
    font-size: 16px;
}

#pricingtable table td .col-md-12 a {
    border: 2px solid #686868;
    padding: 10px 0px;
    color: #686868;
    font-weight: 500;
    margin: 20px 0px;
    display: inline-block;
    font-size: 17px;
    min-width: 170px;
    border-radius: 4px;
}

#pricingtable .col-md-12 ul {
    padding: 20px 15px;
}

#pricingtable .col-md-12 .profiledivs li {
    text-align: left;
}

#pricingtable .col-md-12 ul li {
    text-align: center;
    line-height: 40px;
    font-weight: 500;
    font-size: 15px;
    direction: rtl;
}

#pricingtable .col-md-12 span.star {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

#pricingtable .col-md-12 ul li img {
    width: 12%;
}

#pricingtable .col-md-12 div p {
    padding: 0px 15px;
}

#pricingtable {
    display: none;
}

.table-responsive {
    border: 0;
}

.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #2097CF;
}

#qtranxs_select_qtranslate-2-chooser {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:none;
    border: 0;
    padding: 5px 15px;
    color: #c6c6c6;
    margin: 0px 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    float: left;
    direction: rtl;
}

.socialmedia {
    float: left;
    direction: rtl;
}

.mega-dropdown-menu:before {
    right: 595px;
}

.mega-dropdownproduct-menu:before {
    right: 650px;
}

#qtranslate-2 {
    float: left;
    position: relative;
    display: inline-block;
    right: 0;
}

#qtranslate-2:after {
    content: "";
    position: absolute;
    right: 70px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: url(images/glob.png) no-repeat center;
}

/*rff*/

@media (min-width: 1200px) {
    .headercontainer {
        /*width: 1400px;*/
    }
    #monitors .container,
    #highlights .container {
        width: 1250px;
    }
    footer .container {
        width: 1230px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1200px) {
    .mega-dropdown-menu:before {
        right: 105px;
    }
    .mega-dropdownproduct-menu:before {
        right: 325px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #socialsect h3 {
        font-size: 31px;
    }
    .swiper-container-rtl .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
    .toprow .qtranxs_widget #qtranxs_select_qtranslate-2-chooser {
        margin: 10px 0px 5px 18px !important;
    }
    #highlights .highul li {
        padding: 10px 25px 10px 0px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    #bannercont {
        padding: 3% 5%;
    }
    #costs .nav-tabs>li:last-child a {
        margin: 0;
    }
    #costs .nav-tabs>li.active a:before {
        border: 0;
    }
    #costs .nav-tabs>li,
    .costd .col-md-2,
    .costdetails .col-md-2 {
        width: 100%;
    }
    .costd .col-md-2 div:first-child:after {
        border-right: 800px solid transparent;
    }
    #costs .nav-tabs {
        width: 100%;
        margin: 60px auto;
    }
    .costd .col-md-2 div.mostpopular {
        margin: 20px 0px;
    }
    .costdetails .col-md-2 ul li img {
        width: 3%;
    }
    #costs .row {
        margin: 0;
    }
    .fulsuiteul li:after {
        /*display: none;*/
    }
    #monitors .col-md-3 {
        padding: 25px 0px;
    }
    #monitors .col-md-3 {
        padding: 25px 0px;
    }
    #monitors h3 {
        margin: 25px 0px;
    }
    #socialsect h3 {
        font-size: 31px;
    }
    #socialsect h3 {
        font-size: 41px;
    }
    #pricingtable {
        display: block;
    }
    .fulsuiteul li:after,
    .rightelemntul li:after,
    .fulsuiteul li:before,
    .rightelemntul li:before {
        background: none;
        left: 0;
    }
    .fulsuiteul,
    .rightelemntul {
        padding: 0px 20px;
    }
    .rightelemntul {
        position: relative;
    }
    #fullsuite ul li {
        text-align: right;
    }
    footer .container {
        padding: 0;
    }
    .socialmedia,
    footer .copyrt p:first-child,
    footer .copyrt p:last-child {
        float: right;
    }
}

@media (max-width: 767px) {
     .lan_choose{
        width:auto;
        height:auto;
        left:60px!important;
    }
   .navbar-brand{
       margin-top:0px;
   }
    header#homebg .container,
    #bgpage-Agencies .container {
        padding: 60px 0px 10px 0px;
    }
    .navbar-brand>img,
    .navbar-default.shrink .navbar-brand>img {
        /*width: 35%;*/
    }
    .nav.navbar-nav.topnav {
        float: right;
        margin: 10px 0px;
    }
    #fullsuite .col-md-6 {
        text-align: right;
        padding: 10px 0px 0px 0px;
    }
    .nav.navbar-nav.topnav li a {
        text-align: right;
        color: #fff;
        font-size: 12px;
    }
    .navbar-toggle {
        float: left;
        margin-left: 15px;
    }
    .navbar>.container .navbar-brand {
       float: right;
        padding:10px 10px 0 0;
    }
    .highul,
    #howworks a {
        margin: 0;
    }
    #howworks h3 {
        margin: 10px 0px;
    }
    #howworks p {
        line-height: 30px;
        padding: 0;
    }
    .social li {
        padding: 10px 16px;
    }
    #monitors p {
        font-size: 14px;
        margin: 0px 20px;
    }
    #monitors .img-responsive {
        margin: 0px auto;
    }
    /*.container,
    #bgpage-Agencies .container {
        padding: 0px 0px 10px 0px;
    }*/
    #highlights .col-md-4 .img-responsive,
    #monitors .img-responsive,
    #pricingcontent .img-responsive {
        width: auto;
    }
    .toprow .qtranxs_widget #qtranxs_select_qtranslate-2-chooser  {
        margin: 0px 0px 5px 180px;
    }
    .mega-dropdownproduct-menu li.col-sm-3,
    .mega-dropdown-menu li.col-sm-4 {
        width: 100%;
    }
}
.col .spe-arb{
    text-align: right;
}
.header .container-fluid .col{
    right: 4%;
}
.costd .col-md-2 div.mostpopular {
    background-color: #a5408e;
    position: relative;
}
.costd .col-md-2 div.mostpopular::before {
    content: "الاكثر شهره";
    position: absolute;
    right: 0px;
    top: -30px;
    width: 100%;
    height: 40px;
    background-color: #a5408e;
    font-size: 16px;
    padding: 12px 0px 0px;
}
.modal-header .close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
    float: left;
}
.nav.navbar-nav.topnav li.dashboardlink {
    margin-left: 15px;
}
.lan_choose {
     float: right;
    width: auto;
    height: auto;
    position: absolute;
    top: 19px;
    left:36px;
    z-index: 5;
}
.lan_choose > * {
     transition:  all ease-in-out .5s;
     -ms-transition:  all ease-in-out .5s;
     -moz-transition:  all ease-in-out .5s;
     -webkit-transition:  all ease-in-out .5s;
   }
 .lan_choose > ul {
    background: white;
    position: absolute;
    padding: 10px 10px;
    width: 125px;
    text-align: left;
    z-index: 5;
    margin: 5px;
    border-radius: 5px;
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 5px;
    top: 25px;
    display: none;
}
.lan_choose:hover ul{
    display: block;
    }
  .lan_choose > ul > li {
    margin-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px 0px;
    color: #232323;
    line-height: 15px;
    cursor: pointer;
}


.lan_choose > ul > li.ar {
    border-bottom: 0;
    margin-top: 0;
}
.lan_choose > ul > li > img {
    width: 15px;
    float: left;
    margin-right: 10px;
}
.lan_choose > ul:before {
    content: "";
    position: absolute;
    border-width: 5px;
    border-color: rgba(255, 0, 0, 0) rgba(0, 0, 255, 0) white rgba(255, 0, 0, 0.02);
    top: -10px;
    border-style: solid;
    right: 25px;
}
.lan_choose > h2 img{
    width: 15px;
    float: left;
    margin-right: 10px;
    
}
.lan_choose > h2 {
    color: #fff;
    line-height: 15px;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.blog_header h1 {
    float: right;
  }
  ul._blog_navigation {
    float: left;
  }
.blog_item_image{
  float: right;
}
.blog_iteam_footer {
    float: left;
  }
  .blog_item_details {
    text-align: right;
  }
.webinar_thumb {
  float: right;
}

.webinar_details_item h2 span {
  float: left;
}
.webinar_details_item > h2 {
  float: right;
width: 100%;
}
p.webinar_details_note {
      direction: rtl;
}
.count_down_here{
  float: right;
}
.webinar_details_btn span {
  float: left;
}
h2.webinar_related_title {
  text-align: right;
}
.webinar_details_item h2 span {
  float: left;
}
.webinar_details_item > h2 {
  width: 100%;
}
p.webinar_details_note {
  direction: rtl;
}
.blog_iteam_footer col-md-8 col-sm-12{
    float: right;
    direction: rtl;
}
.blog_iteam_footer >span.share{
    float: left;
 
}.blog_iteam_footer >span.time-ago-ls{
       margin-right: 550px;
       direction: rtl;
}
.blog_iteam_footer .addtoany_shortcode{
    right: 74px;
}

.lan_choose > ul > li.ar {
    border-bottom: 0;
    margin-top: 0;
}
.lan_choose > ul > li > img {
    width: 15px;
    float: left;
    margin-right: 10px;
}
.lan_choose > ul:before {
    content: "";
    position: absolute;
    border-width: 5px;
    border-color: rgba(255, 0, 0, 0) rgba(0, 0, 255, 0) white rgba(255, 0, 0, 0.02);
    top: -10px;
    border-style: solid;
    right: 25px;
}
.lan_choose > h2 img{
    width: 15px;
    float: left;
    margin-right: 10px;
    
}
.lan_choose > h2 {
    color: #fff;
    line-height: 15px;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin: 0;
    padding: 0;
}