#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99; }

#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(../images/lms/load/preloade.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }
.header-top { position: relative; }
a.skip-to-content { left: 0px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; text-decoration: none; }
    a.skip-to-content:focus, a.skip-to-content:active { color: #fff; background-color: #35663a; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border-radius: 4px; border: 2px solid #ffe500; text-align: center; font-size: 1.2em; z-index: 999; text-decoration: none; }
#standardMenu .rootMenu li a:focus span { color: #ffba00; }

.slogan { float: left; }
.slogan-img { text-align: left; }
    .slogan-img img { display: inline-block; }
.slogan-mobile { display: none; }
.button-head ul { margin: 0; }

    .button-head ul li { display: inline-block; }
        .button-head ul li span { color: #35663a; margin-left: 5px; }
        .button-head ul li a { background: #37693c; padding: 5px; color: #fde54a; display: block; border-radius: 4px; box-shadow: 0 3px 5px 0 #fc5100; }
        .button-head ul li a { background: #37693c; padding: 5px; color: #fde54a; display: block; border-radius: 4px; box-shadow: 0 3px 5px 0 #fc5100; }
            .button-head ul li a i { color: #fff; font-size: 20px; vertical-align: middle; margin-left: 10px; }
.skin-wrapper { margin: 0 auto; position: inherit !important; z-index: 1; padding: 0; direction: rtl; }
section.tabs-bg { background: #fff; }
.button-head-mobile { display: none; }
.button-head { margin: 14px 0 14px 0; }
.welcome-bg, .video-bg, .product-bg, .last-news-bg, .collection-bg { padding: 45px 0; }
.DNNEmptyPane { display: none; }
.logo { float: right; position: relative; z-index: 4; }
    .logo h1 { margin: 0; }
    .logo img { position: absolute; top: 0; max-height: 165px; box-shadow: 0 -8px 11px 1px rgba(0, 0, 0, 0.42); }
.header-menu { float: right; padding-right: 155px; position: relative; }
.header-bottom { background: #35663a; position: relative; }
.skin-middle { padding: 0 0 3px 0; position: relative; z-index: 3; background: #fff; }
.skin-top { background: url(../images/header/header_top.jpg) no-repeat left top; height: auto; width: 100%; background-size: 100% 100%; position: relative; z-index: 3; }
.video-bg { background: url(../images/background/bg-end.jpg) no-repeat left top; }
.mobile-menu { display: none; }
.mobile-menu-close { display: none; }
.login-mobile { display: none; }
.skin-content { padding: 30px 0; }
.lang { float: left; display: table; width: 40px; height: 40px; text-align: center; line-height: 40px; }

    .lang a { display: table-cell; vertical-align: middle; font-size: 17px; color: #fff; }
.banner-style { border-bottom: 2px solid #ffcc00; overflow: hidden; }
.livetabsbki { margin-top: -41px; position: relative; z-index: 2; }
.services-bg { background: url('../images/background/services_bg.jpg') no-repeat center center; padding: 30px 0; }
/*login*/
.login-site { float: left; margin: -9px 10px 0 0; line-height: 30px; }
ul.buttonGroup li { display: inline-block; }
.loginGroup { float: left; margin-right: 10px; }
user_style { line-height: 35px; }
.registerGroup { float: right; }
ul.buttonGroup { margin: 0; }
.user-style a i { float: none; background: none; vertical-align: middle; }
.user-style a { color: #fff; }
ul.buttonGroup li { float: left; margin: 0 0 0 5px; line-height: 33px; }
    ul.buttonGroup li a { color: #fff; }
li.userMessages a strong { position: relative; text-indent: -9000px; display: block; }
    li.userMessages a strong:after { content: "\f003"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; }
li.userNotifications a strong { position: relative; text-indent: -9000px; display: block; }
    li.userNotifications a strong:after { content: "\f0a2"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; }
ul.buttonGroup { margin: 3px 5px 0 0; }
.loginGroup { float: left; margin: 0 0 0 0; }
    .loginGroup a { position: relative; text-indent: -9000px; display: block; color: #fff; }
        .loginGroup a:after { content: "\f011"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; }
.user_style a { color: #efae28; line-height: 36px; margin: 0 0 0 10px; }
    .user_style a i { color: #efae28; line-height: 36px; margin: 0 0 0 5px; vertical-align: -3px; font-size: 18px; }

/*bradcrump*/
.page-name { background: url(../images/header/bread_bg.jpg) no-repeat 0% 0%; background-size: 100% 100%; box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.55); }
.breadcrumb-style { padding: 32px 0; position: relative; }
    .breadcrumb-style:after { content: ""; background: url(../images/header/bread_logo.png) no-repeat; position: absolute; left: 0; top: 0; width: 163px; height: 84px; }
a.Breadcrumb { display: inline-block; color: #777; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; padding: 0; margin-bottom: 0; background: none; }
    a.Breadcrumb:hover { color: #ce7e20; }
    a.Breadcrumb span { display: block; padding: 10px 5px; }
a.SkinObject { color: #35663a; font-size: 13px; }
#social-sidebar { left: 0; position: fixed; top: 250px; margin: 0; z-index: 9; }
    #social-sidebar li { list-style: none; margin-bottom: 5px; }
    #social-sidebar a { background: rgb(255, 202, 0); color: #35663a; text-decoration: none; display: block; height: 45px; width: 45px; font-size: 30px; line-height: 45px; position: relative; text-align: center; cursor: pointer; border-bottom: 1px solid #d0d0d0; }
    #social-sidebar li:last-child a { border: none; }
    #social-sidebar a:hover span { left: 120%; opacity: 1; }
    #social-sidebar a:focus span { left: 120%; opacity: 1; }
    #social-sidebar a span { border-radius: 3px; line-height: 24px; left: -300px; margin-top: -23px; opacity: 0; padding: 10px 13px; position: absolute; transition: opacity .3s, left .4s; top: 50%; z-index: -1; font-size: 13px; display: block; width: 220px; }
        #social-sidebar a span:before { content: ""; display: block; height: 8px; width: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; transform: rotate(45deg); }
    #social-sidebar a[class*="bkicon-club"]:hover,
    #social-sidebar a[class*="bkicon-club"] span,
    #social-sidebar a[class*="bkicon-club"] span:before { background: #00aced; color: #fff; }
    #social-sidebar a[class*="bkicon-services-deposit"]:hover,
    #social-sidebar a[class*="bkicon-services-deposit"] span,
    #social-sidebar a[class*="bkicon-services-deposit"] span:before { background: #3B5998; color: #fff; }
    #social-sidebar a[class*="bkicon-brokerage"]:hover,
    #social-sidebar a[class*="bkicon-brokerage"] span,
    #social-sidebar a[class*="bkicon-brokerage"] span:before { background: #E34429; color: #fff; }
    #social-sidebar a[class*="bkicon bkicon-kids-club4"]:hover,
    #social-sidebar a[class*="bkicon bkicon-kids-club4"] span,
    #social-sidebar a[class*="bkicon bkicon-kids-club4"] span:before { background: #ea4c89; color: #fff; }
    #social-sidebar a[class*="bkicon bkicon-mkleasing"]:hover,
    #social-sidebar a[class*="bkicon bkicon-mkleasing"] span,
    #social-sidebar a[class*="bkicon bkicon-mkleasing"] span:before { background: #159197; color: #fff; }

/*SEARCH*/
.search-mobile { display: none; }
.search-top { float: left; position: relative; }
.search_style { float: left; }
    .search_style a i { width: 40px; height: 40px; text-align: center; line-height: 39px; font-size: 18px; color: #fff; cursor: pointer; }
a.search_button_close i.fa-times { background: #ffc500; color: #ffffff; }
#Search { position: absolute; left: 40px; display: none; z-index: 9999; }
.rtl .searchInputContainer, .searchInputContainer { margin: 0px; }
    .rtl .searchInputContainer a.dnnSearchBoxClearText { top: 5px; }
.search_position input[type=text] { width: 348px; height: 40px; border: none; padding: 0 7px 0 0; background: rgba(255, 187, 0, 0.75); }
.searchcss { display: none; }
.search_position input[type=text]:focus { border: none; outline: 0; }

/*collection*/
.collection-bg { background: url(../images/background/collection-bg.jpg) no-repeat; width: 100%; background-size: 100% 100%; }

/*footer*/
.footer-fixed { background: #35663a; padding: 40px 0 20px 0; border-bottom: 4px solid #fc0; }
.logo-footer { float: right; }
.text-copyright span { display: block; color: #fff; line-height: 30px; }
.text-copyright { float: right; margin-top: 15px; margin-right: 15px; }
.copy-right { margin-bottom: 20px; }
.tel-footer-bottom .text-copyright { margin-top: 0; }
span.tel-footer { color: #fc0; font-size: 31px; }
.tel-footer-bottom .logo-footer { padding-top: 4px; }
.social-footer ul { margin: 0; }
    .social-footer ul li { display: inline-block; }
        .social-footer ul li i { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; font-size: 37px; border-radius: 4px; color: rgb(255, 68, 67); }
.social-footer { padding: 13px 0; }
.button-footer ul { margin: 0; }
    .button-footer ul li { display: inline-block; }
        .button-footer ul li a { background: #fc0; padding: 10px 15px; display: block; font-size: 13px; border-radius: 4px; /*! width: 150px; */ text-align: center; color: #35663a; }
.button-footer { padding: 15px 0; }
.link-footer ul { margin: 0; }
    .link-footer ul li { display: inline-block; }
        .link-footer ul li a { color: #fff; margin-left: 10px; }
        .link-footer ul li span, .link-footer ul li{ color: #fff; }
.link-footer { padding-top: 5px; }
/*Query Bootstrap*/
/*@media (min-width: 1200px) {
    .container { width: 1300px; }
}*/

/*--------- Color Picker Style ----------*/
.size-font-skin input[type="range"] { -webkit-appearance: none; width: 100%; height: 6px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; }

    .size-font-skin input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; background: #4CAF50; cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transform: scale(1); -webkit-transform: scale(1); }
    .size-font-skin input[type="range"]:hover::-webkit-slider-thumb { transform: scale(1.20); }
    .size-font-skin input[type="range"]:hover::-moz-range-thumb { transform: scale(1.20); }
    .size-font-skin input[type="range"]::-moz-range-thumb { width: 15px; height: 15px; border-radius: 50%; background: #4CAF50; cursor: pointer; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transform: scale(1); -webkit-transform: scale(1); }
i.rangetype { height: 25px; display: block; text-align: left; }

.size-font-skin input[type="range"] { direction: ltr; width: 100%; }
#custom_wrapper { display: block; position: fixed; top: 100px; right: -155px; width: 156px; padding: 15px 0; background: #fff; z-index: 9999999; font-size: 13px; border: 1px solid #E1E1E1; border-right: 0; border-radius: 10px 0px 0px 10px; box-shadow: -5px 0px 10px -8px rgba(0, 0, 0, 0.59); }
#custom-button { display: block; position: fixed; top: 160px; right: 0px; cursor: pointer; z-index: 9999; background: #ffca00; }
div#custom-button i { width: 45px; height: 45px; text-align: center; font-size: 24px; line-height: 45px; color: #4e7233; }
#custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td { color: #555 !important; }
#custom_wrapper #bg_color { width: 100%; height: 25px; cursor: pointer; border-radius: 3px; box-shadow: 0 6px 5px -5px #ddd; border: 1px solid #eaeaea; }
#custom_wrapper #bg_color2 { width: 100%; height: 25px; cursor: pointer; border-radius: 3px; box-shadow: 0 6px 5px -5px #ddd; border: 1px solid #eaeaea; }
#custom_wrapper .custom_inner { width: 87%; margin: auto; direction: rtl; }
.colorpicker_preview { width: 100%; height: 30px; margin: 5px 0 0 0; }
#custom_wrapper .use-form-styles select { width: 110px; }
.box-pattern-skin a { width: 27px; height: 27px; display: inline-block; /* float: left; */ margin: 0px 0px 0 3px; /* border: 1px solid #cacaca; */ border-radius: 50%; box-shadow: 0 4px 11px -4px rgba(0, 0, 0, 0.49); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
    .box-pattern-skin a:hover { box-shadow: none; }
.size-skin { margin-bottom: 15px; }
.pattern-box, .pattern-box2 { background: #ccc center center; }
#colorpicker { width: 36px; height: 36px; background: url(../images/colorpicker/select2.png); }
    #colorpicker div { width: 28px; height: 28px; background: url(../images/colorpicker/select2.png) center; }
#custom_wrapper #bg_pattern { margin-top: 10px; margin-bottom: 12px; text-align: center; }
.optional_width { position: relative; padding: 5px 0 0 0; }
    .optional_width a { display: inline-block; width: 65px; text-align: center; background: #ffca00; padding: 5px 0; color: #000; border-radius: 3px; box-shadow: 0 6px 5px -5px #ddd; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
#boxed_button:hover, #stretched_button:hover { text-decoration: none; }
.btn-reset-skin a { display: block; width: 100%; background: #35663a; text-align: center; color: #fff; line-height: 35px; border-radius: 3px; box-shadow: 0 6px 5px -5px rgba(51, 51, 51, 0.55); }
#custom_wrapper .getcss_btn { float: right; padding: 5px 16px; margin: 0; background: #444444; color: #fff; text-decoration: none; }
#getCSSModal .modal-dialog { width: 660px; }
#getCSSModal h4#cssModalLabel { margin: 0; }
textarea.get-css { height: 325px; width: 597px; resize: none; cursor: text; }
.custom_inner h5 { font-size: 13px; margin: 0; color: #000; text-align: right; }

.size-font-skin { margin-bottom: 15px; }
.box-pattern-skin { margin-top: 15px; }

/*right news category city*/
.title-news-city h4 { background: #35663a; color: #fff; margin: 0; padding: 10px; }

.news-city ul { margin: 0; }

.news-city { border: 1px solid #35663a; }

    .news-city ul li { border-bottom: 1px solid #35663a; }
        .news-city ul li:last-child { border-bottom: none; }
        .news-city ul li a { padding: 10px; display: block; color: #35663a; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
            .news-city ul li a:hover, .news-city ul li a.active-cat { background: #fed000; }
                .news-city ul li a:hover small, .news-city ul li a.active-cat small { background: #35663a; color: #fed000; }
            .news-city ul li a small { float: left; background: #fed000; color: #35663a; padding: 2px 7px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; border-radius: 5px; }
.headerArchive h1 { font-size: 18px; border-bottom: 1px solid #35663a; color: #35663a; padding-bottom: 5px; margin: 0 0 20px 0; }

    .headerArchive h1 i { color: #ffca00; margin-left: 5px; }
/*end news city*/
.dnnLoginActions { display: none; }
/*baran*/
.main-baran {
 margin-top: 50px;
}
.meta-baran {
    display: flex;   
}

.logo-baran img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.logo-baran {
    display: flex;
    flex: 0  0 50%;
    max-width: 50%;
    height: 163px;
    border-radius: 10px;
    overflow: hidden;
    margin-left: 10px;
}

.btns-download-baran {
    display: flex;
    flex-direction: column;
    flex: 0 0 47%;
    max-width: 47%;
}

.btns-download-baran a {
    background-image: linear-gradient(90deg, #02514e,#023e3c);
    display: flex;
    align-items: center;
    min-height: 35px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    line-height: normal;
}

.btns-download-baran a svg {
    margin-left: 10px;
    width: 1.5rem;
    height: 1.5rem;
}


.btns-download-baran a svg image {
    filter: brightness(100);
}
.desc-baran p {
    font-size: 15px;
    line-height: 2;
    color: #000;
    margin-bottom: 0;
}

.desc-baran {
    border-radius: 15px;
    border: 1.5px solid #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0.09%, #FFF 95.44%);
    box-shadow: 0px 9px 17.4px 0px rgba(91, 91, 91, 0.26);
    padding: 20px;
}
.baran-services {
    border-radius: 15px;
    border: 1.5px solid #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0.09%, #FFF 95.44%);
    box-shadow: 0px 9px 17.4px 0px rgba(91, 91, 91, 0.26);
    padding: 20px;
    margin-top: 50px;
}

.baran-services ul {
    margin: 0;
    padding: 0;
}

.baran-services ul li {
    font-size: 15px;
    line-height: 2;
    color: #000;
    margin-bottom: 5px;
    padding-right: 30px;
    position: relative;
}

.baran-services ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #35663a;
    right: 0;
    top: 13px;
    border-radius: 5px;
}

.baran-services h3 {
    color: #35663a;
    font-size: 28px;
}
.owl-baran {
    margin-top: 30px;
}

.owl-baran.owl-theme .owl-dots .owl-dot span {
    width: 40px;
    height: 7px;
}

.owl-baran.owl-theme .owl-dots .owl-dot.active span ,.owl-baran.owl-theme .owl-dots .owl-dot.active:hover span {
    background: #034342;
}
 .owl-baran.owl-theme .owl-dots .owl-dot:hover span {
    background: #4d9d90;
}
.baran-faq {
    border-radius: 15px;
    border: 1.5px solid #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0.09%, #FFF 95.44%);
    box-shadow: 0px 9px 17.4px 0px rgba(91, 91, 91, 0.26);
    padding: 20px;
    margin-top: 50px;
}

.baran-faq h3 {
    color: #35663a;
    font-size: 28px;
}

.baran-faq  .panel-default > .panel-heading {
 background-image: linear-gradient(90deg, #02514e,#023e3c);
 border-color: #205a58;
 border-radius: 0px;
}

.baran-faq  .panel-default .panel-title a{
    color: #fff;
    display: block;
    position: relative;
}
 

.baran-faq .panel-group .panel {
    margin-bottom: 0;
    border-radius: 5px;
}

.baran-faq .panel-default {
    border-color: #02423f;
}
.baran-faq .panel {
    margin-bottom: 20px;
    background-color: #fff;
    /* border: 1px solid transparent; */
    border-radius: 5px;
}

.baran-faq .panel-body p{
    font-size:14px;
    line-height:2;
    color:#000;
}
.baran-faq .panel-body ul{
  margin:0;
}
.baran-faq .panel-body ul li{
    font-size:14px;
    line-height:2;
    color:#000;
    position:relative;
    margin-bottom: 5px;
    padding-right: 30px;
}
.baran-faq ul li:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #35663a;
    right: 0;
    top: 13px;
    border-radius: 5px;
}
.owl-baran-banners .owl-item .card-baran-banner img {
    width: 75%;
    margin: 35px auto 0 auto;
}
/*baran*/