/* Import Font */
@charset "utf-8 ";
@import url(../../../flaty/fonts/weblogma_yekan.css);
@charset "UTF-8 ";

embed,
img,
object,
video {
    max-width: 100%;
}
sup {
    font-size: 58.3%;
    vertical-align: text-top;
}
sub {
    font-size: 58.3%;
    vertical-align: text-bottom;
}
.no-space-between-inline-blocks {
    *letter-spacing: normal; /*reset IE < 8*/
    letter-spacing: -0.31em; /*webkit*/
    word-spacing: -0.43em; /*IE < 8 && gecko*/
}
/*restore spacing on inner elements*/
.no-space-between-inline-blocks > * {
    letter-spacing: normal;
    word-spacing: normal;
}

.COLS_IN_ROW_WITHOUT_GAP {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:right;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:right;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:right;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:right;}
    .auto-clear .col-lg-6:nth-child(odd){clear:right;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:right;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:right;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:right;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:right;}
    .auto-clear .col-md-6:nth-child(odd){clear:right;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:right;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:right;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:right;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:right;}
    .auto-clear .col-sm-6:nth-child(odd){clear:right;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:right;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:right;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:right;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:right;}
    .auto-clear .col-xs-6:nth-child(odd){clear:right;}
}
.index-page{
    direction:rtl;

}
body *{
    font-family: 'weblogmayekan','Tahoma' !important;
}
#navmenu{
    direction: rtl;
    padding-right:20px;
}
#navmenu ul li{
    margin-right: 20px;
    margin-left: 20px;
}
.header .logo {
    margin-right: unset !important;
}
#main-menu{
    width: 100%;
    margin-top: 100px;
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    direction: ltr;
}
#main-logo{
    position: absolute !important;
    width: 100%;
    margin-top: -40px;
}
.lang-menu{
    direction: ltr;
    width: 100%;
}
.lang-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    float: right !important;
}

.lang-menu li {
    position: relative;
    padding: 5px;
}
.lang-menu li a.active{
    font-weight: bold;
    color: #58595b;
}

.bright-row-2-2 {
    margin: 19px 0 0;
    /*padding: 12px 0 9px;*/
    position: relative;
    background: url(../img/bright/background-menu.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bright-col-data-wrapper {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

/*** hero ***/
#hero {
    padding: 4.9rem 0 0;
    position: relative;
    z-index: 0;
    background: url(../img/bright/mainpic-rtl.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    /*min-height: 810px;*/
}

#hero .bright-col-data-wrapper-2 {
    margin: 0 auto;
    min-height: 430px;
    position: relative;
    /*margin-bottom: 205px;*/
}

#hero .bright-rectangle-5-holder {
    right: 50%;
    margin: 0 0 0 -40.363056%; /* -465px / 942px = -49.363056% */
    max-width: 330px;
    min-height: 46px;
    position: absolute;
    top: 350px;
    width: 32.37792%; /* 305px / 942px = 32.37792% */
    border: 3px solid #d49900; /*stroke*/
    -webkit-border-radius: 10.08px;
    -moz-border-radius: 10.08px;
    border-radius: 30px;
    color: #d49900;
    font-size: 24px; /* 23.42px / 10px = 2.342rem */
    font-weight: 600;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
}

#hero .bright-col {
    /*right: 50%;*/
    /* max-width: 1070px;*/
    padding: 5.3rem 0 14.2rem;
    position: absolute;
    top: 0;
    width: 100%; /* 942px / 942px = 100% */
    /*margin-right: -471px;*/
    margin-right: 60px;
}

#hero h2 {
    color: #d49900;
    font-size: 70px; /* 70.5px / 10px = 7.05rem */
    font-weight: 600;
}

#hero h6 {
    margin: 28px 0 0;
    font-size: 40px; /* 28.2px / 10px = 2.82rem */
    font-weight: 600;
    /*line-height: 1.2;*/
    text-align: justify;
    color: #68686b;
}

#hero p {
    margin: 28px 0 0;
    font-size: 30px; /* 28.2px / 10px = 2.82rem */
    /*font-weight: 600;*/
    /*line-height: 1.2;*/
    text-align: justify;
    color: #68686b;
}

@media (max-width: 768px) {
    .bright-col-data-wrapper-2 {
        min-height: unset;
    }

    .bright-col-data-wrapper-2 > * {
        display: block;
        margin: 15px auto;
        position: relative;
        width: 100%;
        min-width: unset;
        max-height: unset;
        min-height: unset;
        top: unset;
        bottom: unset;
        right: unset;
        left: unset;
    }
}

#hero .bright-container-4 {
    /*overflow: hidden;*/
    position: relative;
    z-index: 7;
    /* background: url(../img/bright/hero-box.png) no-repeat center 0;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     -o-background-size: 100% 100%;
     background-size: 100% 100%;*/
    max-width: 1300px;
    width: 100%; /* 942px / 942px = 100% */
}

