@import 'https://www.fontstatic.com/f=kawkab-bold';
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,600i,700,700i,900';
@import 'https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i';
:root {
    --skinColor: #B68A35;
     --red: #8f071c;
    --blue: #165080; 
    --green: rgb(45, 123, 58); 

    --baseColor: white;
    --primary: #b68a35;
    --primary-dark: #966f2e;
    --primary-temp: #d5b66b;
    --primary-light: #d5b66b;
    --secondary: #385e76;

  }

  img[style="-webkit-user-select: none;"]{
      width:100%
  }

body.CairoFont *:not(.fa){
    font-family: 'Cairo', sans-serif;
 }

body.AmiriFont *:not(.fa){
    font-family: 'Amiri', serif;
 }
body.HarmattanFont *:not(.fa){
   font-family: 'Harmattan', sans-serif;

 }
body.timesFont *:not(.fa){
    font-family: "Times New Roman", Times, serif;

 }
 #vertical-tabs{
     margin: 0 20px;
 }

html,body  
{height:100%}
body{
    font-family:'pt serif',serif;color:#61727f;background:#fff;font-size:15px;line-height:24px;overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased!important}a{cursor:pointer}a:focus{outline:0}a:hover{text-decoration:none}a,.navbar a,.form-control{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}h1,h2,h3,h4,h5,h6{font-family:titillium web,sans-serif;color:#212121;margin:0 0 15px}h1{font-size:40px;line-height:50px}h2{font-size:34px;line-height:44px}h3{font-size:22px;line-height:30px}h4{font-size:20px;line-height:26px}h5{font-size:18px;line-height:22px}h6{font-size:16px;line-height:20px}.btn{padding:14px 30px;text-transform:uppercase;letter-spacing:4px;font-family:titillium web,sans-serif;border-radius:3px;box-shadow:0 4px 5px rgba(34,34,34,.2)}.btn:hover{box-shadow:0 8px 10px rgba(34,34,34,.2)}
    .btn-primary{background-color:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));}
    .btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:active:focus,.btn-primary:active:hover{background-color:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));border-color:#B68A35}.btn-sm{padding:8px 20px;font-size:12px;font-weight:400}input:focus,textarea:focus{outline:0}.alert{padding:12px 15px}img{max-width:100%;height:auto}.form-group , .form-group+h4.kufi{    margin: 5px 16px;}.form-control{height:50px;padding:6px 20px;border:1px solid #ebebeb;box-shadow:none}.form-control:focus{border-color:transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.075),0 0 20px rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.075),0 0 20px rgba(0,0,0,.3)}.contact-form .form-group textarea{min-height:210px;padding:15px 20px;position:relative;z-index:20}@media(max-width:991px){.contact-form{margin-bottom:30px}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1e3px #fff inset!important}.section-padding{padding-top:13px;padding-bottom:90px}.darker-bg{background:white}.header-top-area{height:100px;background:white;font-size:14px;color:#fff;font-family:titillium web,sans-serif}.contact p{float:left;margin-right:50px;line-height:50px;margin-bottom:0}@media(max-width:768px){.contact p{line-height:35px}}.contact p i{margin-right:10px}.contact a{color:#fff}.social-icon{margin-top:10px}.social-icon ul{float:right;list-style:none;padding:0;margin:0}.social-icon ul li{float:left}.social-icon ul li a{color:#fff;font-size:14px;width:28px;height:28px;text-align:center;margin-left:12px;display:block;line-height:28px;transition:all .3s}.social-icon ul li a:hover,.social-icon ul li.active a{background:#fff;color:#B68A35;border-radius:3px}@media(max-width:768px){.social-icon ul{float:none;text-align:center}.social-icon ul li{float:none;display:inline-block}.social-icon ul li a{text-align:center}.social-icon{margin-top:3px}}
