/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* start menuzord rounded boxes css */
/* .menuzord.default .menuzord-menu > li.active > a, .menuzord.default .menuzord-menu > li:hover > a, .menuzord.default .menuzord-menu ul.dropdown li:hover > a {
    background: #4d4d4d;
    color: #fff;
  }
  .menuzord-menu > li > a {
    padding: 8px 16px;
    border-radius: 30px;
  }
  .menuzord-menu > li {
    padding: 18px 0;
  }
  .menuzord-menu ul.dropdown {
    top: 69px;
  } */
/* end menuzord rounded boxes css */

/* theme-skin-color-set2 *****/
.bg-theme-colored2 {
    background-color: #4d4d4d !important;
}
.menuzord.default .menuzord-menu > li.active > a, .menuzord.default .menuzord-menu > li:hover > a, .menuzord.default .menuzord-menu ul.dropdown li:hover > a {
    background: #4d4d4d;
    color: #fff;
}
.icon-theme-colored2.icon-dark a {
    background-color: #4d4d4d;
    color: #fff;
}
.btn-theme-colored {
    color: #fff;
    background-color: #f7f8fa;
    border-color: #f7f8fa;
}
.btn-theme-colored:hover {
    color: #fff;
    background-color: #121621;
    border-color: #0e121a;
  }
  .btn-theme-colored2 {
    background-color: #4d4d4d;
  }
  .btn-theme-colored2 {
    color: #fff;
    border-color: #4d4d4d;
  }
  .about-video:hover .video-button {
    background-color: #f7f8fa;
  }
  .text-hover-theme-colored:hover {
    /* color: #f7f8fa !important; */
    /* color: rgb(117, 117, 117) !important; */
    opacity: .5;
  }
  .icon-theme-colored2.icon-dark a:hover {
    background-color: #f7f8fa;
    color: #f7f8fa;
  }
  .line-bottom::after, .widget .line-bottom::after, .widget .line-bottom::after, .pager.theme-colored a, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    border: 1px solid rgba(181, 181, 181, 0.6);
  }
  .services-list ul li a:hover {
    background-color: #4d4d4d;
    color: #fff;
  }
  .bg-theme-colored {
    background-color: #f7f8fa !important;
  }
  .text-theme-colored {
    color: #4d4d4d !important;
  }
  .btn-default.btn-theme-colored2 {
    color: #4d4d4d;
    background-color: #fff;
    border-color: #4d4d4d;
  }
  .btn-default.btn-theme-colored2:hover, .btn-default.btn-theme-colored2:active, .btn-default.btn-theme-colored2:focus {
    background-color: #f7f8fa;
    border-color: #f7f8fa;
    color: #4d4d4d;
  }
  .diamond-line-centered-theme-colored2::after, .diamond-line-left-theme-colored2::after {
    border: 1px solid #4d4d4d;
  }
  .team-block .team-thumb .styled-icons a:hover, .work-gallery .gallery-thumb .styled-icons a:hover, .work-gallery:hover .gallery-bottom-part, .diamond-line-centered-theme-colored2::before, .diamond-line-left-theme-colored2::before, .portfolio-filter a.active, .owl-theme .owl-dots .owl-dot.active span {
    background: #4d4d4d;
  }
/* End theme-skin-color-set2 **************************/

/* menuzord-rounded-boxed.css */
/*
Rounded Boxed Skin
*/

/* Menu items */
.menuzord-menu > li{
	padding: 18px 0;
}
.menuzord-menu > li > a{
	padding: 8px 16px;
	border-radius: 30px;
}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	background: #333;
	color: #fff;
}

/* Dropdown */
.menuzord-menu ul.dropdown{
	top: 69px;
}
.menuzord-menu ul.dropdown li ul.dropdown{
    top: 0;
}

/* Dropdown items */
.menuzord .menuzord-menu ul.dropdown li:hover > a{
	background: #333;
	color: #fff;
}

/* Megamenu */
.menuzord-menu > li > .megamenu{
	top: 69px;
}

/* Search field */
.menuzord-menu > li.search form{
	padding: 2px 16px;
}

/* Color schemes */
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, 
.menuzord.blue .menuzord-menu > li:hover > a, 
.menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ 
	background: #5D9CEC; 
	color: #fff;
}
/* green */
.menuzord.green .menuzord-menu > li.active > a, 
.menuzord.green .menuzord-menu > li:hover > a, 
.menuzord.green .menuzord-menu ul.dropdown li:hover > a{ 
	background: #48CFAD;
	color: #fff;
}
/* red */
.menuzord.red .menuzord-menu > li.active > a, 
.menuzord.red .menuzord-menu > li:hover > a, 
.menuzord.red .menuzord-menu ul.dropdown li:hover > a{ 
	background: #FC6E51;
	color: #fff;
}
/* orange */
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ 
	background: #ff853f;
	color: #fff;
}
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, 
.menuzord.yellow .menuzord-menu > li:hover > a, 
.menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ 
	background: #FFCE54;
	color: #fff;
}
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, 
.menuzord.purple .menuzord-menu > li:hover > a, 
.menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ 
	background: #AC92EC;
	color: #fff;
}
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, 
.menuzord.pink .menuzord-menu > li:hover > a, 
.menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ 
	background: #EC87C0;
	color: #fff;
}

