.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//old-temp.alsalamcommunity.ae/wp-content/themes/al-salam/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }html.safari_hidden .no_scroll{
position:fixed;
}
b, strong {
font-weight: 600;
}
a{
outline:none !important;
}
.h1 {
color: #ba2227 !important;
font-weight: 700;
font-size: 30px; margin-left: 0px !important;
}
.side_heading > .h1{
margin-top: 0;
display: inline-block;
padding-left: 0;
}
#fullpage .slider_img{
background-repeat: no-repeat !important;
background-size: cover !important;
}
.blog_thumb{
float: left; margin-bottom: 10px;
}
.recent_posts .blog_thumb{
float: left;
width: 100%;
padding: 16px 0;
border-bottom: 1px solid #c6c6c6;
}
.blog_thumb p {
margin: 5px 0;
}
p.blog_tit{
font-weight:600;
}
.blog_box{
float: left;
margin-bottom: 15px;
margin-top: 14px;
}
.modal-body textarea{
width: 100%;
height: 7em;
border: 1px solid #ba2227;
outline:0px;
margin-bottom: 16px;
padding-top:10px;
padding-left:10px;
}
.modal-header{
position: relative;
}
button.close{
outline:0px;
position: absolute;
right: 15px;
top: 35%;
}
.events_events{
margin-top: 30px;
}
.left_side_list ul{
list-style-type:none; }
.left_side_list  ul li{
position:relative;
margin-bottom:5px;
} 
.left_side_list ul li::after{
content: "";
position: absolute;
height: 7px;
width: 7px;
border-left: 1px solid #8c1e89;
border-top: 1px solid #9f1e7b;
top: 27px;
right: 20px;
transform: rotate(135deg);
cursor: pointer;
}
ul.archive-sub-menu li::after{
content: "";
display:none;
}
.left_side_list ul li a{
font-size:18px;
color:#6d6e71;
font-weight: 600;
line-height: 2.5;
display:block;
border-bottom: 1px solid #8c1e7b;
}
.left_side_list ul li a:hover{
color:#ba2227;
}
ul.archive-sub-menu li {
margin-bottom:0;
padding: 4px 0px;
}
ul.archive-sub-menu li a{
font-weight: 500;
display: block;
border-bottom: 1px solid #8b777aa1;
font-size: 16px;
padding-left: 25px;
}
ul.archive-sub-menu li a:hover{
color:#ba2227;
}
h1.main_title{
color: #ba2227 !important;
font-weight: 700;
font-size: 30px;
margin-top: 35px;
margin-left: 0;
}
.inner_content {
min-height: 96vh;
}
.inner_content p{
padding-left: 0px;
padding-right: 0px;
font-weight:400;
}
.inner_news{
margin-top: 35px;
}
.latest_news .news_slider li a{
display: block;
overflow: hidden;
}
span.month{
text-transform: capitalize;
}
.blog_wrapper.single_box{
background: #fff;
padding: 26px 10px;
}
.left_menu a.logo,.inner_left_menu a.logo {
width: 155px;
display: block; height: 180px;
background-repeat: no-repeat !important;
background-size: contain !important;
}
p.events_time,p.news_time{
margin: 13px 0;
padding: 0 25px;
}
p.read_more{
padding: 0px 15px;
}
.date_social{
position:relative;
}
.date_social p{
position:relative;
}
.date_social ul.share_social{
position:absolute;
right: 0;
top: 0;
} .list_type ul{
padding: 0 50px;
}
.list_type ul li{
margin-top: 15px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #6d6e71;
}
.left_menu .single_box h4 a,p.read_more a{
color: #ba2227;
}
ul.sub-menu {
position: absolute;
display: block;
left: 210px;
top: 8px;
width: max-content;
transition: opacity 0.3s ease-in;
opacity: 0;
visibility: hidden;
padding: 10px 15px;
border: 1px solid #ffffff;
}
.left_menu  .head_nav li:hover ul.sub-menu {
opacity: 1;
left: 210px;
visibility: visible;
width: 240px;
}
.inner_left_menu  .head_nav li:hover ul.sub-menu {
opacity: 1;
left: 210px;
visibility: visible;
}
.inner_left_menu .head_nav li ul.sub-menu {
position: absolute;
display: block;
left: 210px;
top: 8px;
width: 235px;
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
background: #ffffff;
padding: 10px 15px;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.darken ul.head_nav li ul.sub-menu {
background: #ffffff;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.contacts textarea{
height: 115px;
}
.inner_left_menu .head_nav li ul.head_submenu::after {
top: 1px;
left: -9px;
border-top: 8px solid transparent;
border-right: 8px solid #ba2227;
border-bottom: 8px solid transparent;
position: absolute;
content: "";
}
.contact_form input {
width: 100%;
height: 41px;
border: 1px solid #ba2227;
margin-bottom: 16px;
padding-left: 10px;
outline: none;
font-size: 14px;
color: #6d6e71;
}
.contact_us .contact_form textarea{
width: 100%;
border: 1px solid #ba2227;
margin-bottom: 16px;
resize: none;
padding-left: 10px;
padding-top: 10px;
outline: none;
font-size: 14px;
color: #6d6e71;
margin-top: 0;
}
.box_align{
float:left;
}
.wpcf7-not-valid-tip {
line-height: .1;
font-size: 12px;
}
.contact_form input.btn_send{
display: block;
color: #ffffff;
border-radius: 5px;
width: 65px;
height: 30px;
padding: 0;
text-align: center;
font-size: 13px;
font-weight: 700;
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
cursor: pointer;
background-color: #ba2227;
border: none;
margin-bottom:0;
}
.contact_form input.btn_send:hover{
border: 1px solid #ba2227;
color: #000;
background-color: rgba(186, 34, 39, 0);
}
.contact_us .contact_form p{
padding-left:15px;
margin:0;
display: inline-block;
margin-top: 15px;
float: left;
}
.contact_us .wpb_content_element{
margin-bottom: 0;
}
.contact_us div.wpcf7-validation-errors{
float: left;
display: block !important;
width: 100%;
}
.contact_us .vc_row{
margin-bottom: 20px;
}
div.wpcf7-acceptance-missing{
position: absolute;
bottom: 50px;
left: 20%;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
border:none !important;
color: red;
margin-top:0 !important;
}
div.wpcf7-mail-sent-ok{
border:none!important;
color:#398f14;
width: 100%;
float: left;
margin-top: -12px !important;
padding-left: 9px !important;
}
.single_box h4, h4.blog_title{
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
display: inline-block;
overflow: hidden;
}
.logo_image{
display: block;
height: 148px;
background-repeat:no-repeat !important;
width: 106px;
}
.text_col{
display:inline-block;
}
#fullpage .contact_form P{
margin-top:0;
}
.blog_innerbox{
padding: 25px;
height:200px; background-color:#ffffff;
} .archives_pages p {
padding: 0;
font-size: 14px;
line-height: 22px;
color: #ba2227;
}
.archives_pages .blog_innerbox h4{  
font-weight: 600;
font-size: 19px;
color: #6d6e71;
max-height: 54px;
overflow: hidden;
}
.archives_pages .blog_innerbox h4:hover,.entry-title.blog_title h4:hover{
color:#ba2227;
}
.blog_innerbox p.box_content{
height: 65px;
overflow: hidden;
}
ul.share_social{
list-style-type:none;
float: right;
}
.share_social li{
float: left;
margin: 0 10px;
}
.share_social li a{
color:#ba2227;
}
.main_blog{
float:left;
}
.recent_posts{
float:left;
background: #ececec;
min-height: 350px;
}
.blog_image img{
width:100%;
}
p.box_content{
margin-top:0;
font-size: 14px;
line-height: 22px;
color: #6d6e71;
}
.contact_box p{
padding: 0;
}
.contact_box a,.tour_a a{
color:#4d4e4e;
}
.contact_box a:hover,.tour_a a:hover{
color:#ba2227;
}
.inner_footer a{
color:#fff;
}
.archives .left_side_list ul li.selected::after{
transform: rotate(225deg);
content: "";
}
.back-button{
color:#ba2227;
}  .all-banner {
height: 300px;
}
.all-banner img{
width: 100%;
object-fit: cover;
height: 100%;
}
@media (max-width:1199px) {
.left_menu ul.sub-menu{
position: relative;
opacity: 1;
visibility: visible;
left:0px;
top: 0;
z-index: 1000;
box-shadow: none !important;
background: none;
}
.left_menu .head_nav li:hover ul.sub-menu{
left: 0px;
}
.inner_left_menu .head_nav li ul.sub-menu{
position: relative;
opacity: 1;
visibility: visible;
left:0px;
top: 0;
z-index: 1000;
box-shadow: none !important;
background: none;
}
.inner_left_menu .head_nav li:hover ul.sub-menu{
left: 0px;
}
.transparent .head_nav li ul.sub-menu{
background:none!important;
}
.darken ul.head_nav li ul.sub-menu{
background:none!important;
}
.red ul.head_nav li ul.sub-menu{
background:none!important;
}
.left_menu .head_nav li ul.sub-menu::after{
display:none;
}
}
@media (max-width: 991px) {
.list_type ul {
padding: 0 50px;
}
.main_blog{
padding: 0;
}
h1.main_title{
padding: 0 15px;
}
.vc_row {
padding: 0 15px;
} .recent_posts{
margin-bottom: 20px;
}
p{
padding: 0;
}  li.current_page_parent >a:after{
display: none !important;
}
.inner_news {
margin-top: 35px;
padding: 0 15px;
}
} @media (min-width: 992px){
.left_menu .head_nav li ul.sub-menu::after {
top: 1px;
left: -9px;
border-top: 8px solid transparent;
border-right: 8px solid #ba2227;
border-bottom: 8px solid transparent;
position: absolute;
content: "";
}
.darken .head_nav li ul.sub-menu::after {
top: 1px;
left: -9px;
border-top: 8px solid transparent;
border-right: 8px solid #ffffff;
border-bottom: 8px solid transparent;
position: absolute;
content: "";
}
.red .head_nav li ul.sub-menu::after {
border-right:8px solid #ffffff;
}
.transparent .head_nav li ul.sub-menu::after {
border-right:8px solid #ffffff;
}
.inner_left_menu .head_nav li ul.sub-menu::after {
top: 1px;
left: -9px;
border-top: 8px solid transparent;
border-right: 8px solid #ba2227;
border-bottom: 8px solid transparent;
position: absolute;
content: "";
}
.red ul.head_nav li ul.sub-menu { border: 1px solid #ffffff;
}
.events_events{
margin-right: -15px;
}
}
@media (max-width: 768px){
.side_heading > .h1 {
padding-left: 0;
}
.archives{
float: left;
width: 100%;
}
} @media (max-width: 640px){
.inner_left_menu a.logo {
width: 200px;
margin-top: 70px;	
}
.contact_us div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
position: relative;
bottom: auto;
left: auto;
}
h1.main_title, .h1{
font-size: 22px;
}
}
@media (max-width: 480px){
.inner_content img {
min-height: 0 !important;
}
.left_menu li, .inner_left_menu li{
font-size: 13px !important;
font-weight: 500 !important;
}
ul.sub-menu li{
font-size: 13px !important;
font-weight: 500 !important;
}
}
table tbody tr td {
border: 1px solid #000;
vertical-align: middle;
padding: 10px;
line-height: 1.4;
font-weight: 500;
}
.fee-tbl-row {
background-color: #dddddd;
}
.fee-tbl-col {
background-color: #eeeeee;
}
.custom-padding-right{
padding-right:30px;
}
@media (max-width:991px){
.custom-padding-right{
padding-right:15px;
}
}
@media (max-width:575px){
.custom-padding-right{
padding-right:15px;
}
}
.admission_steps .steps .steps-height:before{
display:block;
padding-top:56.5%;
content: " ";
width: 100%;
}	
.admission_steps .steps .steps-height{
position:relative;
overflow:hidden;
}
.admission_steps .steps .steps-height img{
position: absolute;
top: 50%;
left: 50%;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
@media (max-width:575px){
.admission_steps .steps .steps-height{
margin-bottom:7px;
}
}
.white-popup p{
color:#000000;
}
li.selected .archive-sub-menu{
display:block;
}
li .archive-sub-menu{
display:none;
}
.im-accordian .vc_tta-panel-title{
font-size: 14px !important;
font-weight: 300 !important;
border-radius: 10px !important;
border: 1px solid #d8d5d5 !important;
background: none !important;
}
.im-accordian .im-accor-list.vc_active .vc_tta-panel-title{
background: #e40c13 !important;
border-color: #e40c13 !important;
}
.im-accordian .vc_tta-panel-title > a{
color: #be231e !important;
}
.im-accordian .im-accor-list.vc_active .vc_tta-panel-title > a{
color: #fff !important;
}
.im-accordian .vc_tta-panel-title > a .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before{
border-color: #be231e !important;
}
.wpb-js-composer .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before{
border-color: #fff !important;
}
.im-accordian .vc_tta-panel-body{
padding-left: 40px !important;
padding-right: 40px !important;	
padding-bottom: 25px !important;	
color: #6d6e71 !important;
font-size: 16px !important;
font-weight: 300 !important;
}
.im-accod-box h4{
font-weight: 500 !important;
padding: 12px 5px !important;
}
.im-box-after-heading{
font-size: 14px !important;
font-weight: 300 !important;
}
.wpb_content_element.im-box-content{
font-size: 14px !important;
font-weight: 300 !important;
box-shadow: none;
border: 1px solid #d8d5d5 !important;	
padding: 10px 10px 20px !important;
min-height: 250px;
}
@media screen AND (max-width:1600px){
.im-box-after-heading{
min-height: 88px;
}
}
@media screen AND (max-width:1024px){
.wpb_content_element.im-box-content{
min-height: 430px;
}
.im-accordian .vc_custom_1589011313808{
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen AND (max-width:767px){
.im-box-after-heading, .wpb_content_element.im-box-content{
min-height: auto !important;
}
}