xnav.navbar.bootsnav ul.nav>li>a{color:#3f4b5a;font-family:titillium web,sans-serif}
nav.navbar.bootsnav ul.nav>li>a:hover *,nav.navbar.bootsnav ul.nav>li>a:hover,nav.navbar.bootsnav ul.nav>li.xactive>a,
nav.navbar.bootsnav ul.nav>li>.dropdown-menu li>a:hover,
nav.navbar.bootsnav ul.nav>li>.dropdown-menu li.xactive>a,
nav.navbar.bootsnav ul.nav>li>.dropdown-menu.megamenu-content li>a:hover,

.btn.btn-light،.btn.btn-link{
   color: inherit !important
}
.square{
    transition: all 0.5s;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    border-left: 1px solid #daba5b;
    border-right: 1px solid #9a7914  
}
.iziModal-header-subtitle,
p.iziModal-header-subtitle
{
	text-align: center !important
}
.dropdown-menu.cart-list h2{font-size:16px;line-height:20px;margin-bottom:0}
.dropdown-menu.cart-list h2 a
{
    color:#3f4b5a
}

@media(min-width:993px)
{
    nav.navbar.bootsnav ul.nav>li>a{padding:25px 10px;font-weight:400;font-size:14px;text-transform:uppercase;letter-spacing:.06em}}
@media(min-width:768px){
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-top:15px}}.attr-nav>ul>li>a span.badge{background-color:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));}ul.cart-list>li.total>a.btn{color:#fff!important}ul.cart-list>li.total>a.btn:hover{background-color:rgba(152, 111, 47, 0.7) !important;background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
}
.slider-bg1{
    background:url(../../images/front/slider-bg/1.jpg) no-repeat}.slider-bg2{background:url(../../images/front/slider-bg/2.jpg) no-repeat}.slider-bg3{background:url(../../images/front/slider-bg/3.jpg) no-repeat}.homepage-slider{width:100%;height:850px;position:relative;background-size:cover;background-position:center;z-index:1}.homepage-slider:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(46,46,46,.4);z-index:-1}.display-table{display:table;width:100%;height:100%}.display-table-cell{display:table-cell;vertical-align:middle}.slider-content h1{color:#fff;font-size:67px;font-weight:700;line-height:77px;margin-bottom:55px}.slider-content p{color:#fff;font-size:20px;line-height:30px;margin-bottom:75px}.slider-content a{border-radius:5px;background-color:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));padding:15px 25px;border:0;color:#fff;font-family:titillium web,sans-serif;-webkit-transition:all .3s;transition:all .3s;display:inline-block}.slider-content a:hover{background:#0f32fd}.slider-content a i{padding-left:8px}
    @media(max-width:768px){
        .homepage-slider{height:400px}.slider-content h1{font-size:30px;line-height:33px;margin-bottom:20px}.slider-content p{margin-bottom:20px;font-size:15px;line-height:24px}.slider-content a{padding:8px 15px}}.owl-nav div{display:inline-block;margin-top:-25px;position:absolute;top:50%;transition:all .3s}.owl-nav i{background:rgba(152, 111, 47, 0.7) none repeat scroll 0 0;background-image: linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;font-size:40px;height:50px;line-height:50px;text-align:center;width:50px;transition:all .3s;opacity:.5;border-radius:3px}.owl-nav i:hover{opacity:.9}.owl-nav .owl-prev{left:-15px;opacity:0}.owl-nav .owl-next{right:-15px;opacity:0}.slider-area.owl-carousel{overflow:hidden}.slider-area.owl-carousel:hover .owl-nav .owl-prev{left:15px;opacity:1}.slider-area.owl-carousel:hover .owl-nav .owl-next{right:15px;opacity:1}.block.block2{padding:40px 0 0;background:#f4f7f7}.block2 .block-text{margin-top:128px}.block-text h2{margin-bottom:50px}.block-text p{margin-bottom:60px}.block.about-us-block .block-img{margin-top:0}.block.about-us-block h2{margin-top:30px}.block-img{margin-top:50px}
        @media(max-width:768px){
            .block2 .block-text{margin-top:40px}}
        @media(min-width:768px){.block2 .block-text{margin-top:50px}}
        @media(min-width:992px){.block2 .block-text{margin-top:38px}.block-text h2{font-size:28px}}
        @media(min-width:1200px){.block2 .block-text{margin-top:128px}.block-text h2{font-size:32px}}.intro-bg1{background:url(../../images/front/intro/1.jpg) no-repeat}.intro-bg2{background:url(../../images/front/intro/2.jpg) no-repeat}.intro-bg3{background:url(../../images/front/intro/3.jpg) no-repeat}.intro-title p{margin-bottom:50px}.single-intro{overflow:hidden}.intro-img{width:100%;height:222px;background-size:cover;background-position:center;position:relative;-webkit-transition:all .3s;transition:all .3s}.intro-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(123, 104, 45, 0.69);-webkit-transition:.3s;transition:.3s;opacity:0}.single-intro:hover .intro-img:after{opacity:1}.single-intro:hover .intro-details{border-bottom:4px solid #937B23}.intro-details{background:#fff none repeat scroll 0 0;border-radius:4px;box-shadow:0 2px 29px 0 rgba(15,46,64,.12);max-height:210px;margin:-70px auto 0px;padding:30px 25px;position:relative;width:88%;overflow:hidden;border-bottom:4px solid #fff;-webkit-transition:all .3s;transition:all .3s}.intro-details h3{margin-top:0}.template-title p{margin-bottom:55px}.services-tiem{margin-bottom:50px;overflow:hidden}.services-tiem img{float:left;margin-right:25px;padding-left:5px}.services-tiem h3,.services-tiem p{margin-left:92px;margin-top:0;transition:all .3s}.services-tiem h3:hover{color:#000}.services-tiem a{color:#212121;transition:all .3s}.client-logo{padding:80px 0}.client-logo img{height:auto;margin:0 20px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:16%}.client-logo img:hover{-webkit-filter:grayscale(100%);filter:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMC4yMTI2IDAuNzE1MiAwLjA3MjIgMCAwIDAuMjEyNiAwLjcxNTIgMC4wNzIyIDAgMCAwLjIxMjYgMC43MTUyIDAuMDcyMiAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);filter:grayscale(100%)}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.services-tiem img{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.services-tiem:hover img{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.page-title{background:url(../../images/front/breadcrumb.jpg) no-repeat;background-size:cover;background-position:center;padding:95px 0;color:#fff;z-index:1;position:relative}.xpage-title:after{position:absolute;content:"";top:0;left:0;right:0;height:100%;background:rgba(0,0,0,.5);z-index:-1}.page-breadcrumbd h2,.page-breadcrumbd a{margin:0;color:#fff}.panel-default>.panel-heading{background-color:#f4f7f7;border:0}.panel-default{border:0;background:#f4f7f7}.panel-heading{border-bottom:0;border-top-left-radius:0;border-top-right-radius:0;padding:0}.panel-title>a{background:#f4f7f7;display:block;padding:10px 15px;color:#212121;font-size:18px;position:relative}.panel-title>a[aria-expanded=true]{background:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff}.panel-title>a[aria-expanded=true]:after{content:"-";background:#fff;color:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));}.panel-title>a:focus{text-decoration:none}.panel-title>a:after{background:rgba(152, 111, 47, 0.7) none repeat scroll 0 0;background-image: linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:2px;color:#fff;content:"<";height:20px;line-height:16px;position:absolute;right:15px;text-align:center;top:9px;width:20px;font-weight:700}.panel-group .panel+.panel{margin-top:6px}.accordian-right-content h2{margin-bottom:13px}.portfolio-item{position:relative;margin-bottom:30px;overflow:hidden}.portfolio-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(77,103,254,.9)}.portfolio-details{position:absolute;left:0;bottom:-30%;width:100%;padding:20px}.portfolio-item:hover .portfolio-details{bottom:0}.portfolio-details,.portfolio-item::before{opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.portfolio-item:hover::before,.portfolio-item:hover .portfolio-details{opacity:1;visibility:visible}.portfolio-details h3{margin:0}.portfolio-details span{display:block}.portfolio-details h3 a,.portfolio-details a{color:#fff}.single-portfolio-wrapper,.single-portfolio-wrapper a{font-family:titillium web,sans-serif}.single-portfolio-title a{color:#B68A35;font-size:17px;font-weight:500;text-transform:uppercase}.single-portfolio-title h2{font-size:26px;margin-bottom:20px;margin-top:5px}.portfolio-details-panel p{line-height:27px;margin-bottom:25px}.portfolio-details-panel ul span{display:inline-block;width:140px}.portfolio-details-panel ul{color:#aaa;list-style:none;padding:0;margin-bottom:30px}.portfolio-details-panel ul span{color:#000;text-transform:uppercase}.portfolio-details-panel ul li{padding-bottom:15px}.portfolio-details-panel ul a{color:#aaa;margin-right:6px}.portfolio-details-panel ul a:hover{color:#B68A35}.single-portfolio-images img{margin-bottom:30px}.divider{background:#eee;display:block;width:100%;height:1px;margin:10px 0}.company-address{margin:0 15px}.company-address ul{margin:0;padding:0;list-style:none}.company-address ul li{padding-left:50px;position:relative;margin-bottom:40px}.company-address ul li i{left:0;position:absolute;top:4px;color:#4860f0;font-size:22px}.company-address ul li a{color:#61727f}.testimonial{padding:120px 0;background:#f4f7f7;color:#212121}.testimonial h3{font-size:30px;margin-bottom:30px;line-height:45px}.testimonial a{color:#212121;font-size:25px;color:#212121;font-weight:700}a:focus{text-decoration:none}.testimonial span{font-size:15px}
#loading {
    background-color: #e3e1e1;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    margin-top: 0;
    top: 0;
    opacity: .89;
}
.skin-bg,.panel-title>a:after,.panel-title>a[aria-expanded=true] ,.ui-state-active{
     background-color: rgba(152, 111, 47, 0.7);
    border-color: rgba(152, 111, 47, 0.7);
    background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
 

    color:white 
}

.skin-bordered,.ui-widget.ui-widget-content {
    border-color:#ba9347 !important;
}
#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px;text-align:center}.object{-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;position:absolute;border-left:5px solid #fff;border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;-webkit-animation:animate 2s infinite;animation:animate 2s infinite}
.ui-tabs.services-wid .ui-tabs-nav .ui-tabs-anchor {
    padding: 0;
    text-decoration: none;
    font-size: 15px;
    background: white;
    border: 0 none;
    color: black;
    text-align: center;
    font-size: 14px;
    padding: 8px;
    line-height: 15px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    }
    .ui-tabs.services-wid .ui-tabs-nav li {
    background: white !important;
    border: 1px solid gray;
    border-bottom: 0 none;
    width: 32%;
     text-align: center;
    }
    .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; width: 30%; }
    .ui-tabs-vertical .ui-tabs-nav li {outline: 0 ; border-radius: 0  ; clear: right; width: 100%; border-bottom-width: 1px !important;  margin: 0 -1px .2em 0; }
    .ui-tabs-vertical .ui-tabs-nav li a { display:block;text-align: right;width: 100% }
    .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
    .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 70%;}
    .ui-widget-header{
    background: transparent none;
    border : 0 none
    }
    .ui-tabs-vertical .ui-tabs-nav{
        background: white;
        border: 0 none
    }
   
    
    .ui-tabs .ui-tabs-nav li a {
        font-size: 16px;
        padding: 0px;
         white-space:normal
        }
        .ui-tabs .ui-tabs-nav li {
             border: 0 none;
            }
            .ui-state-active{
                border: 0 none !important
                }
     
    .ui-tabs.services-wid .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{
    border: 1px solid gray;
    border-bottom: 0 none;
     border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    }
    .ui-tabs.services-wid .ui-tabs-panel {
    padding: 10px 0 0 0    !important;
    }