@media (max-width: 768px) {
    #hero {
        padding: 0 !important;
        min-height: 427px !important;
        background: url(../img/bright/mainpic-mobile-rtl.png) no-repeat center center;
    }

    #hero h2 {
        font-size: 35px !important;
    }

    #hero h6 {
        font-size: 20px !important;
    }

    #hero p {
        font-size: 20px !important;
    }

    #hero .bright-container-4 {
        background: none !important;
    }

    #hero .bright-col-data-wrapper-2 {
        min-height: 330px !important;
    }

    #hero .bright-col {
        /* right: 2px !important;*/
        /* margin-right:0 !important;*/
        /*margin-top: 40px;*/
    }

    .services-top .left-line {
        display: none !important;
    }

    .services-top .right-line {
        display: none !important;
    }

    #hero .bright-rectangle-5-copy-holder {
        /*margin: 20px auto 0 20px !important;*/
        min-width: 150px !important;
        line-height: 30px !important;
        font-size: 15px !important;
        min-height: 30px !important;
    }

    #service-title {
        font-size: 35px !important;
        padding-bottom: 20px !important;
    }

    .bright-why-bright-compass {
        font-size: 30px !important;
    }

    .why-us .row {
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-top: 20px !important;
    }

    .why-us {
        background-position-y: 50px !important;
    }

    .bright-vector-smart-object {
        margin: -10px auto 20px !important;
    }

    .swiper-button-prev {
        margin-right: -100px !important;
    }

    .swiper-button-next {
        margin-left: -100px !important;
    }

    .footer-icon {
        margin-top: 5px !important;
        margin-left: 10px !important;
    }
}

#hero .btn-hero {
    position: relative;
}

#hero .bright-rectangle-5-copy-holder {
    display: table;
    min-height: 46px;
    padding: 0 7.073171%; /* 29px / 410px = 7.073171% */
    border: 2px solid #d49900; /*stroke*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-position: center center;
    color: #d49900;
    font-size: 28px; /* 31.16px / 10px = 3.116rem */
    /*font-weight: 600;*/
    line-height: 46px;
    text-align: center;
    margin: 0 auto 0 60px;
    min-width: 300px;
}

#hero .bright-rectangle-5-copy-holder:hover {
    background-color: #d49900;
    color: #fff;
}

/** hero ***/

/** services **/
.bright-row-7 {
    margin: 0 auto;
    min-height: 251px;
    padding: 20px 10.333333% 23px; /* 124px / 1200px = 10.333333% */
    position: relative;
    background: url(../img/bright/background-services.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

@media (max-width: 940px) {
    .bright-row-7 container row {
        margin-bottom: 50px;
    }
}

.services-top {
    position: relative;
    padding-bottom: 0;
    padding-top: 150px;
}

.services-bottom {
    display: block;
    margin: 0 auto 0;
    max-width: 1100px;
    position: relative;
    /*left: 4.147676%;*/
    width: 100%;
}

.services-top .left-line {
    display: block;
    max-width: 1100px;
    position: relative;
    left: 4.147676%;
    margin: 0 auto 0 7%;
}

.services-top .right-line {
    display: block;
    max-width: 1100px;
    position: relative;
    right: 4.147676%;
    margin: 0 7% 0 auto;
}

@media (max-width: 768px) {
    .services-bottom {
        left: 0;
    }
}

.bright-why-bright-compass-wrapper {
    position: relative;
    padding-bottom: 0;
}

.bright-why-bright-compass {
    /*margin: 10.2rem auto 1px;*/
    font-size: 50px; /* 56.4px / 10px = 5.64rem */
    font-weight: 600;
    text-align: center;
}

.bright-vector-smart-object {
    display: block;
    /*position: relative;*/
    left: 21.714285%;
    width: 200px;
    margin: -10px auto 10px;
}

@media (max-width: 768px) {
    .bright-vector-smart-object {
        left: 0;
    }
}

.bright-view-more {
    margin: 10px 0 0;
    color: #d49900;
    font-size: 23px; /* 23.5px / 10px = 2.35rem */
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
}

.bright-row-3-2 {
    margin: 0 auto 0;
    min-height: 359px;
    position: relative;
    background: url(../img/bright/background-footer.png) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 4rem 0 0;
}

@media (max-width: 768px) {

    .bright-nav-item-1-2 {
        font-size: unset;
    }
}

.bright-nav-item-1-2 {
    color: #767679;
    font-size: 17px; /* 17.5px / 10px = 1.75rem */
    font-weight: 600;
}

.bright-text-style-2 {
    line-height: 24px;
    color: #68686b;
    font-size: 20px;
}

.bright-text-style {
    font-size: 30px;
    line-height: 34.49042px;
    color: #68686b;
}

@media (max-width: 768px) {
    .bright-why-bright-compass {
        margin: 10% auto 1px;
    }
}

@media (max-width: 768px) {
    .bright-view-more {
        margin: 6% 0 0;
    }
}

@media (max-width: 768px) {
    .bright-row-3-2 {
        margin: 10% auto 0;
    }
}

/** footer **/
.bright-footer {
    margin: 0 auto;
    position: relative;
    padding-bottom: 90px;
}

.bright-footer .bright-col-data-wrapper {
    position: relative;
    margin: 40px 15px 0;
}

.bright-footer .map {
    display: block;
    /*right: 3.148148%;*/
    margin: 0 auto;
    /*max-width: 253px;*/
    position: relative;
    width: 100%;
}

.bright-footer .footer-row {
    margin-right: 40px;
    margin-left: 40px;
}

.bright-footer .social-links {
    margin-top: 45px !important;
}

@media (max-width: 768px) {
    .bright-footer .map {
        right: 0;
    }

    .bright-footer .bright-col-data-wrapper {
        margin: 40px auto 0;
        position: relative;
    }

    .bright-footer .footer-row {
        margin-right: 5px;
        margin-left: 5px;
    }

    .bright-footer .social-links {
        border-top: 1px solid #d49900;
    }
}

.bright-footer .bright-text {
    margin: 7px 0 0 auto;
    letter-spacing: 0.048em;
    line-height: 30px;
    text-align: right;
    color: #58595b;
    font-size: 17px;
}

.bright-footer .bright-vector-smart-object {
    float: right;
    margin: 7px 0 0 2.892562%; /* 7px / 242px = 2.892562% */
    max-width: 40px;
    width: 14.876033%; /* 36px / 242px = 14.876033% */
}

@media (max-width: 768px) {
    .bright-page-title {
        font-size: 35px !important; /* 63.4px / 10px = 6.34rem */
    }
}

.bright-footer .bright-text-style {
    letter-spacing: 0;
}

.bright-page-title {
    color: #c49700;
    font-size: 70px; /* 63.4px / 10px = 6.34rem */
    font-weight: bold;
}

.section-page-title {
    padding-bottom: 0;
    padding-top: 30px;
}

@media (max-width: 320px) {
    #hero {
        min-height: 235px !important;
    }
}

@media (max-width: 375px) {
    #hero {
        min-height: 235px !important;
    }
}

