@charset 'UTF-8';
@font-face{font-family:dana;font-style:normal;font-weight:300;src:url(../webfonts/Dana-Light.woff2) format("woff2"),url(../webfonts/Dana-Light.woff) format("woff");}
@font-face{font-family:dana;font-style:normal;font-weight:400;src:url(../webfonts/Dana-Regular.woff2) format("woff2"),url(../webfonts/Dana-Regular.woff) format("woff");}
@font-face{font-family:dana;font-style:normal;font-weight:500;src:url(../webfonts/Dana-Medium.woff2) format("woff2"),url(../webfonts/Dana-Medium.woff) format("woff");}
@font-face{font-family:dana;font-style:normal;font-weight:600;src:url(../webfonts/Dana-DemiBold.woff2) format("woff2"),url(../webfonts/Dana-DemiBold.woff) format("woff");}
@font-face{font-family:dana;font-style:normal;font-weight:bold;src:url(../webfonts/Dana-ExtraBold.woff2) format("woff2"),url(../webfonts/Dana-ExtraBold.woff) format("woff");}
#navbar-main .nav-link--node-5::before {content: "\f850";}
#navbar-main .nav-link--node-6::before {content: "\f850";}
#navbar-main .nav-link--node-7::before {content: "\f850";}
#navbar-main .nav-link--node-8::before {content: "\f850";}
#navbar-top {padding:0;	font-size:12px;direction:ltr;overflow: hidden;}
#block-balagh-main-menu{font-weight:500}
#block-balagh-account-menu {position: relative;bottom: 14px }
#block-balagh-account-menu .nav-link:after{margin: 0 3px;content:'';}
#block-balagh-account-menu a:before{position: absolute;width:32px; height: 32px;vertical-align: middle; }
#navbar-main .dropdown-toggle::after {  display: none;}
#navbar-top {  background-color: #fff;  border-bottom: 1px solid #ccc;}
.nav a{color:#111}
.navbar {padding-top:.1rem;padding-bottom: .1rem;}
.align-top{vertical-align: middle !important;}
.navbar-form {  margin-right: auto;}
.navbar-brand{margin-top:-1px;margin-right:0px}
.navbar-form{}
.nav-link-tel989123870121:before{content: "\f3cf";font-family: "Font Awesome 6 Free";font-size: 1.7rem;color: #0b1251;text-align: center;border-radius: 50%;display:block}
.nav-link-tel02166939089:before{content: "\f2a0";font-family: "Font Awesome 6 Free";font-size: 1.7rem;color: #eb137f;text-align: center;border-radius: 50%;display:block}
.nav-link--about:before, .nav-link--user:before{content: "\f2bb";font-family: "Font Awesome 6 Free";font-size: 1.7rem;color: #278b59;text-align: center;border-radius: 50%;display:block}
.nav-link--user-login:before{content: "\f2f6";font-family: "Font Awesome 6 Free";font-size: 1.7rem;color: #2c9966;text-align: center;border-radius: 50%;display:block}
.dropdown-item {  text-align: right;  font-size: 14px;}
.menu--main .nav-link:before,.menu--main .dropdown-item a:before{font-size:1.5rem;color: #958d80;display: inline-block;margin-left: .255em;vertical-align: middle;content: "\f850";font-family: "Font Awesome 6 Free";}
.dropdown-menu[data-bs-popper] {  right: 0;  left: inherit;}
.dropdown-menu {    text-align: center;}
ul.navbar-nav {padding:0;font-size: 1rem;
    font-weight: 600;}
.fs-2 {    -webkit-animation-duration: 6s;    animation-duration: 6s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;    animation-name: bounceInLeft;}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}
.bounceInLeft {    -webkit-animation-name: bounceInLeft;    animation-name: bounceInLeft;}
a, .link {text-decoration: none;}
body{font-family:dana;font-size:0.9rem;font-weight: 500;}
span{font-size:0.9rem}
.toolbar{font-family:dana;}
.h1, h1,h2,h3,h4,h5 {font-size: 1.3rem;}
.alert-success{padding-top:0;padding-bottom:0;margin-top:1rem;}
hr {margin: 0.3rem 0;}
.title {  display: flex;  align-items: center;}
.table-striped>tbody>tr:nth-of-type(odd)>* {border-radius: 5px;background: #f1f4f7;font-size: 0.8rem;vertical-align: middle;}
table tr th, table tr th a, table tr th a:hover, table tr th a:focus {    color: #000;}
.title::before, .title::after {  flex: 1;  content: '';  padding: 1px;  background-color: #dee2e6;  margin: 5px;}
#navbar-main {margin-bottom: 2rem;}
.path-frontpage #navbar-main{margin-bottom:0px}
.nav-item a{padding:0.5rem 0.6rem}
/** Navbar **/
.align-top {    vertical-align: middle!important;}
.region-top-header img{width:120px; height:auto}
.navbar-brand{color:#fff}
.navbar-expand {    justify-content: flex-end;}
/** fronr **/
.lifts_1 {display: flex;flex-wrap: wrap;    text-align: center;    position: relative;    overflow: hidden;    height: 32.5rem;}
.hero-image {width: 100%;object-fit: cover;}
@media (min-width: 1440px) {
.hero-image {position: relative;height: 728px;}
}
.hero-overlay {position: absolute;transition: all .75s;background: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;    flex-direction: column;}
.hero-text {font-size: 56px;font-style: normal;font-weight: 400;    line-height: 70px;letter-spacing: 0px;    text-align: center;    color: #fff;max-width: 678px;}
.round-btn {height: 56px;width: 56px;background-color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;    bottom: 48px;    cursor: pointer;}
.round-btn img {position: relative;top: 0;transition: top ease 0.5s;}
.views-view-responsive-grid__item{margin:2px;text-align:center;padding:5px}
.views-view-responsive-grid__item:hover{background:#f0f0f0}
.views-view-responsive-grid__item img{max-width:100%; margin-bottom:1rem}
.me-auto{margin-left:auto!important;}
.breadcrumb-item+.breadcrumb-item::before {float: right;}
.breadcrumb-item+.breadcrumb-item::before {padding-left: var(--bs-breadcrumb-item-padding-x);}
.text-muted {    text-align: justify;}
/** sidebar first **/
.sidebar_first{background:#fff; padding:0.5rem;border: 1px solid #e1e0e7;border-radius: 0.5rem;margin-left:20px}
.sidebar .block {border-color:transparent;}
.sidebar_first ul{padding-right:0;}
.sidebar_first ::marker{font-size:0}
.sidebar_first input{padding-left:.5rem;margin-left: 0.3rem;}
/** comment **/
.comment-form #edit-comment-body-0-format{display: none}
.card-body {  background: #f6f6f6;font-size: 0.8rem;}
.comment .card{width:100%}
.metanazar {  background: #f1f1f1;background: #f1f1f1;border-top-right-radius: 6px;border-top-left-radius: 6px;}
[dir="rtl"] .comment {width: 100%;margin-bottom:10px}
.comment__time, .comment__permalink {  font-size: 0.933em !important;float: left;}
.comment .links-inline span {  font-size: 1em;}
.comment span{font-weight:300; font-size:.9rem}
.comment__content nav {padding-top: 1px;float: left;font-size: 13px;}
[dir="rtl"] .comment__content::after,[dir="rtl"] .comment__content::before{display:none}
.comment-reply::before {  color: #CE0C4C;  content: "\e16d";  font-family: "Font Awesome 6 Free";  font-size: 15px;  margin-left: 3px;  line-height: 5px;}
.comment__author::before {color: #427b1b;content:"\e16d";font-family: "Font Awesome 6 Free";margin-left: 5px;font-size: 1rem;position:relative;  bottom: -2px;}
/** Front **/
.lifts_2{position: relative;overflow:hidden;padding:3rem 0;background:#E3E6E6}
.lifts_3{background:#fff;overflow:hidden;padding:3rem 0}
.lifts_3 img{height:auto;width:100%}
.lifts_3 h2 {font-size: 1.7rem;text-align: center;border-bottom: 2px solid #99cad7;padding-bottom: 10px;font-weight: 600;max-width: 99%;margin: 10px auto;    }
.lifts_4 {background:#f0f0f0;overflow: hidden;padding:3rem 0}
.lifts_4 .container{background:none}
.lifts_5 {background:#0090c5;overflow: hidden;padding:3rem 0}
.lifts_5 .btn-primary {    background-color: #0e2d58;    border-color: #007bff;}
.lifts_5 .container{background:none}
/** Footer**/
.site-footer{font-family:dana;color:#cfdae1}
.site-footer .block{border:none}
.site-footer .region{margin-left:1rem;padding:10px}
.site-footer a{color:#cfdae1;padding-right:0}
.site-footer h2{color: rgb(255 255 255);}
.site-footer__top h2{border:none;font-size: 1.1rem;}
.footer-logo img {    width: 190px;}
.ui-dialog .ui-dialog-content{font-family:dana}
.title-section {    max-width: 600px;    width: auto;	overflow:hidden}
.title-section.center {    margin: 0 auto;    text-align: center;}
.title-section.center h2 {    text-transform: uppercase;}
.title-section span,.faq-section .service-form span {    display: inline-block;    position: relative;}
.title-section span:before, .title-section span:after {    content: "";    position: absolute;    border: 1px solid #000;    top: 20px;    width: 70px;}
.title-section span:before {    right: 100%;    margin-right: 15px;}
.title-section span:after {    left: 100%;    margin-left: 15px;}
.icon-bar{width:100%;}
.icon-bar a{float:right;width:25%;text-align:center;padding:6px 0;color:#4e4545;font-size:0.8rem}
.icon-bar a:hover{color:#000}
.active{color:#000}
.ertefa {    width: 75px !important;}
.services {    margin: 1%;    height: 280px;    width: 18%;float:right}
.services p {    text-align: center;    margin-top: 1.3rem;font-size:0.9rem}
.services strong{font-size:1.2rem}
.services img{margin:0 auto; display:block}
#header {  display: block;}
.menumobile{display:none}
/** mobile **/
@media (max-width: 767.98px) {
.fs-5{font-size:1rem !important}
.menumobile{display:block}
.services {    margin: 1%;    height: auto;    width: 48%;}
.services strong{font-size:1.1rem}
.h1, h1,h2,h3,h4,h5 {font-size: 1.1rem;}
.page-user-mobile  .main-content{margin:10% 3%;}
.region-top-header,.region-top-header-form{text-align:center}
.lifts_2{margin-top:0px;}
 }