#object_one{left:75px;top:75px;width:100px;height:100px}
#object_two {
    border-left-color: red;
    border-right-color: red;
    left: 65px;
    top: 66px;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}
 #object_three {
    border-left-color: green;
    border-right-color: green;
    left: 51px;
    top: 51px;
    width: 150px;
    height: 150px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
#object_four{    border-left-color: black;
    border-right-color: black;
left:80px;top:80px;width:90px;height:90px;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes animate{50%{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes animate{50%{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.blog-item{margin-bottom:30px;box-shadow:0 49px 72px 0 rgba(25,25,25,.12)}.blog-item a{font-family:titillium web,sans-serif}.blog-item .blog-thumb{overflow:hidden}.blog-item .blog-thumb img{transition:all .3s;width:100%;height:auto}.blog-content{padding:0 10px 20px 30px}.blog-header .tag{margin-top:20px;overflow:hidden}.entry-title{color:#212121;font-size:20px;font-weight:700;margin-bottom:18px;line-height:25px}.entry-title a{color:#212121;transition:all .3s}.entry-title a:hover{color:#B68A35}.blog-header ul{margin:0;padding:0;list-style:none}.blog-header ul li{float:left;position:relative;padding-right:2px;margin-right:3px}.blog-header ul li:last-child:before{content:""}.blog-header ul li:before{bottom:4px;content:",";position:absolute;right:0;font-size:14px}.blog-header ul li a{display:block;margin-right:5px;margin-bottom:3px;color:#61727f;transition:all .3s}.blog-header ul li a:hover{color:#000}.entry-content a{color:#000;font-weight:700;transition:all .3s}.entry-content a:hover{color:#B68A35}.post-wrapper{box-shadow:0 49px 72px 0 rgba(25,25,25,.12);padding-bottom:30px}.post-wrapper .blog-content{padding:15px 20px 15px 40px}.single-post-title h2{font-size:29px;font-weight:700;padding-top:20px;margin-bottom:10px}.single-post-title h2 a{color:#212121}.post-meta ul{list-style:outside none none;margin:0;padding:0}.post-meta li{float:left}.post-meta{overflow:hidden;margin-bottom:30px}.post-meta>ul>li>a{color:#888;margin-right:19px;transition:all .3s;font-size:13px}.post-meta>ul>li>a:hover{color:#000}.post-meta li a i{margin-right:7px}.post-meta li.rating ul{display:inline;float:right}.post-meta a{font-family:titillium web,sans-serif}li.rating>a{margin-right:8px!important}li.rating>ul a{font-size:13px;margin:0}li.rating ul i{margin:1px;color:#fe6000}.entry-content p{margin-bottom:30px}.full-width-img{margin-bottom:30px;margin-left:-40px;margin-right:-20px}.social-link{overflow:hidden}.social-link ul{margin:0;padding:0;list-style:none}.social-link ul li{float:left}.social-link ul li a{color:#fff;display:block;font-size:15px;text-align:center;width:45px;background:#ddd;white-space:nowrap;margin-right:6px;padding:7px 0;width:45px;overflow:hidden;font-size:15px;transition:all 400ms ease 0s;border-radius:3px;position:relative;margin-bottom:10px}.social-link ul li a.facebook{background:#286196}.social-link ul li a.twitter{background:#1aa2f6}.social-link ul li a.google{background:#e7462a}.social-link ul li a.linkedin{background:#0078b4}.social-link ul li a.pinterest{background:#bd081b}.social-link ul li a.reddit{background:#f40}.social-link ul li a.message{background:#9fa3a4}.social-link ul li a:hover{width:90px}.social-link ul li i{width:45px}.social-link ul li span{width:45px;text-align:center;padding-right:15px}.comments-wrapper{padding:15px 40px;border-top:1px solid #ddd;margin-top:20px}.comment-title h2{margin-bottom:40px}.comments-responsed-wrapper{border-top:1px solid #ddd;margin-top:50px;padding:20px 40px}.comments-media ol{border:1px solid #eaeaea;list-style:outside none none;padding:15px;margin-bottom:15px}.comments-media ol ul{list-style:none;padding:0;margin:0}.comments-media img{border-radius:50%;height:80px;width:80px}.comment-avatar{float:left;margin-right:15px;padding-top:15px}.comment-section{margin-left:95px;overflow:hidden}.comment-section h2{display:inline-block;font-size:20px;font-weight:700;margin-bottom:10px}.comment-section span{color:#aaa;font-size:13px;margin-left:20px}.comment-content a.btn-comment-replay{border:1px solid #aaa;border-radius:3px;color:#aaa;padding:0 10px;margin-top:10px;font-size:12px;display:inline-block;text-transform:uppercase;line-height:1.42857143;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s}.comment-content a.btn-comment-replay:hover{background:#011a48 none repeat scroll 0 0;border-color:#011a48;color:#fff}.comments-media li .comment-inner{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:22px;overflow:hidden}.comments-media ol ul{margin-left:60px}.comments-media ul li:last-child .comment-inner{border-bottom:0;padding-bottom:0}
@media(max-width:768px){.comments-media ol ul{margin-left:0}}
@media(min-width:992px){.comments-media ol ul{margin-left:60px}}
@media(max-width:480px){
    .tab-pane-container .item a.btn-link,.tab-pane-container .item a.btn  {
        padding: 6px 0;
         text-align: center;
        display: block;
         margin: 0 auto;
         width: 100%;
    }

div.list-group-item-heading {
    height: 33px;
    font-weight: bold;
    font-size: 10px;
    line-height: 15px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    align-content: space-around;
    justify-content: center;
}

   .tab-pane-container .item a.btn-link  {
         line-height: 30px !important;
         padding-bottom: 0px;
    }

    .tab-pane-container .caption div:last-child{
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    } 

     div.col-lg-1, div.col-lg-10, div.col-lg-11, div.col-lg-12, div.col-lg-2, div.col-lg-3, div.col-lg-4, div.col-lg-5, div.col-lg-6, div.col-lg-7, div.col-lg-8, div.col-lg-9, div.col-md-1, div.col-md-10, div.col-md-11, div.col-md-12, div.col-md-2, div.col-md-3, div.col-md-4, div.col-md-5, div.col-md-6, div.col-md-7, div.col-md-8, div.col-md-9, div.col-sm-1, div.col-sm-10, div.col-sm-11, div.col-sm-12, div.col-sm-2, div.col-sm-3, div.col-sm-4, div.col-sm-5, div.col-sm-6, div.col-sm-7, .col-sm-8, div.col-sm-9, div.col-xs-1, div.col-xs-10, div.col-xs-11, div.col-xs-12, div.col-xs-2, div.col-xs-3, div.col-xs-4, div.col-xs-5, div.col-xs-6, div.col-xs-7, div.col-xs-8, div.col-xs-9{
        padding-right: 0 !important
    }
.navbar-brand > img {
    width: 100% !important;
    margin: 0 !important;
    padding: 0;
}
.footer-ver-men{
    width: 100%
}
.col-sm-12,.footer-ver-men a {
    margin: 0 !important;
    padding: 0 !important;
}
.footer-ver-men a {
    padding: 5px !important;
     font-size: 12px;
    box-sizing: border-box;
}
 
.navbar-brand {
    float: right;
    padding: 0 !important;
    width: 61px !important;
}
#logo-Title {
    padding: 9px 0 0px 0px !important;
    text-align: center !important;
    width: 145px !important;
    float: right ;
    font-size: 10px !important;
    line-height: 20px !important; 
    font-weight: bold
}
.js-marquee h3{
    font-size: 10px !important;
}

.marqTitle h3{
    font-size: 10px !important
    
}
 
 section ,.tab-pane-container section{
     padding: 0 !important;
     margin: 0 !important
 }
 .services-tiem img{
     width: 65px !important
 }
 .thumbnail{
    margin-bottom: 3px
 }
 .tab-pane-container{padding-top: 0  !important }
    .comment-avatar{float:none;margin-right:0}.comment-section{margin-left:0}}
.primary-footer ul{margin:0;padding:0;list-style:none}
a{
    color: #B68A35;
}
html body #wowslider-container1 .ws_bullets a{
    background: rgba(152, 111, 47, 0.7)  ;
     background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
}
a:hover{
    color: #a08247;
}


.slick-initialized .slick-slide {
       background: white;
    width: 366px;
    border: 1px solid rgb(182, 138, 53);
}

.calendar header {
    background: rgba(152, 111, 47, 0.7) ;
    background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
}
.slick-initialized .slick-slide:hover .fa,
.slick-initialized .slick-slide:hover .kufi
{
  text-shadow: 1px -1px 13px #ffffff;
    color: #B68A35;
    
}


.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #a08247;
    border-color: #a08247;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #a08247;
 } 


.attr-nav > ul > li > a {
    color: #a08247;
 } 

.events li a.selected{
    color: #a08247;
    font-weight: bold
}
#titlediv{
         display: none;
 }
.service-top-cards h6 {
    text-align: center;
    color: black;
    font-size: 11px;
    height: 40px;
    line-height: 14px;
 }.service-top-cards .card > div {
    height: 95px  !important
 }
.cd-horizontal-timeline .events a.selected::after {
    background-color: #a08247;
    border-color: #a08247;
}
.btn-info{
    background-color: #318ca7;
    border-color:#46b8da
}
.btn-info:hover,.btn-info:focus{
    background-color: #46b8da  !important;
    border-color:#318ca7 !important;
}
.addToFav{
     width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    position:absolute;
    left: 15px;
    top: 12px
  }
.addToFav  i {
    font-size: 20px;

}
.addToFav:hover i.fa-star-o{
    display:none !important

}

.addToFav:hover i.fa-star{
    display: block !important

}
 
.primary-footer{
    background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
    background-color: #A87935;
    border-color: #A87935;
 padding:25px 0 0 0 }



.footer-widget h3{color:black}
.footer-widget{margin-bottom:20px}
.footer-widget span{font-size:13px;color:var(--primary);}
.footer-widget p,.footer-widget a{color:var(--primary)}.footer-widget h3{font-size: 17px;color:black;margin-top:0;margin-bottom:10px}.about-us p{margin-bottom:30px}.about-us img{margin-bottom:28px}.online-card img{margin-right:5px}.usefull-link ul li a{display:block;padding:7px 0;-webkit-transition:.3s;transition:.3s}.usefull-link ul li a:hover{padding-left:15px;color:#fff}.usefull-link ul li a i{color:#fff;margin-right:10px;position:absolute;left: 0;}.usefull-link ul li:first-child{padding-top:0}.latest-post ul li{margin-bottom:20px;display:block;overflow:hidden}.latest-post ul li img{float:left;margin-right:15px;border-radius:3px}.latest-post ul li p a{font-size:17px;margin-bottom:0;font-family:titillium web,sans-serif;transition:all .3s}.latest-post ul li p a:hover{color:#fff}.latest-post ul li p{margin-bottom:2px}.news-letter p{margin-bottom:23px}.subscribe-form{position:relative}.subscribe-form button{display:block;height:50px;width:50px;position:absolute;right:0;top:0;border:0;color:#B68A35;font-size:20px;background:0 0}.subscription-success{margin-top:20px;margin-bottom:0;color:#3c763d!important}.copyright-wrapper{background:rgba(152, 111, 47, 0.7);background-image: linear-gradient(135deg,var(--primary-light),var(--primary));padding:20px 0}.copyright-wrapper p{color:white}.copyright-wrapper a{color:#fff}
.footer-widget p, .footer-ver-men a{color:var(--primary);display: inline-block;}
 
 .single-intro:hover .intro-details{border-bottom:4px solid  #8f071c }
 .dropdown-menu.full.cart-list.animated{
 background: rgba(152, 111, 47, 0.7);
 background-image: linear-gradient(135deg,var(--primary-light),var(--primary));

}
.Css3Marquee {
    position: relative;
    cursor: pointer;
    background: #499494;
    margin: 0 auto;
    margin-top: 15px;
    font-size:20px;
    text-align: center;
    padding: 20px 0;
    color:#fff;
    box-shadow: 10px 20px 20px 3px #42AE42;
}
nav.navbar.bootsnav ul.nav  > li:hover {

    background:  white !important

}

   nav.navbar.bootsnav ul.nav  > li:hover div *{
     color:  white  !important
 }
 nav.navbar.bootsnav ul.nav  > li div ul a{
 color: white !important  ;

}
xnav.navbar.bootsnav ul.nav > li:hover ul li a{
     color: white !important  ;

}
xnav.navbar.bootsnav ul.nav  > li:hover  ul li a{
     color: white   ;

}

nav.navbar.bootsnav ul.nav  > li  div ul  {
  background:none !important

}
 .footer-ver-men a{border-left: 0 none !important} 
 .footer-ver-men a{border-right:1px solid white} 
 .footer-ver-men a:last-child{border: 0 none !important} 

 
/*Custome */

.navbar-brand{
    float: right; 
    padding: 7px 8px !important ;
}
.navbar-brand > img {

    width: 70%;
} 
.Cairo,.ws-title {
    font-family: 'Noto Kufi Arabic', sans-serif !important;
}

.navbar-brand {
    float: right;
    padding: 7px 8px 7px 0 !important;
    width: 118px;
}

.wrap-sticky nav.navbar.bootsnav{

    /*background:url(../../images/front/ico/tile-zfep.png);*/
    background: rgba(152, 111, 47, 0.7);
    background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
}
.wrap-sticky nav.navbar.bootsnav *{
   xcolor:white !important;
    font-weight: bold
}
.wrap-sticky nav.navbar.bootsnav a{
    color:white ;
    font-weight: bold
}
 


.entry-content *{
    font-family: tahoma
}

body, ul, li {  
    font-size:14px;  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:21px;  
    text-align:left;  
}  



nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu.full ,
nav.navbar.bootsnav ul.nav.navbar-left .dropdown-menu.full {

    left: 7.3%;
    position: fixed;
    opacity: 1;
    z-index: 1000;
    top: auto;
    right: 0px;
    width: 90% !important;

}

nav.navbar.bootsnav ul.nav.navbar-right > li:hover,
nav.navbar.bootsnav ul.nav.navbar-left > li:hover

 {

    xbackground: #B68A35

}

nav.navbar.bootsnav ul.nav.navbar-right > li ul,
nav.navbar.bootsnav ul.nav.navbar-left > li ul
 {

    background: rgba(152, 111, 47, 0.7);
    background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
    background: white

}
nav.navbar.bootsnav ul.nav.navbar-right > li  *
  {

     color: white
 
}
.application {
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: top;
 }
 .application .preview {
    overflow: hidden;
    background: url(https://www.ajman.ae/themes/ajman/images/phone-mockup.png);
    width: 201px;
    height: 365px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 55px 31px 63px;
    background-size: cover;
    margin: 0 auto;
}
.description-app {
    height: 120px;
    position: relative;
    padding: 0 15px 40px;
}
.download .android {
    background-color: #a4c639;
    color: #fff;
}
.download a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.2em;
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.download .apple {
    background-color: #606060;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
}
.download a i {
    padding: 6px 0;
}
content .sub-title {
    font-size: 0.8em;
}
.application .description-app .download {
    clear: both;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.application h2 {
    font-size: 1em;
}
.application .preview img {
    width: 100%;
    height: 100%
}
#block-ajman-content img {
    border: 0 !important;
    margin: 0;
    color: #8e734a;
    font-size: 16px;
    font-weight: 600;
}
.right{
    float: right ;
 }

header{
    padding: 0
}
#wowslider-container1 .ws_bullets a img{
    width: 70px
}
#wowslider-container1,#wowslider-container1 .ws_images{
    max-width: 100% !important
}

html body #wowslider-container1 .ws_bullets a.ws_selbull{
    background: #5A4E23  
}


.marquee {
    width: 300px;
    overflow: hidden;
}

.marquee h3 {
    direction: rtl;
    font-size: 3em;
    color: black;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    /* Starting position */
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap
}
.serv{
    height: 155px
}
.blurred-box{
    position: relative;
    background: inherit;
    border-radius: 2px;
    overflow: hidden;
}

.blurred-box:after{
    content: '';
    width: 300px;
    height: 300px;
    background: inherit; 
    position: absolute;
    left: -25px;
    right: 0;
    top: -25px;  
    bottom: 0;
    box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
    filter: blur(10px);
}

.footer-widget a:hover{
    color: #263248 !important;
    padding-right: 15px;
}
.cd-horizontal-timeline{
    margin:  0 !important
}
.cd-horizontal-timeline .timeline{
    max-width: 100%   !important
}

.intro-img{
    height: 175px !IMPORTANT
}
.intro-details {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 29px 0 rgba(15,46,64,.12) !important;
    max-height: 210px !important;
    margin: -53px auto 0px !important; 
    padding: 12px 10px !important;
    position: relative !important;
    width: 90% !important;
    overflow: hidden;
    border-bottom: 4px solid #fff ;
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
    height: 200px !important; 
    box-sizing: border-box !important;
    opacity: 0.8 !important;
}
.intro-details.text-center  p{
    direction: rtl  !important;
    font-size: 13px  !important;
    text-align: right  !important;
    line-height: 25px  !important;
}
.right{
    float:right
}
.clear{
    clear: both !important;
}
.intro-details.text-center h3 {
    font-size: 14px;
    color: #937B23;
    font-weight: bold;
}
   nav.navbar.bootsnav ul.nav > li:hover  *{
     color:  #B68A35  
 }

.main-navbar {
    position: relative;
    color: white;
    z-index: 10; }

.main-navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 42px; }