/* Mobile mode (Responsive mode) */
@media (max-width: 900px){
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li{
		padding: 0;
	}
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 12px 20px !important;
		border-radius: 0;
	}
}
/* End menuzord-rounded-boxed.css ***********************************************/

.menuzord-menu.menuzord-right{
    float: left;
}
.menuzord-menu > li {
    float: right;
}
.menuzord, .menuzord a{
    font-family: "GE Dinar One", "Tajawal";
}

@media (min-width:901px) {
    #carousel-example-generic {
        margin-top: 48px;
    }
}

/* services home icons */
.icon-box.iconbox-theme-colored .icon.icon-border-effect::after {
    box-shadow: 0 0 0 3px #4d4d4d;
}
.icon-box.iconbox-theme-colored .icon.icon-bordered {
    border-color: transparent;
}

.call-to-action a, .btn-theme-colored2{
    transition: color .1s linear, background .1s linear;
}

.diamond-line-centered-theme-colored2::before, .diamond-line-left-theme-colored2::before {
    box-shadow: 0 0 3px 3px rgba(207, 186, 72, 0.4);
    box-shadow: 0 0 3px 3px rgba(210, 210, 207, 0.4);
    

}
.services.homeBlock img{
    border-radius: 4px;
}
.layer-overlay.overlay-theme-colored-8::before {
    /* background-color: rgba(56, 57, 60, 0.8); */
    /* background-color: rgba(21, 49, 79, 0.8); */
    /* background-color: rgba(30, 30, 30, 0.9); */
    /* background-color: rgba(57, 57, 57, 0.9); */
    /* background-color: rgba(64, 64, 64, 0.9); */
    background-color: rgba(49, 49, 49, 0.9);
}
.layer-overlay.overlay-dark-9::before {
    /* background-color: rgba(30, 30, 30, 0.9); */
    /* background-color: rgba(16, 40, 64, 0.92); */
    /* background-color: rgba(30, 30, 30, 0.9); */
    background-color: rgba(49, 49, 49, 0.9);
}
.menuzord-menu li .indicator {
    margin-right: 3px;
}
ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
    /* background: rgba(0,0,0, .5) !important; */
    background: rgb(44, 44, 44, .8) !important;
}
.menuzord-menu ul.dropdown li a {
    color: #fff;
}
.menuzord-brand img {
    max-height: 50px;
}
.sticky-wrapper{
    height: 100% !important;
}
.reservation-form select{
    appearance: auto;
    color: #a3a3a3;
}
 .form-transparent select option {
    background: rgb(44, 44, 44);
}
#reservation .diamond-line-left-theme-colored2::after {
    box-shadow: 0 0 3px 3px rgba(147, 147, 147, 0.4);
}
.menuzord .showhide{
    float: left;
    margin-top: 15px !important;
}
.btn-theme-colored {
    color: #4d4d4d;
}
.header.header-floating.header-transparent-dark.dark-light .sticky-wrapper.is-sticky .header-nav.navbar-sticky {
    background-color: #4d4d4d;
}
.header.header-floating.header-transparent-dark.dark-light .sticky-wrapper.is-sticky .header-nav.navbar-sticky a{
    color: #fff;
}