@media (max-width: 425px) {
    #hero {
        background-size: 120% 100%;
        min-height: 235px !important;
    }

    #hero .bright-col {
        margin-right: 5px !important;
        margin-top: -20px;
    }

    #hero h6 {
        font-size: 15px !important;
        margin-top: 10px !important;
    }

    #hero p {
        font-size: 14px !important;
        margin-top: 10px !important;
    }

    #hero .bright-col-data-wrapper-2 {
        min-height: 250px !important;
    }

    #hero .btn-first-hero {
        margin-top: -30px !important;
    }
}

@media (max-width: 767px) {
    #hero {
        background-size: 120% 100%;
    }
}

@media (min-width: 2560px) {
    #hero {
        min-height: 1420px;
        padding: 220px 0 0 0;
    }
}

@media (min-width: 1440px) {
    #hero {
        min-height: 800px;
    }
}

@media (min-width: 1024px) {
    #hero {
        min-height: 700px;
    }
}

@media (max-width: 1024px) {
    .bright-footer .bright-text {
        font-size: 15px;
    }
}

.datepicker-dropdown {
    transform: translateY(-150px);
}

@media (max-width: 1439px) {
    .datepicker-dropdown {
        transform: translateY(-130px);
    }
}

@media (max-width: 1199px) {
    .datepicker-dropdown {
        transform: translateY(-110px);
    }
}

@media (max-width: 767px) {
    .datepicker-dropdown {
        transform: translateY(-85px);
    }
}

.datepicker-dropdown:before {
    border-bottom-color: rgba(58, 58, 58, 0.2);
}

.datepicker table tr td.range {
    color: #fff;
    /*background-color: #f18024;*/
    border-color: #ffdb99;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #88898b;
    /*background-color: #f18024 !important;*/
    border-color: #ffdb99 !important;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(58, 58, 58, 0.2);
}

.datepicker table tr td,
.datepicker table tr th {
    color: #3a3a3a;
    border-radius: 25px !important;
}

.datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: white;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    border-bottom-color: white;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #d7d7d7;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 35px;
    height: 45px;
    border-radius: 25px !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    color: #88898b;
    background-color: #ffdb99 !important;
    border-color: #ffdb99 !important;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    color: #88898b;
    background-color: #ffdb99 !important;
    border-color: #ffdb99 !important;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background-color: #ffdb99 !important;
    border-color: #ffdb99 !important;
}

.datepicker.datepicker-inline,
.datepicker.datepicker-inline table {
    width: 100%;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #d7d7d7;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #d7d7d7;
}

.highlighted-date {
    background-color: #d8d9dc !important; /* Bootstrap warning color */
    color: #88898b;
    border-radius: 25% !important;
}

.form-check-input:checked {
    background-color: #d49900;
    border-color: #d49900;
}

.modal-btn {
    min-height: 46px;
    background-color: #d49900;
    /*padding: 0 7.073171%; !* 29px / 410px = 7.073171% *!*/
    border: 2px solid #d49900; /*stroke*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-position: center center;
    color: #ffffff;
    font-size: 18px; /* 31.16px / 10px = 3.116rem */
    /*font-weight: 600;*/
    line-height: 6px;
    text-align: center;
    min-width: 100px;
    margin: 30px 10px 10px;
}