.main-navbar-content {
    padding: 4px 16px; }

.main-content {
    position: relative;
    margin-top: 42px;
    padding: 1em; }


.main-sidebar h3 {
    text-align: center;
    color: black;
    font-weight: bold
}
.plusminus{
    color:black;
    float:left;
    font-size: 30px;
    font-weight: bold;
    width: 50%;
    text-align: center;
    cursor: pointer
}
.colorOption{
    float:left;
    width: 20%;
    height:  50px;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;

}
.colorOption.gold{
    margin-left: 18px;
     background: rgba(152, 111, 47, 0.7);
     background-image: linear-gradient(135deg,var(--primary-light),var(--primary));
}
.colorOption.blue{
    background: #165080 
}
.colorOption.green{
    background: rgb(45, 123, 58)
}

.colorOption.red{
    background: #8f071c 
}


.main-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #D7D7D7;
    opacity: 0.9;
    color: black;

    width: 300px; }
.main-sidebar:hover {
    -webkit-transition: width 4s; /* Safari */
    transition: width 4s;

    opacity: 1;
}

.main-sidebar a:link {
    color: #ffeb3b; }

.main-sidebar a:visited {
    color: #ff9800; }

.main-sidebar a:hover {
    color: #fbc02d; }

.main-sidebar a:active {
    color: #ffc107; }

.main-sidebar .section {
    margin: 1em 0;
    margin-bottom: 2em !important; }

.main-sidebar-right {
    right: 0;
    text-align: right; }

.main-sidebar-left {
    left: 0;
    text-align: left; }

[data-ssbplugin="sbwrapper"] {
    padding: 1em; }

.dynamic-right .main-navbar-content {
    float: right; }

.dynamic-left .main-navbar-content {
    float: left; }

.main-sidebar-wrapper {
    position: relative;
    height: 100%;
    padding: 1em; 
    z-index: 9999
}

.top-icons{
    font-size: 21px;
    margin-top: 10px;
    cursor: pointer;
    opacity: 0.5
}
.top-icons:hover{
    opacity: 1
}
.attr-nav > ul > li {
    float: left;
    display: block;
    width: 7%;
    padding: 0;
}
.attr-nav > ul > li > a {
    display: block;
    padding: 0 !important;
    position: relative;
}   
.attr-nav > ul {
    width: 100%
}
.attr-nav > ul > li{
    margin:  2px 1px 0 0;
}

.attr-nav{
    
    width: 20%;
    z-index: 1000
}
.no-m-right{
    padding-right: 0px;
}
.no-m-left{
    padding-left: 0px;
}
#wowslider-container1 .ws_images > div > img {
    height: 400px  !important;
}
.closeside.plusminus{
    cursor: pointer !important;
    z-index: 10000000;
    color: graytext !important;
}
.skin-color{
    color:#B68A35 !important  
}
.skin-bordered {
    border-color:   #91804A;
}
.marqTitle{
    border: 1px solid #91804A;;
     padding: 2px 15px;
     line-height: 30px
   } 


#toggles{
    width:60px;
    margin:50px auto;
    text-align:center;
}
.ios-toggle,.ios-toggle:active{
    position:absolute;
    top:-5000px;
    height:0;
    width:0;
    opacity:0;
    border:none;
    outline:none;
}
.checkbox-label{
    display:block;
    position:relative;
    padding:10px;
    margin-bottom:20px;
    font-size:12px;
    line-height:16px;
    width:100%;
    height:36px;
    /*border-radius*/
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    background:white;
    cursor:pointer;
}
.checkbox-label:before{
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    line-height:34px;
    text-indent:40px;
    height:36px;
    width:36px;
    /*border-radius*/
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    top:0px;
    left:0px;
    right:auto;
    background:white;
    /*box-shadow*/
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label:after{
    content:attr(data-off);
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:-300px;
    padding:10px;
    height:100%;
    width:300px;
    text-align:right;
    color:#bfbfbf;
    white-space:nowrap;
}
.events-content{
        background: white;
}
.ios-toggle:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label:before{
    left:calc(100% - 36px);
    /*box-shadow*/
    -webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
    content:attr(data-on);
    left:60px;
    width:36px;
}
/* GREEN CHECKBOX */

#checkbox1 + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkbox1:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkbox1:checked + .checkbox-label:after{
    color:rgba(19,191,17,1);
}
/* RED CHECKBOX */

#checkbox2 + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
}
#checkbox2:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
    -moz-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
    box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
}
#checkbox2:checked + .checkbox-label:after{
    color:#f35f42;
}
/* BLUE CHECKBOX */