.btn-theme-colored2:hover, .btn-default:hover{
    color: #4d4d4d;
    background-color: #f7f8fa;
    /* border-color: #f7f8fa; */
}
.darkNav .header-top{
    background-color: #f7f7f7 !important;
}
.darkNav .header-top a, .darkNav .header-top i{
    color: #4d4d4d !important;
}
.darkNav .header-nav-wrapper{
    background-color: #4d4d4d !important;
}
.darkNav a {
    color: #fff !important;
}
/* .darkNav .menuzord-menu ul.dropdown {
    background: rgba(23, 57, 92, 0.8) !important;
} */
ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
    /* background: rgba(0, 0, 0, 0.31) !important; */
    background: rgba(0, 0, 0, 0.41) !important;
}
/* .header.header-floating.header-transparent-dark.dark-light .header-top, .header.header-floating.header-transparent-dark.dark-light .header-mid, .header.header-floating.header-transparent-dark.dark-light .header-nav {
    background-color: rgba(13, 34, 55, 0.15);
} */
/* .header.header-floating.header-transparent-dark.dark-light .sticky-wrapper.is-sticky .header-nav.navbar-sticky ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
    background: rgba(23, 57, 92, 0.8) !important;
} */
.header.header-floating.header-transparent-dark.dark-light .header-top, .header.header-floating.header-transparent-dark.dark-light .header-mid, .header.header-floating.header-transparent-dark.dark-light .header-nav {
    /* background-color: rgba(0, 0, 0, .13); */
    background-color: rgba(64, 64, 64, 0.5);
}
@media (max-width: 900px) {
    .menuzord-responsive .menuzord-menu li .indicator {
        left: 0;
        right: unset;
        font-size: 16px;
        border-right: solid 1px #eeecec;
        border-left: unset;
    }
    .header.header-floating.header-transparent-dark.dark-light .sticky-wrapper.is-sticky .header-nav.navbar-sticky a {
        color: #404040;
    }
    .menuzord-menu ul.dropdown li a {
        color: #fff !important;
    }
    ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
        /* background: rgba(0, 0, 0, 0.31) !important; */
        /* background: rgba(23, 57, 92, 0.8) !important; */
    }
    .header.header-floating.header-transparent-dark.dark-light .header-top, .header.header-floating.header-transparent-dark.dark-light .header-mid, .header.header-floating.header-transparent-dark.dark-light .header-nav {
        
        /* box-shadow: 0px -8px 11px rgba(6, 31, 79, 0.15); */
        /* background-color: rgb(23, 55, 92) !important; */
        /* background-color: rgb(44, 44, 44) !important; */
    }
    .header.header-floating {
        background-color: #4d4d4d;
    }
    .header.header-floating.header-transparent-dark.dark-light .header-nav {
        background-color: transparent;
    }
    .darkNav a {
        color: #404040 !important;
    }
    .darkNav a:hover {
        color: #fff !important;
    }
    .menuzord.default .menuzord-menu > li:hover > a, .menuzord.default .menuzord-menu ul.dropdown li:hover > a {
        background: #4d4d4d;
        color: #fff !important;
      }
}
@media (max-width: 768px) {
    .call-to-action h3 {
        font-size: 16px !important;
    }
}
@media only screen and (min-width: 901px) {
    .menuzord-menu ul.dropdown {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.31);
    }
}
.footer p{
    color: #9d9d9d !important;
}
.footer a{
    color: #c4c4c4 !important;
}
.line-bottom::after {
    right: 0;
}
.internalSection{
    box-shadow: 0 15px 39px rgba(0, 0, 0, 0.15);
}
.reachText p{
    margin: revert !important;
}
.reachText ul, .reachText ol, .reachText li {
    list-style: revert;
    margin: revert;
    padding: revert;
}
.line-bottom-center{
    position: relative;
    padding-bottom: 12px;
}
.line-bottom-center::after {
    border: 1px solid rgba(181, 181, 181, 0.6);
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 65px;
    margin: auto;
    right: 0;
}

@media only screen and (min-width: 768px) {
    .internalTitleSection{
        z-index: 1;
    }
    .internalTitleSection .shape-group li {
        margin: 0;
        position: absolute;
        z-index: -1;
    }
    .internalTitleSection .shape-group li.shape-1, .shape-group li.shape-4 {
        height: 470px;
        width: 470px;
        /* border: 1px solid rgb(255, 203, 0, 0.6); */
        border: 1px solid rgba(181, 181, 181, 0.6);
        border-radius: 10%;
        position: absolute;
        z-index: -1;
    }
    
    .internalTitleSection .shape-group li.shape-1{ 
        top: -382px;
        left: -330px;
    }
    
    .internalTitleSection .shape-group li.shape-4 { 
        top: 57px;
        right: -320px;
    }
}

.single-post article{
    border: none;
}
article.post p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
article.post h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 52px;
}
form label{
    font-weight: normal;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4d4d4d;
    z-index: 9999
}

#loader {
  border-radius: 50%;
  border-top: 5px solid #f7f8fa;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
  margin: 72px auto;
  position: relative;
  top: 36%;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#footer{
    /* background-image: url("/front/images/homeFooter.jpg"); */
  background-size: cover;
  background-position-y: 52%;
}
html[dir="rtl"] .whatsappIcon {
  position: fixed;
  bottom: 95px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 21px;
  box-shadow: 0px 0px 6px -1px #999;
  z-index: 100;
  width: 49px;
  height: 49px;
  line-height: 56px;
  font-size: 26px;
  right: inherit;
  left: 30px;
}

html[dir="rtl"] .phoneIcon {
  position: fixed;
  bottom: 30px;
  background-color: #4d4d4d;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 21px;
  box-shadow: 0px 0px 6px -1px #999;
  z-index: 100;
  width: 49px;
  height: 49px;
  line-height: 56px;
  font-size: 26px;
  right: inherit;
  left: 30px;
}

#services .icon-box.iconbox-theme-colored.text-center{
    height: 193px;
}
.g-recaptcha{
    transform: scale(0.87);
    transform-origin: 270px 0;
}
.reachText h1:first-of-type {
    margin-top: 0;
    line-height: 24px;
    margin-bottom: 25px;
  }
  .widget .quick-contact-form .form-control::placeholder,.widget .quick-contact-form .form-control {
    color: #202020;
    background-color: rgba(241, 241, 241, .35);
    border-color: #f1f1f1;
  }
  /* set height for home intro section */
.homeIntro {
    min-height: 242px;
}