#checkbox3 + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
}
#checkbox3:checked + .checkbox-label{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
    -moz-box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
    box-shadow:inset 0 0 0 20px #1fc1c8,0 0 0 2px #1fc1c8;
}
#checkbox3:checked + .checkbox-label:after{
    color:#1fc1c8;
}

.section.ios *,.section.ios *:before,.section.ios *:after{
    box-sizing:border-box;
    margin:0;
    padding:0;
    /*transition*/
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    outline:none;
    font-family:Helvetica Neue,helvetica,arial,verdana,sans-serif;
}
.intro-details.social {
     margin: 0  !important;
    padding: 15px  !important;
    position: relative !important;
    width: 100% !important;
    overflow: hidden;
    border : 0 none !important;
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
    height: 320px !important;
    box-sizing: border-box !important;
    opacity: 0.8 !important;
    max-height: 320px !important;
}
.tabs{
   font-size:15px;
  padding:0px;
  list-style:none;
  background:#fff;
  box-shadow:0px 5px 20px rgba(0,0,0,0.1);
  display:inline-block;
  border-radius:50px;
  position:relative;
}

.tabs a{
  text-decoration:none;
  color: #777;
  text-transform:uppercase;
  padding:6px;
  display:inline-block;
  position:relative;
  z-index:1;
  transition-duration:0.6s;
}

.tabs a.active{
  color:#fff;
}

.tabs a i{
  margin-right:5px;
}

.tabs .selector{
  height:34px;
  padding: 16px;
  display:inline-block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  border-radius:50px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  
  background: #3d4142;
  background: -moz-linear-gradient(45deg, #3d4142 0%, #d1cad7 100%);
  background: -webkit-linear-gradient(45deg, #3d4142 0%,#d1cad7 100%);
  background: linear-gradient(45deg, #3d4142 0%,#d1cad7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4142', endColorstr='#d1cad7',GradientType=1 );
}  

.single-portfolio-title{
    margin-bottom: 10px
}
.panel-title{
    margin-bottom: 8px
}
 
nav > ul > li.dropdown {
    position: relative !important;
    background: red !important
}
.cd-horizontal-timeline .filling-line{
    background: none !important
}
.events{
    width: 100% !important
}

.cd-timeline-navigation .next,.cd-timeline-navigation .prev{
    display:none
}
.panel-title>a:after{
    display: none;
    margin-top: 4px
}
.panel-title>a:hover:after{
    display: block;
}
.panel-title>a {
    background: #c0c0c026;
    display: block;
    padding: 20px;
    color: #212121;
    font-size: 18px;
    position: relative;
    border-bottom: 1px solid lightgray
}
.simple-ele .panel-title>a {
    background: transparent none;
    display: block;
      border-bottom: 0 none;
           margin: 0

} 
.simple-ele .panel-title>:hover {
    background: #ccd1da
 

} 
.simple-ele .panel-title>a:after{
   display: none
 } 
.panel-title>a:hover {
    background: white;
}
.v-centered {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
        xbackground: #e7e7e7;
        padding: 30px 100px 15px 100px;
        margin-bottom: 10px;
 }
.carousel {
	position: relative;
	overflow: hidden;
	width: 87%;
}
.roll {
	position: relative;
	white-space: nowrap;
	font-size: 0;
	left:  0px;
}
.project {
	width: 200px;
	height: 200px;
 	text-align: center;
	margin: 0 40px 0 20px;
	display: inline-block;
         overflow: hidden;
        border: 1px solid gray;
        cursor: pointer;
            font-size: 25px;
 			padding-top: 60px;



}

.project .kufi {
font-size: 16px;
}
.project * {
color: black !important

}
.project  .fa{
                font-size: 70px;
                            margin-bottom: 5%

 
}

.project:hover{
    background: gray;
    color: white;

}
 
.sections {
	text-align: center;
	color: #c0c0c0;
	font-size: 12px;
}

.sections i {
	margin: 0 2px;
	cursor: pointer;
}
 
.navigation {
	position:  absolute;
	border: none;
	padding: 5px;
	background-color: rgba(35,35,35,0.8);
	height: 50px;
	width: 50px;
	color:  #FFF;
	font-size: 20px;
	text-align: center;
	top: 90px;
	z-index: 10;
}
.navigation:visited  {
	text-decoration: none;
}
 
.navigation:active {
	text-decoration: none;
}
.navigation:focus {
	outline: none;
}
.navigation:first-of-type {
	left: 0px;
}
.navigation:last-of-type {
	right: 10px;
}


@media screen and (max-width: 950px) {
    .carousel {
		position: relative;
		overflow: hidden;
		width: 620px;
	}
}
@media screen and (max-width: 655px) {
    .carousel {
		position: relative;
		overflow: hidden;
		width: 310px;
	}
}

.single-post-title h2{
    font-size: 20px
}
.rating.active > span:hover:before {
   content: "\2605";
   position: absolute;
}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 20px;
  color: orange
}
.rating.active > span:hover:before,
.rating.active > span:hover ~ span:before{
   content: "\2605";
   position: absolute;
}
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
  float:left;
 }
 #snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 1s, fadeout 1s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.rating.active > span:hover:before,
.rating.active > span:hover ~ span:before,.rating > span.filled:before{
   content: "\2605";
   position: absolute;
}
.breadcrumb + div{
    margin-bottom: 40px;
padding: 10px 0
}
.breadcrumb {
    display: flex;
    flex-direction: row;
    margin: 10px 0 ;
 }
.locationLink{
    color: black !important
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 480px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
.project.serv{
    width: 280px;
    height: 200px;
    text-align: center;
    margin: 0 15px 0 15px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid gray;
    cursor: pointer;
    font-size: 25px;
    padding-top: 4%;
}
	.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		left: -153px;
		top:400px;
		width: 200px;
        z-index: 1000000
 	}

	.sticky li{
		list-style-type: none;
		background-color: #333;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
                filter: gray; 
                -webkit-filter: grayscale(100%); 

	}
        	.sticky li a{
		list-style-type: none;
 		color: #efefef;
                padding: 0;
                margin: 0;
 
	}
        .rating > span{
            cursor: pointer
        }

	.sticky li:hover{
		margin-right: -115px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
	}

	.sticky li img{
		float: right;
		margin: 5px 5px;
		margin-right: 10px;

	}

	.sticky li p{
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		line-height: 43px;
                text-align: right

	}
        .services-tiem p>a,.services-tiem p>a+a{
            display: none !important
        } 
        .services-tiem:hover p a {
            display: block !important
        }
        .services-tiem   p  a:hover{
            background: black !important;
            color: white  !important;
        }
        .notshow *{
            color: white !important
        } 
        .notshow img{
            display: none
        }
        .widget-sidebar {
    background: #fff none repeat scroll 0 0 !important;
     box-shadow: 0 2px 29px 0 rgba(15,46,64,.12) !important;
    /* max-height: 210px !important; */
    margin: 0;
     position: relative !important;
     overflow: hidden;
    /* border-bottom: 4px solid #fff; */
    -webkit-transition: all .3s !important;
    transition: all .3s !important;
    /* height: 200px !important; */
    box-sizing: border-box !important;
    /* opacity: 0.8 !important; */
}
.padded{
    padding: 15px 10px
}
.panel-body {
    background: #f7f7f7;
    /* box-shadow: inset 0px 0px 7px 0px; */
    width: 98%;
    margin: 0 auto;
    font-size: 12px;
    color: #5d5d5f;
    border: 1px solid lightgray;
    box-shadow: 0 none;
    margin: 0 auto;
}
.panel-title>a {
    background: #c0c0c026;
    display: block;
    padding: 13px;
    color: #212121;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid lightgray;
}
.post-wrapper{
        min-height: 536px;
        box-shadow: 2px 4px 20px 2px rgba(25,25,25,.12);
        padding-top: 30px
}
.services-tiem h3 a{
    font-weight: bold;
    font-size: 14px;
    line-height: 15px
}
.entry-content *{
    font-weight: normal !important;
    font-size: 14px !important;
        line-height: 28px;

        font-family: 'Noto Kufi Arabic', sans-serif !important;
}
#DT,#DT th{
        text-align: center;
            font-size: 13px;
            vertical-align: middle
}

td.details-control:not(.noActions ) {
    transition: all .3s;
    /* background-image: url(../../images/plus-flat.png) !important; */
      border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding:7px;
  transform: rotate(130deg);
  -webkit-transform: rotate(130deg);
}
 .ui-timepicker ul{
     padding: 0 !important;
 }
 .ui-timepicker ul li a {
     text-align:center;
 }

.display.req.dataTable th:nth-child(5){
    width: 200px
}
.shown td.details-control:not(.noActions ){
        transition: all .3s;

    /* background-image: url(../../images/minus-flat.png) !important; */
    /* background-size: 61%;
    background-repeat: no-repeat;
    background-position: center center; */
    /* Arrow down */
     border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding:7px;
   -webkit-transform: rotate(45deg);

}
#DT.faq td[colspan="2"]{
     box-shadow: inset 0px 0 3px 0px #b3afaf;
    background: #f1f1f1;
} 
#DT.faq td[colspan="2"] *{
     background: #f1f1f1;
     color: red
} 

/* Style the tab */
.tab {
    float: left;
    border: 1px solid #ccc;
     width: 21%;
    height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 10px 7px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
     width: 79%;
    border-left: none;
    height: 300px;
}
.v-centered.skin-bordered{
		xborder-top: 2px solid #785f10  ;
		xborder-bottom: 2px solid #785f10  ;
		padding: 5px !important;
        margin-top: 17px
}
.v-centered.skin-bordered section {
	    padding: 0;
    margin: 0;
    width: 85%;
}
.slick-slide a{
	text-align: center;
    font-weight: bold;
    color: black;
    display: block;
    font-size: 15px;
    line-height: 30px;
}
.slick-slide a .fa{
 
    font-size: 50px;
    color: rgb(76, 76, 76);
 }

 

.ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}

.ribbon-red {
    font: bold 15px Sans-Serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #ea181e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ea181e), to(#b90005));
    background-image: -webkit-linear-gradient(top, #ea181e, #b90005);
    background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green {
    font: bold 13px Sans-Serif;
    color: #fff;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 8px 0;
    left: -28px;
    top: 19px;
    line-height: 18px;
    width: 120px;
    background-color: #ea181e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ea181e), to(#b90005));
    background-image: -webkit-linear-gradient(top, #ea181e, #b90005);
    background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-red:before,
.ribbon-red:after{
  content: "";
  border-top: 3px solid #b90005;   
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:after,
.ribbon-green:after{
  content: "";
  border-top: 3px solid #6e8900;   
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-red:before{
  left: 0;
}
.ribbon-green:before{
  right: 0;
}

.ribbon-red:after{
  right: 0;
}
.ribbon-green:after{
  left: 0;
}
label.error{
	color: red !important;
        font-family: 'Noto Kufi Arabic', sans-serif;
        font-size: 13px;
}
#currentNational-error{
        position: absolute;
    bottom: -43px;
    right: 13px;
}
.dropify-wrapper {
    border: 2px dashed #e0e0ef;
    border-radius: 7px;
    width: 100% !important;
     cursor: pointer;
    margin-top: 10px;
}
.dropify-wrapper ,.dropify-clear,.dropify-errors-container ul li  {
    font-family: 'Noto Kufi Arabic', sans-serif !important;
}
.dropify-errors-container ul,.dropify-errors-container ul li{
    width: 100%;
    text-align:center
}

.dropify-wrapper .dropify-message span.file-icon {
    font-size: 44px;
    display: block;
    color: #CCC;
    margin-top: 12px !important;
}
.main-sidebar.main-sidebar-left{
    display:none
}

.lds-ellipsis {
  display: inline-block;
   width: 64px;
  height: 64px;
  position: absolute;
    top: 51%;
    left: 35%;
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

  a.dropdown-toggle::after{
	      font-family: 'FontAwesome';
    content: "\f107";
    margin-right: auto;
    margin-left: 5px;
    margin-top: 2px;
    float: right;
  }
 .owl-carousel .item img {
    display: block;
    width: 50%;
    height: auto;
}
 .owl-controls .owl-page {
    display: inline-block;
}
 .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.item.project .fa{
    margin: 0 auto
}

.select2-container .select2-selection--single .select2-selection__rendered ,.select2-container--default .select2-selection--multiple {
        height: 50px;
    padding: 6px 20px;
    border: 1px solid gray !important;
    box-shadow: none;
        font-family: 'Noto Kufi Arabic', sans-serif;
    font-size: 14px;
    color: black !important;
    font-weight: bold;
 }
 .select2-container--default .select2-selection--single {
    border: none !important;
    direction: ltr
}


    .newsCtr .blog-item{
        box-shadow: -20px 0px 72px 0 rgba(25,25,25,.12);
        margin-bottom: 10px;
    }   
    .newsCtr .blog-content{
        float: left;
    width: calc(100% - 220px);
    }
    .newsCtr .blog-thumb{
        float: left;
    width:   200px;
    height:   176px;
    }
    .newsCtr .blog-thumb img{
     height:   176px;
    }
    .newsCtr .entry-content p{
        margin-bottom: 0
 }

 .newsPagination > strong,
 .newsPagination > a{
     float: left;
    min-width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
    line-height: 28px;
    background: white;
    box-shadow: 0px 0px 2px 0px;
        font-family: 'Noto Kufi Arabic', sans-serif;

 }
 
  .newsPagination > strong{
        box-shadow: 0px 0px 12px 1px

 }
 .kufi{
            font-family: 'Noto Kufi Arabic', sans-serif !important
 }
 .current{
      float: left;
    min-width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
    line-height: 28px;
    background: white;
    box-shadow: 0px 0px 2px 0px;
        margin-left: 13px;
    font-weight: bold;
 }
   .the_time {
    display: block;
    margin-bottom: 1px;
    color: #999;
}




 
@media (min-width: 1200px){
.container {
    xwidth: 1548px;
}
	.header-top-area .container,
	nav.navbar  .container
	{
    xwidth: 1548px;
}
}
@media (min-width: 780px){
.logo {
     padding-left: 0px !important
}
}

.a2a_default_style{
        line-height: 32px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.a2a_default_style a{
     margin : 10px 5px;
}

.news_title {
     max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
      text-overflow: ellipsis;

}
 

.tab-pane-container section{
    min-height: 808px
}
.tab-pane-container section #map,.tab-pane-container section #map + div{
        min-height: 790px
}

 .select2-selection__clear {
    padding: 2px 9px;
    font-weight: bold;
    color: #2b2b4e;
    font-size: 21px;
    border: 1px solid lightgray;
    border-radius: 8px;
    margin: 0px 8px;
    background: #f7f5f5;
}

.dropify-wrapper label.error {
    position: absolute;
    right: 12px;
    top: 5px;
}

.place_caption{padding-top: 11px;}
.ui-datepicker{
    z-index: 200 !important
}
/* header{
    z-index: 1000
} */
.place_caption .js_caption{
        position: absolute;
    right: 15px;
    top: 0;
    background: white;
    padding: 0 5px;
    color: #757070;
    transition: width 2s;
    font-size: 13px;
    z-index: 100

}

.jconfirm-title,.jconfirm-content{
    text-align: center;
    display: block !important;
    font-family: 'Noto Kufi Arabic', sans-serif !important;

}
.btn{
    letter-spacing: 0;
}
.jconfirm-buttons{
    width: 100%;
    text-align: center;
}
.jconfirm-content div{
    overflow: hidden;
}
.request_query_steps .error{
    float:right
}

.jconfirm-title{
    font-size: 15px !important
}
.btn.skin-bg:hover{
    color: white
}

 /* Slideshow container */
#impADS .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}
/* Next & previous buttons */
#impADS .prev, #impADS  .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
/* Position the "next button" to the right */
#impADS .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
#impADS .prev:hover,#impADS  .next:hover {
    background-color: rgba(0,0,0,0.8);
}
/* Caption text */
#impADS .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}
/* Number text (1/3 etc) */
#impADS .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0px;

}
footer a{
    color: #8b8b8b;
    text-decoration: none;
}
/* The dots/bullets/indicators */
#impADS .dot {
    cursor: pointer;
    height: 7px;
    width: 7px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
#impADS .active, #impADS  .dot:hover {
    background-color: #717171;
}
/* Fading animation */
#impADS .fade {
    -webkit-animation-name: adsfade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes adsfade {
    from {opacity: .4} 
    to {opacity: 1}
}
@keyframes adsfade {
    from {opacity: .4} 
    to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    #impADS  .prev,#impADS  .next,#impADS .text {font-size: 11px}
}
.has-event{
    width: 2.5em;
    height: 2.5em;
    background: #ccc;
    font-weight: bold;
}


.request_query_steps  .select2-selection__clear {
    display: none
}
.request_query_steps  span.select2,.request_query_steps .form-control {
    width: calc(100% - 58px) !important
}

.request_query_steps  label.error{
    font-size: 10px
}
.modal{
    z-index: 900000
}
.rtl { direction: rtl}
.ltr { direction: ltr}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu.full, nav.navbar.bootsnav ul.nav.navbar-left .dropdown-menu.full {
    left: 3.3%;
    position: fixed;
    opacity: 1;
    z-index: 1000;
    top: auto;
    right: 0px;
    width: 95% !important;
}
 .carousel-caption {
    right: 20%;
    left: 20%;
     padding: 0;
    margin: 0;
    bottom: 15px;
    display: none                                          
}
 .carousel-caption .kufi {
     
    margin: 0;
 }
 nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle::after {
    position: absolute;
    <?=$this->lang->line('align1') ?>: -4px
}

#confirmExitModal+.iziModal-overlay {
    pointer-events: none;
    z-index: 8900 !important
}

#confirmExitModal {
    z-index: 9000 !important
}

.prevent_all_actions a,
.prevent_all_actions button:not(.btn-danger),
.prevent_all_actions button:not(.btn-success) {
    xpointer-events: none
}

#confirmExitModal .iziModal-header-subtitle {
    font-size: 20px;
    color: red;
    background: #fff;
    width: 30px;
    position: absolute;
    top: 4px;
    border-radius: 6px;
    left: 4px
}
#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    color: white;
    border: 1px solid lightgray;
}

.smiley {
    background: linear-gradient(135deg, rgb(255, 233, 25) 0%, rgb(251, 192, 0) 100%);
    border-radius: 100%;
    padding: 25px;
    position: relative;
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(calc(-50% - 121px));
    box-shadow: rgba(211, 165, 110, 0.498039) 0px 30px 30px 1px, rgb(245, 245, 245) 0px 20px 10px 1px;
}


.mouth {
    width: 60%;
    height: 30%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    box-sizing: border-box;
    position: absolute;
    bottom: 18%;
    left: 50%;
    margin-left: -30%;
    background: #B57700;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


.eyes {
    width: 100%;
    margin-top: 15%;
    box-sizing: border-box;
    padding: 0 5px;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.eyes .eye {
    width: 20px;
    height: 20px;
    background: #B57700;
    float: left;
    border-radius: 100%;
    position: relative;
    margin: -8px -6px
}

.eyes .eye:nth-of-type(2) {
    float: right;
}

.eyes .eye::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 0%;
    background: #fed800;
    transform: rotate(0deg);
    top: -15px;
    left: 5px;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.eyes .eye:first-of-type::after {
    transform: rotate(0deg);
    left: auto;
    right: 5px;
}

/* Normal animation */
.smiley.normal .mouth,
#normal[type=radio]:checked~.smiley .mouth {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    height: 10%;
    width: 40%;
    bottom: 25%;
    margin-left: -20%;
}

.smiley.normal .eyes,
#normal[type=radio]:checked~.smiley .eyes {
    margin-top: 30%
}

/* angry animation */
.smiley.angry .mouth,
#angry[type=radio]:checked~.smiley .mouth {
    width: 40%;
    height: 20%;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    bottom: 18%;
    left: 50%;
    margin-left: -20%;
    border-bottom: 0;
}

.smiley.angry .eyes,
#angry[type=radio]:checked~.smiley .eyes {
    margin-top: 35%
}

.smiley.angry .eye::after,
#angry[type=radio]:checked~.smiley .eye::after {
    width: 120%;
    height: 50%;
    transform: rotate(-35deg);
    top: -3px;
    left: -5px;
    border-radius: 0;
}

.smiley.angry .eye:first-of-type::after,
#angry[type=radio]:checked~.smiley .eye:first-of-type::after {
    transform: rotate(35deg);
    left: auto;
    right: -5px;
}

/* */

.smiley.happy .mouth,
#happy[type=radio]:checked~.smiley .mouth {
    animation: move-mouth-down 6s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}


@keyframes move-mouth-down {
    0% {
        bottom: 18%;
    }

    4.55% {
        bottom: 16%;
    }

    8.45% {
        bottom: 16%;
    }

    13% {
        bottom: 18%;
    }

    100% {
        bottom: 18%;
    }
}

#custom-handle {
    transition: ackground-color 1.5s ease;
}




.smiley.happy .eyes,
#happy[type=radio]:checked~.smiley .eyes {
    animation: move-eyes-down 6s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}


@keyframes move-eyes-down {
    0% {
        margin-top: 15%;
    }

    4.55% {
        margin-top: 19%;
    }

    8.45% {
        margin-top: 19%;
    }

    13% {
        margin-top: 15%;
    }

    100% {
        margin-top: 15%;
    }

}



.smiley.happy .eye:nth-of-type(2),
#happy[type=radio]:checked~.smiley .eye:nth-of-type(2) {
    height: 20px;
    margin-top: 0;
    animation: wink 6s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}


@keyframes wink {
    0% {
        height: 20px;
        margin-top: 0;
    }

    3.9% {
        height: 3px;
        margin-top: 8px;
    }

    9.1% {
        height: 3px;
        margin-top: 8px;
    }

    13% {
        height: 20px;
        margin-top: 0;
    }

    100% {
        height: 20px;
        margin-top: 0;
    }
}



.smiley.normal .eye,
#normal[type=radio]:checked~.smiley .eye {
    height: 20px;
    margin-top: 0;
    animation: blink 6s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}


@keyframes blink {
    0% {
        height: 20px;
        margin-top: 0;
    }

    3.25% {
        height: 2px;
        margin-top: 8px;
    }

    6.5% {
        height: 20px;
        margin-top: 0;
    }

    9.75% {
        height: 2px;
        margin-top: 8px;
    }

    13% {
        height: 20px;
        margin-top: 0;
    }

    100% {
        height: 20px;
        margin-top: 0;
    }
}




.smiley.angry .eyes,
.smiley.angry .mouth,
#angry[type=radio]:checked~.smiley .eyes,
#angry[type=radio]:checked~.smiley .mouth {
    animation: move-angry-head 6s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
}




@keyframes move-angry-head {
    0% {
        transform: translateX(0%);
    }

    2.6% {
        transform: translateX(-20%);
    }

    5.2% {
        transform: translateX(15%);
    }

    7.8% {
        transform: translateX(-10%);
    }

    10.4% {
        transform: translateX(5%);
    }

    13% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(0%);
    }
}

.calendar-container {
    position: relative;
    max-width: 500px;
}

.calendar table {
    margin: 0
}

.month {
    color: white
}

.month,
.calendar td {
    font-family: "Noto Kufi Arabic", sans-serif;
    text-align: center
}

.event-summary,
#zsiq_maintitle {
    font-family: "Noto Kufi Arabic", sans-serif;
    text-align: <?= $this->lang->line('align') ?>;
    font-size: 13px;
}

#zsiq_maintitle {
    font-family: "Noto Kufi Arabic", sans-serif;
    color: white;
}

.event-hour {
    display: none
}

.event-date {
    text-align: center;
    direction: <?= $this->lang->line('dir') ?>;
    font-weight: bold;
    border-bottom: 1px solid
}

.calendar td {
    font-size: 11px;
}

.calendar header .btn {
    padding: 0
}

.calendar tr {
    vertical-align: middle;
}

#calenfarcontainer table {
    min-height: 300px;
}

.calendar header .btn {
    top: 9px
}

.calendar td {
}

.calendar header .month {
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    color: gray;
}

.calendar header {
    border-bottom: 1px solid;
    background: none;
}

.calendar .day.has-event:after {
    display: none
}

.g-recaptcha {
    transform: scale(0.79);
}
.hash-tabs nav li a{
    font-size: 1.1em;
    margin: 0
}
.hash-tabs nav li{
     margin: 0
}