/*
Theme Name:         Alhamd Company
Theme URI:          http://Alhamd.co/
Description:        Alhamd Company theme framework is a WordPress starter theme based on HTML5 and Bootstrap..
Version:            1.0
Author:             Alhamd Company
Author URI:         http://Alhamd.co/

License:            GNU General Public License v2 or later
License URI:        http://www.gnu.org/licenses/gpl-2.0.html

Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		Alhamd Theme
Domain Path: 		Ar

Color scheme: triquaz----#3e41a5, blueblack---#242a66, orange----#e5631b, black-------#20201f;

*/
@charset "utf-8";
@-webkit-viewport{width:device-width;}
@-moz-viewport{width:device-width;}
@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}

/* Reset site */
*{outline:none;}
html, body{margin:0px;/*overflow-x:hidden !important;*/transition:all 0.3s ease-in 0s;outline:none !important;outline-color:transparent !important;background-color:#fff;}
h1,h2{font-family: 'Almarai', sans-serif;margin:0;padding:0;}
h3, h4, h5{
margin:0;padding:0;font-family: 'Changa', sans-serif;

}
p{line-height: 1.5;font-size:14px;font-family: 'Droid Arabic Kufi', 'Cairo', tahoma, sans-serif;font-weight: 400;color: #676767;margin:0;padding:0;}

i{}
img, img a, img a:hover, img a:visited, img a:link{border:0px;}
a{
-webkit-transition:all .5s;
    -moz-transition:   all .5s;
    -ms-transition:    all .5s;
    -o-transition:     all .5s;
    transition:        all .5s;
    font-family: 'Cairo', tahoma, sans-serif;color:inherit;transition:all 0.3s ease-in 0s;outline:none;outline-color:transparent;font-weight: 600;}
a:hover{border:0px;text-decoration:none;outline:none !important;outline-color:transparent !important;}
a, a:hover, a:link, a:active{text-decoration:none !important;border:0;outline:none !important;}
a:hover, a:focus{color: #3e41a5;}
ul, li{list-style-position: inside;font-family: 'Cairo', tahoma, sans-serif;}
ol, ul {list-style: none;margin: 0;padding: 0;}

/*Numbers*/
.num{
    /*font-family: 'Russo One', sans-serif !important;*/
    font-weight: 300 !important;
    letter-spacing: 0.5px;
    direction: ltr !important;
    float: right;
}
/* setup performance */
.right{float:right;}
.left{float:left;}
.center{margin:0% auto;}
.block{display:block;}
.absolute{position:absolute;}
.relative{position:relative;}
.noMove{margin:0 !important;padding:0 !important;}
.curved{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}


/* scrollbar */

/*****************/

/* forms setup */
input[type="text"], input[type="url"], input[type="email"], input[type="phone"], input[type="tel"], textarea {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    color:inherit;
    font-weight: 600;
}
input, textarea{
    width:100%;background-color:transparent;border:none;color:#000;transition:all 0.3s;width: 100%;
background-color: transparent;
border: none;
color: #000;
border: 1px solid #c0c0c0;
padding: 7px;
transition: all 0.3s;
font-family: 'Cairo', tahoma, sans-serif;
direction: rtl;
}
textarea{max-height: 70px;max-width:100%;width: 100%;font-size:14px;}
input:focus, textarea:focus{border:1px solid #f36f21 !important;}
input:hover, textarea:hover{border:1px solid #f36f21 !important;}
input::-webkit-input-placeholder{font-size:13px !important;color: #a1a1a1 !important;}
input::-moz-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
input:-ms-input-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
input:-moz-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
textarea::-webkit-input-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
textarea::-moz-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
textarea:-ms-input-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
textarea:-moz-placeholder{font-size:13px !important;color:#a1a1a1 !important;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;display:none;opactiy:0;}
input[type=number]{-moz-appearance:textfield;}
input[type=submit], a.global-button, button.global-button{
    display: block;
    padding: 12px 30px !important;
    width: fit-content;
    width: -moz-max-content;
    max-width: fit-content;
    max-width: -moz-max-content;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Changa', tahoma, sans-serif !important;
    font-size: 20px !important;
    -moz-border-radius:20px  !important;-webkit-border-radius:20px  !important;border-radius:20px !important;
    color: #fff !important;
    text-align: center !important;
    line-height: 1.33 !important;
    letter-spacing: 0px;
    background: #242a66;
    border: none  !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow:inset 0px 0px 0px 0px #f5f5f5;
    -moz-box-shadow:inset 0px 0px 0px 0px #f5f5f5;
    box-shadow:inset 0px 0px 0px 0px #f5f5f5;
    -webkit-transition:all .5s;
    -moz-transition:   all .5s;
    -ms-transition:    all .5s;
    -o-transition:     all .5s;
    transition:        all .5s;

}
a.global-button:hover, input[type=submit]:hover{
-webkit-box-shadow:inset 0px 0px 0px 1px #3e41a5;
    -moz-box-shadow:inset 0px 0px 0px 1px #3e41a5;
    box-shadow:inset 0px 0px 0px 1px #3e41a5;
    background-color:#f5f5f5 !important;color: #242a66 !important;}
a.global-button2{
    display: block;
    padding: 12px 30px !important;
    width: fit-content;
    width: -moz-max-content;
    max-width: fit-content;
    max-width: -moz-max-content;
    margin: 0 auto;
    margin-top: 5px;
    font-family: 'Changa', tahoma, sans-serif !important;
    font-size: 20px !important;
    -moz-border-radius:20px  !important;-webkit-border-radius:20px  !important;border-radius:20px !important;
    color: #fff !important;
    text-align: center !important;
    line-height: 1.33 !important;
    background: transparent;
    border: none  !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow:inset 0px 0px 0px 1px #f5f5f5;
    -moz-box-shadow:inset 0px 0px 0px 1px #f5f5f5;
    box-shadow:inset 0px 0px 0px 1px #f5f5f5;

}
a.global-button2:hover{
-webkit-box-shadow:inset 0px 0px 2px 2px #fff;
    -moz-box-shadow:inset 0px 0px 2px 2px #fff;
    box-shadow:inset 0px 0px 2px 2px #fff;
    background-color:rgba(255,255,255, 0.2) !important;color: #fff !important;font-weight: bold;}    

input[type=submit]:hover{background-color:#a1a1a1 !important;border: 1px solid #a1a1a1 !important;color: #34373c !important;}
input[type=submit]:focus{background-color:#a1a1a1 !important;border: 1px solid #a1a1a1 !important;color: #34373c !important;}

/* structure */
.wrapper{width:100%;position:relative;margin:0 auto;background-color:#fff;overflow-x: hidden;direction: rtl;}
/* header */
.top-bar{
    min-height: 40px;
    padding: 15px 0;
    background-color: #fff;
    color: #181818;
    width: 100%;
    font-size: 14px;
    -webkit-transition:all .5s;
    -moz-transition:   all .5s;
    -ms-transition:    all .5s;
    -o-transition:     all .5s;
    transition:        all .5s;
}
.top-bar i{
    margin-left: 12px;
    float: right;
    margin-top: 3px;
    
}
.top-bar a i{
    color: #3e41a5;
    -webkit-transition:all .5s;
    -moz-transition:   all .5s;
    -ms-transition:    all .5s;
    -o-transition:     all .5s;
    transition:        all .5s;

}
.top-bar span.num{font-weight: normal;color: #242a66;}
.top-bar a:hover i{color: #242a66;}
.top-bar i{font-size: 18px;}
.top-bar i.fa-phone{transform: rotate(250deg);font-size: 18px;color: #3e41a5}
.top-bar p{
    font-size: 13px;
    font-family: 'Cairo', tahoma, sans-serif;
    color: #6c6c6c;
    line-height: 25px;
}

te{
    padding-right: 5px;
    animation: moveit 1.5s infinite alternate;
}
@keyframes moveit{
    from{opacity:0;}
    to { opacity:1; }
}

.socials{float: left;}
.socials a i{
    margin-right: 10px;
    float: left;
}

i.company-user{
    width: 18px;
    height: 20px;
    background-image: url(images/company-man.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

/*************/

.section{
    width: 100%;
    padding: 90px 0 0 !important;
    margin: 0 !important;
}

.section h1{
    color: #e5631b;
    font-size: 27px;
    text-align: center;
    padding: 0 0 20px;
    margin: 0 auto;
    width: fit-content;
    max-width: fit-content;
}

.section h2{
    color: #252764;
    font-size: 41px;
    text-align: center;
    padding: 0 0 13px;
    margin: 0 auto;
    width: fit-content;
    max-width: fit-content;
}
.vc-hoverbox-front-inner h2, .vc-hoverbox-back-inner h2{font-size: 22px;text-shadow: 2px 0px #fff;}

.section h3{
    color: #20201f;
    font-family: 'Cairo', sans-serif;
    font-size: 19px;
    text-align: center;
    padding: 5px 0 0px;
    margin: 0 auto;
    width: fit-content;
    max-width: fit-content;
    max-width: 500px;
    line-height: 1.3;
}

.divider{
    width: 285px;
    margin: 0 auto;
    min-height: 30px;
    position: relative;
}

@-webkit-keyframes tmSpin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes tmSpin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.divider-img{
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background-image: url(images/fan-divider.png);
    -webkit-animation: tmSpin 1s linear 0s infinite both;
  animation: tmSpin 1s linear 0s infinite both;
}

.divider:before{
    width: 120px;
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top:9px;
    height: 3px;
    background-color: #b6dcff;
}

.divider:after{
    width: 120px;
    display: block;
    position: absolute;
    content: '';
    left: 0;
    top:9px;
    height: 3px;
    background-color: #4184c4;
}

/**About Home**/

.about-block{
    padding: 45px 0 75px;
}

.about-block p{
    color: #97907d;
    font-size: 15.5px;
    padding-top: 35px;
}

.about-block a{
    color: #242a66;
}

/**Services Home**/
.services-block{
    padding: 45px 0 90px;
}

.services-block p{
    color: #97907d;
    font-size: 17.5px;
    padding-top: 20px;
    text-align: justify;
}

.service{
    background-color: #fff;
    -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;
    color: #252764;
    padding: 20px;
    transition: all 0.3s ease-in-out 0.3s;
}


.service:hover .service-img img{
-webkit-transform: scale(1.1);
        transform: scale(1.1);
}
.service:hover{
-moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)!important;
}

.service-img{
    position: relative;
    width:100%;
    max-height:206px;
    max-width: 100%;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0.3s;
    margin-bottom: 18px;
    -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;
}  

.service-img img{
    max-width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s;
    margin: 0 auto;
    display: block;
}

.service h3{
font-size: 18px;
margin: 0px auto;
padding: 0px;
text-align:center;
color: #252764;
}.service h3 a:hover{color:#e5631b;}


.offer-block{
    min-height: 350px;
}

.offer-content{
    padding: 30px 50px 0 0;
    width: fit-content;
    width: -moz-max-content;
    max-width: fit-content;
    max-width: -moz-max-content;
    margin: 0 auto;
}

.offer-content h4{
    font-size: 30px;
    color: #0fdfd4;
    margin-bottom: 22px;
}
.offer-content h4 b{font-size: 35px;font-weight: 600;color: #fff;font-family: 'Baloo Bhaijaan', 'Changa';}
.offer-content h5{
    color: #fff;
    font-family: 'Cairo', sans-serif;
    font-size: 25px;
    margin-bottom: 22px;
}

.offer-content a.global-button2{
    float: right;
}


/* Products */
.products{
    padding-top: 20px;
    padding-bottom: 50px;
}

li.product{
    list-style: none;
    background-color: #f6f6f6;
    padding: 20px 0px 0;
    min-height: 306px;
    position: relative;
}

li.product img{
    margin: 40px 0;
    max-width: 100%;
    height: auto;
    padding: 0 10px;
}

li.product h2{
    font-size: 16px !important;
    text-align: center;
    padding: 20px 20px 10px !important;
    background-color: #f3f5ff;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    display: block;
}

li.product span.price{
    text-align: center;
    color: #3e41a5 !important;
    font-size: 15px !important;
    padding: 0px 20px 20px;
    background-color: #f3f5ff;
    width: 100%;
    display: block;
    position: relative;
    z-index: 10;
}

li.product  span.amount{font-weight: 600;}

li.product span.woocommerce-Price-currencySymbol{margin-right: 5px;}

li.product a.button{
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top:0;
    padding-top: 45%;
    z-index: 9;
    display: none;
    background: rgba(240,240,240, 0.9);
    -webkit-transition:all .5s;
    -moz-transition:   all .5s;
    -ms-transition:    all .5s;
    -o-transition:     all .5s;
    transition:        all .5s;
}

li.product:hover a.button{display: block;}
.woocommerce a.button:hover{background: rgba(240,240,240, 0.9) !important;}
.summary-content form{display: none;}

#yith-quick-view-modal #yith-quick-view-content{padding: 4%}
.woocommerce div.product .product_title{text-align: right;margin-bottom: 30px;color: #3e41a5;font-size: 30px;}
.woocommerce div.product p.price, .woocommerce div.product span.price{text-align: right;margin-bottom: 40px;}
.woocommerce-product-details__short-description{text-align: right;margin-bottom: 40px;}
.woocommerce div.product p.stock{margin-bottom: 30px;text-align: right;}
.product_meta{text-align: right;font-family: 'Cairo';}







.offers{padding-top: 40px;}

.offers h1{
    font-size: 35px;
    color: #282828;
    text-align: right;
    padding-bottom: 22px;
}
.offers h2{
    font-size: 73px;
    color: #242a66;
    text-align: right;
    padding-bottom: 22px;
}

.offers h2 span.discou{
    font-size: 30px;
    color: #282828;
    margin-right: 5px;
    font-family: 'Droid Arabic Kufi';
}

.offers a.global-button{margin: 30px 0 0 0;}

/*Countdown Timer*/
.ujic-classic{
    margin-top: 30px; 
}

.ujic-classic span.countdown_amount {
    display: inline-block;
    margin-right: 2px;
    font-family: 'Baloo Bhaijaan', sans-serif  !important;
    font-size: 43px !important;
    line-height: 10px !important;
    letter-spacing: -5px;
    color: #181818 !important; 
    font-weight: normal; 
    background-color: transparent !important;
    background: transparent !important; 
}
.countdown_section{
    box-shadow: none  !important;
    text-transform: uppercase !important;
    border: 0px solid #f0f0f0 !important;
    color: #181818 !important !important;
    background-color: #fff !important;
    font-size: 40px  !important;
    padding: 0px 14px 10px 14px !important;
    -webkit-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;


}
.ujic-classic span.countdown_txt {
    box-shadow: none  !important;
    display: block;
    text-align: center;
    margin: 0px 0 0 0 !important;
    padding: 0 !important;
        font-family: 'Cairo', sans-serif  !important;
        font-size: 18px !important;
        color: #181818 !important;
}

.join-now{
    background-color: #242a66;
    width: 100%;
    padding: 80px 0;
}

.join-now h2{padding-top:10px;color: #fff;font-size: 25px;}

.join-now h2 span.txt{color: #fff;font-size: 20px;font-family: 'Changa';}

.join-now a.global-button2{margin: 0 auto;}
/*****************/

.onsale{display: none;}

.partners{
    padding: 40px 0;
}

















/**HomePage intro**/
.sb-intro{
    width: 100%;
    position: relative;
    top:-100px;
    z-index: 2;
    background-color: transparent;
}

.sb-intro-block{
    /*border: 1px solid #f5f5f5;*/
    background-color: #fff;
    min-height: 330px !important;
    display: inline-block;
    padding: 40px 0;
    transition: all 0.3s ease-in 0s;
    text-align: center;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)!important;
}

.sb-intro-block:hover{
    -moz-box-shadow: 0 10px 25px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 25px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 25px 5px rgba(0,0,0,0.2);
    transform: translateY(-8px)!important;
    z-index: 2;
}



.unique-block{
    position: relative;
    top:-40px;
}

.sb-intro-block h3{
    font-size: 18px;
    margin-top: 40px;
    text-align: center;
    color: #3c5170;
}

.sb-intro-block p{
    font-size: 15px;
    margin-top: 40px;
    text-align: center;
    color: #97907d;
    padding: 0 15%;
}


/**HomePage About**/
.sb-about h3{
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    line-height: 2;
    text-align: right;
    color: #3c5170;
}

.sb-about h4{
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    line-height: 3;
    text-align: right;
    color: #97907d;
    margin-right: 0px;
    float: right;
    clear: left;
}

.sb-about h4 i{
    font-size: 18px;
    color: #f36f21;
    padding: 10px;
}

.sb-about p{
    font-size: 15px;
    margin-top: 20px;
    color: #97907d;
    padding: 0;
    display: inline-block;
}

.sb-about-icon{
    float: right;
    margin-bottom: 0 !important;
    margin-left: 17px;
}


.slider-title{
    font-size: 33px  !important;
    font-family: 'Changa', sans-serif !important;
    font-weight: 600  !important;
    color: #fff  !important;
    text-align: center  !important;
    line-height: inherit  !important;
    margin-bottom: 50px  !important;
}

.slider-text{
    font-size: 18px  !important;
    font-family: 'Cairo', sans-serif !important;
    color: #f0f0f0  !important;
    text-align: center  !important;
    line-height: 22px;
}

.slider-but{
    font-size: 16px  !important;
    font-family: 'Cairo', sans-serif !important;
    color: #fff  !important;
    text-align: center  !important;
}






/* custom vc styles */
.vc_row{
    margin: 0 auto  !important;
}


.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{margin-bottom: 0 !important;}

/* news ticker custom style */
.news-tickers{
    width: 100%;
    height: 70px;
    padding: 30px 0;
    min-height: 100px;
    background: #f36f21;
}

h3.mtphr-dnt-title{
    float: left;
    width: 98px;
    padding: 15px;
    margin-right: 17px;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    -moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;
    color: #41105b;
    border: 2px solid #41105b;
    text-transform: uppercase;
    text-align: center;
    line-height: 1; 
}

.mtphr-dnt-tick-container{
    margin-left: 35px;
margin-top: 2px;
}

.mtphr-dnt-tickm, .mtphr-dnt-tick a{
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
}
.mtphr-dnt-tick, .mtphr-dnt-default-tick, .mtphr-dnt-clearfix{color: #fff !important;} 
.mtphr-dnt-tick a:visited, .mtphr-dnt-tick a:focus, .mtphr-dnt-tick a:active, , .mtphr-dnt-tick a:hover{
    color: #fff !important;
}

.mtphr-dnt-nav-prev{
    float: right;
    left: auto  !important;
}

.mtphr-dnt .mtphr-dnt-nav{
    margin-top: -16px !important;
    right: -40%;
}

.mtphr-dnt-nav-next{
    right: -48% !important;
}

.mtphr-dnt-icon-arrow-left{
background-image: url(images/lft.png) !important;
    } .mtphr-dnt-icon-arrow-left:before{ content: none !important;}

.mtphr-dnt-icon-arrow-right{
background-image: url(images/rit.png) !important;
}.mtphr-dnt-icon-arrow-right:before{ content: none !important;}

.mtphr-dnt-nav i {
    width: 41px  !important;
    height: 41px  !important;
    margin: 0px 2px !important;
}

a.download-profile{
    padding: 10px 20px !important;
    margin: 0px  auto !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    -moz-border-radius:40px  !important;-webkit-border-radius:40px  !important;border-radius:40px !important;
    color: #41105b !important;
    border: 1px solid #41105b  !important;
    text-align: center !important;
    background: #fff  !important;
    transition:all 0.3s ease-in 0s;
text-align: center;
vertical-align: middle;
cursor: pointer;
box-sizing: border-box;
word-wrap: break-word;
width: -moz-fit-content;
max-width: fit-content;
width:  all;
display: block;
}a.download-profile:hover{background: #41105b  !important;color: #fff !important;}


.news-info{
    width: auto;
    width: -moz-fit-content;
    padding: 10px 20px !important;
    margin: 0px  auto !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    -moz-border-radius:40px  !important;-webkit-border-radius:40px  !important;border-radius:40px !important;
    color: #fff !important;
    border: none  !important;
    text-align: center !important;
    background: #41105b  !important;
    transition:all 0.3s ease-in 0s;
}

.news-info .vc_general.vc_btn3, .news-info .vc_general.vc_btn3:hover,  .news-info .vc_general.vc_btn3:active,  .news-info .vc_general.vc_btn3:focus{
    padding: 0;background: none;
border: none;
color: #fff;
font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
width: 100%;}

.news-info:hover{
background-color:#84c743 !important;
}

.news-tickers h1{
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 1.8;
}

/* About us */
.intro{
    padding: 100px 0px;
    width: 100%;
    position: relative;
    min-height: 600px;
}

.intro .about-us{
    position: relative;
    /*width: 100%;*/
    border: 1px solid #dcdcdc;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 340px;
}

.intro h1{
    font-size: 26px;
    margin-bottom: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600; 
}

.intro h3{
    font-size: 23px;
    margin-bottom: 55px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #b9b9b9;
}

.intro p{
    font-size: 13px;
    color: #676767;
    font-family: 'Open Sans', sans-serif;
    display: block;
    /*width: 115%;*/
}
.about-data{
    padding: 80px 0 100px 0';
}

.about-data h3{
    font-size: 23px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-bottom: 50px;
    line-height: 36px;
}

.about-data h4{
    font-size: 17px;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
}

.about-data h5{
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
}

.about-data p{
    font-size: 13.5px;
    font-weight: 300;
    color: #676767;
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding-bottom: 35px;
    
}


h3.desc{
margin-bottom: 0;
padding-bottom: 10px;
}
h4.desc{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
h5.desc{
margin-bottom: 50px;
padding-top: 40px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #676767;
}
p.desc{
    
    display: flex;
}

.staff{
    
    margin:0 auto;
    
}

.staff img{
    max-width: 100%;
display: block;
height: auto;   
}
.one-staff{
    position: relative;
   background-color: #fff;
   min-height: 230px;
   transition: all 0.3s ease-in 0s;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)!important; 
}

.one-staff-data{
    width: 100%;
    height: 0%;
    position: absolute;
    margin: 0 auto;
    cursor: pointer;
    top: 0%;
    z-index: 1;
    background-color: #f36f21;
    color: #fff;
    transition: all 0.3s;
    text-align: center;
    /*background: url(images/head-title.png);   
    background-position: 0px 0px;
    -webkit-animation: header linear 400s infinite;
    -moz-animation: header linear 400s infinite;
    -ms-animation: header linear 400s infinite;
    -o-animation: header linear 400s infinite;
    animation: header linear 400s infinite;*/
}   

.one-data{
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    margin: 0 auto;
    padding: 30% 10% 10%;
    top: 0%;
    z-index: 2;
    opacity: 0;
    
    transition: all 0.2s;
}

.one-data p, .one-data h4, .one-data h5{color: #fff !important;text-align: center;margin-bottom: 10px;}
.one-data h5{margin-bottom: 20px;}

.one-staff:hover .one-staff-data{
    width: 100%;
    height: 100%;
    top: 0%;
    cursor: pointer;
}

.one-staff:hover .one-data{
    opacity: 1;
}

.one-data .shares{
    width: fit-content;
    width: -moz-fit-content;
    height: auto;
    margin: 20px auto;
    
}.one-data .shares a i{color: #fff;}

/*
.one-staff:hover{
        -moz-box-shadow: 0 10px 25px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 10px 25px 5px rgba(0,0,0,0.2);
    box-shadow: 0 10px 25px 5px rgba(0,0,0,0.2);
    transform: translateY(-8px)!important;
}
*/
.staff-data{
    padding: 20px;
}

.staff-data h4{
padding-bottom: 5px !important;
}

.staff h5{
    font-size: 14px;
}

.staff-data h5{
    padding-bottom: 5px !important;
    font-size: 13px;
    color: #878787;
}

.staff-data p{margin-bottom: 0px !important;}

.abou-img{
max-height: 495px;
overflow: hidden;
width: 100%;
position: absolute;
left: 8%;
top: 0;
display: block;
}
.abou-img .wpb_single_image img{max-width: none;}
.contact-img{
max-height: 525px;
overflow: hidden;
width: 100%;
position: relative;
right: 2.3%;
top: 0;
display: block;
}
.contact-img .wpb_single_image img{max-width: none;}

.title-box{
width: 275px;
min-height: 213px;
padding: 43px;
background: #602680;
position: absolute;
top: 205px;
left: 2%;
z-index: 2;
opacity: 0.95;
}
.title-box h4{
    font-size: 15px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding-bottom: 20px;
}
.title-box h5{
    font-size: 19px;
    line-height: 25px;
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding-bottom: 35px;
}

.title-box a{color: #fff;}.title-box a:hover{color: #84c743;}
/* connect us */
.connect{
    background-color: #00aa68;
    width: 100%;
    height: 215px;
    overflow:hidden;
}
.text-in{
    position:relative;
    z-index:2;
    padding: 0 60px 0 0 ;
}

.connect h3{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin:57px 0 25px 0;
    text-transform: uppercase;
    
}
.connect p{
    font-size: 14.7px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #fff;
}
.contact-info{
    width:60%;
    padding:0  0 0 12%;
    float:left;
}
.contact-info h3{
    padding-left:40px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    
}

.phone{
    width:100%;
    min-height:27px;
    padding-left:40px;
    background-image: url(images/phone.png);
    background-position:left;
    background-repeat:no-repeat;
    font-size:22px;
    color:#fff;
    text-align:left;
    direction:ltr;
}
.order-button{
    width: auto;
    float:right;
}
.order-button a{
    background-image:url(images/button.png);
    width:169px;
    height:54px;
    text-align:center;
    padding-top:15px;
    font-size:16px;
    color:#00aa68;
    font-family: 'Open Sans', sans-serif;
    display:block;
    margin-top: 90px;
    float:right;
}


.join-us{
    
    position: absolute;
    width:200%;
    height:100%;
    top:0;
    right:0;
    z-index:1;
    border-radius: 110px;
    border-top-left-radius: 110px;
    border-bottom-left-radius: 110px;

    background-color: #018e58;
    min-height: 215px;
    
}

.call-info{
    width: 50%;
    background-color: #00aa68;
    min-height: 215px;
}

/* footer */

footer{
    direction: rtl;
    background-color: #f2f2f2;
    width: 100%;
    padding: 60px 0 40px;
}
.footer-blocks{
    width: 100%;
    padding-top: 0px;
}


.logo-footer{
    max-width: 160px;
    margin-bottom: 30px;
}.logo-footer img{max-width: 100%;height: auto;display: block;}


footer p{
    font-family: 'Cairo';
    font-size: 14px;
    padding: 0 0 0 25%;
    color: #949494;
}

footer span{
   margin-bottom: 20px;
   /*float: right;*/
   margin-left: 5px;
}

h3.footer-head-title{
    font-size: 18px;
    margin-bottom: 45px;
    color: #252764;
    text-align: right;
    font-family: 'Baloo Bhaijaan';
    clear: both;
}
.main-data{width: 100%;clear: both;margin-bottom: 30px;}
.main-data i{float: right;}
.main-data p{
    font-family: 'Cairo', sans-serif;
font-size: 12.5px;
color: #000;
font-weight: 500;
}
.main-data span{
    font-family: 'Cairo', sans-serif;
font-size: 14px;
color: #949494;
}

footer h3.ti{
    font-family: 'Baloo Bhaijaan';
    font-size: 25px;
    color: #e24c47;
    padding: 0px 0 30px;
    margin-top: 60px;
    text-align: right;
}

footer h4{
    font-size: 30px;
    font-family: 'Baloo Bhaijaan';
    color: #262525;
    padding: 0 0 30px;
    text-align: right;
    direction: ltr;
}

footer .socials{float: right;}
footer .socials a i{font-size: 20px;margin-right: 0;margin-left: 25px}

footer ul{
    margin: 0;
    padding: 0;
    display: block;
}

footer ul li{
    list-style-type: none;
    list-style-position: outside;
    font-size: 14px;
margin-bottom: 10px;
    display: block;
}
footer ul li a{color: #949494;}   

.copyright p i {color: #3e41a5;}

.copyright{
    margin: 0 auto;
    width: fit-content;
    width: -moz-max-content;
    max-width: fit-content;
    max-width: -moz-max-content;
    text-align: center;
}

.subscribe-sb{
    padding: 5% 0;
}

.subscribe-sb h4{
    text-align: left;
    color: #f36f21;
    font-family: 'Cairo', tahoma, sans-serif;
    font-size: 14px;
    line-height: 2.2em;
}

.copy{
    width: 100%;
    padding: 25px 0;
}

.copy .socials{float: left;}
.copy .socials a i{display: block;float:left;margin-right:10px;padding: 4px;}

/* services */
.services{
    position: relative;
    width: 100%;
    padding: 80px 0;
    min-height: 615px;
    /*background-image: url(images/footer-bg.png);
    background-repeat: repeat;*/
    background-color: #f9f9f9;
    
}   
    
.services h1{
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 25px !important;
    text-align: center;
}

.services h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin-bottom: 50px !important;
}

    
.services-block-data{
    width: 100%;
    height: 0%;
    position: absolute;
    margin: 0 auto;
    cursor: pointer;
    top: 0%;
    z-index: 1;
    background-color: rgba(6,3,19, 0.85);
    color: #fff;
    transition: all 0.4s;
    /*background: url(images/head-title.png);   
    background-position: 0px 0px;
    -webkit-animation: header linear 400s infinite;
    -moz-animation: header linear 400s infinite;
    -ms-animation: header linear 400s infinite;
    -o-animation: header linear 400s infinite;
    animation: header linear 400s infinite;*/
}   

.services-data{
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    margin: 0 auto;
    padding-top: 20%;
    top: 100%;
    z-index: 2;
    opacity: 0;
    color: #fff;
    font-size: 60px;
    transition: all 0.8s;
    text-align: center;
}


.service-img:hover .services-block-data{
    width: 100%;
    height: 100%;
    top: 0%;
    
    cursor: pointer;
}

.services-block .hover img{
    width:100%;
}

.service-img:hover .services-data{
    opacity: 1;
    top: 0%;
}

    

     

.services-block a.more{
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
    color: #f36f21;
    display: block !important;
float: right !important;
direction: rtl !important;
}
.services-block a.more:hover{color: #414143;}
    

/* Services page */
.services-page{
    width: 100%;
}

.services-page h4{
    width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 25px;
}

.services-page .head p{
    width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}

.service-item{
    text-align: center;
    margin-bottom: 30px;
}

.service-item .vc_icon_element{margin-bottom: 20px;}
.service-item h5{padding-bottom: 15px;}
.service-item p{padding: 0 10% !important;}


.hover button.info{font-size: 30px;}
.ehover9 .overlay{
    transition: all .1s ease-out .5s;
}
.ehover9:hover button.info{
    top: 40%;
    position: relative;
    box-shadow: 0 0 0px #000;
    border: 1px solid transparent;
    color: #181818;
}

.services-data h2{color: #fff;}
.services-data p{color: #fff;}.services-data a {color: #fff;}
.services-data h2 a{color: #fff;}.services-data h2 a:hover{color: #fff;}

/* Contact page */
.contact-us{
    width: 100%;
}

.contact-us h4{
    width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 30px;
}

.contact-us h5{
    padding-bottom: 40px;
    width: 60%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.contact-us span input{margin-bottom: 25px !important;}

.contact-us .head p{
    width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}

.contact-us .block{
    padding-bottom: 50px !important;
}





/* preload */
.pace .pace-progress {
    animation: 1s linear 0s normal none infinite running bi-gradient;
    background: #3e41a5;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    z-index: 99;
}

.pace-inactive {
    display: none;
}

.pace-activity {
    background: rgba(0,0,0,0.0);
    height: 3px;
}

.pace{
  height: 100%;
position: absolute;
z-index: 99;
width: 100%;
}

.pace-running .wrapper{
    zoom:1;
    filter:alpha(opacity=10);
    opacity:0.0;
}
.pace-done .wrapper{
    zoom:1;
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transition:opacity 1s linear;
    -moz-transition:opacity 1s linear;
    -o-transition:opacity 1s linear;
    transition:opacity 1s linear;
}
.pace > h1.logo-text{
    display: block;
    width: 50px;
    height: 50px;
    background-image: url('images/preloadi.svg');
    margin: 0 auto !important;
    position: relative;
    position: fixed;
left: 48%;
right: auto;
top: 49%;
}


/* search set */
.search-page{
    width: 100%;
}


.search-page h3{
    width: 100%;
    padding: 30px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #f36f21;
    margin-bottom: 80px;
}

.search-page h4, .search-page p{
    margin-bottom: 5px;
}
article.post{
    margin-bottom: 30px;
    background-color: #f9f9f9;
    padding: 9px;
}

article.post img{
    margin-bottom: 10px;
}
.paginate{
    padding-top: 40px;
    margin: 0 auto;
    display: block;
width: -moz-fit-content;
width: fit-content;
}
/*span{margin-right: 10px;color: #fff;padding: 2px;background-color:  #f36f21;}*/
.page-numbers{margin-right: 7px;}
a.page-numbers{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color: #181818;padding: 4px 6px;background-color:  #f0f0f0;}
span.current{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color: #fff;padding: 4px 6px;background-color:  #f36f21;}


/**** Project pagr ****/
.page-project{
    width: 100%;
    padding-bottom: 110px;
}

.page-project h1{
    font-size: 28px;
    color: #3c5170;
    text-align: center;
    padding: 40px 0 20px;
}

.page-project h2{
    font-size: 22px;
    color: #3c5170;
    text-align: center;
    padding: 20px 0 40px;
}

.page-project p{
    text-align: justify;
    margin-bottom: 10px !important;
}    

.project-sidebar{
    min-height: 250px;
    border-right: 1px solid #f0f0f0;
    padding: 25px 25px 25px 0;
    margin-right: 10%;
}

.project-sidebar p{
color: #3c5170;
    }

.shares{
    margin: 30px 0;
}
.shares a{
    margin-left: 15px  !important;
    color: #c0c0c0  !important;
    font-size: 17px  !important;
}

.flexslider{
    max-height: 400px;
    overflow: hidden;
}

.flexslider .slides img{
    height: auto;
}

.other-portfolios{
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
    min-width: 100px;
    margin-bottom: 75px;

}

.next-p, .prev-p{
    width: 35px;
    font-size:20px;
    text-align: center;
    color: #c0c0c0;
}

.proj-link{
    width: 30px;
    font-size:20px;
    text-align: center;
    margin: 0 auto;
    color: #f36f21;
}

/****** Header pages Title *****/

.header{
    width: 100%;
}

.head-title{
    position: relative;
    top: 70px;
    width: 100%;
    background: url(images/head-title.png);   
    background-position: 0px 0px;
   text-align: center;
    max-height: 100%;
    height: 180px;
    -webkit-animation: header linear 400s infinite;
    -moz-animation: header linear 400s infinite;
    -ms-animation: header linear 400s infinite;
    -o-animation: header linear 400s infinite;
    animation: header linear 400s infinite;

}
@-webkit-keyframes header {     from { background-position: 0 0; }
                             to { background-position:  150% 0; }
}
@-moz-keyframes header {    from { background-position: 0 0; }
                          to { background-position: 150% 0; }
}
@-ms-keyframes header {     from { background-position: 0 0; }
                         to { background-position: 150% 0; }
} 
@-o-keyframes header {  from { background-position: 0 0; }
                        to { background-position: 150% 0; }
} 
@keyframes header {     from { background-position: 0 0; }
                     to { background-position: 150% 0; }
}

.head-title h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    padding-top: 45px;
    width: 100%;
   text-shadow: 0px 1px 1px #00653c;
}

.head-title p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #f8f8f8;
    padding-top: 13px;
    width: 100%;
   text-shadow: 0px 1px 1px #00653c;
}

/****** services page ******/

.page-inner{
    width: 100%;
    min-height: 500px;
    padding: 125px 0 0px 0;
}


/*.page-inner h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    color: #181818;
    width: auto;
    padding-bottom: 15px;
    margin: 0;
}

.page-inner h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    color: #181818;
    width: 100%;
    padding-bottom: 35px;
    margin: 0;
}

.page-inner h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 13.54px;
    color: #19171a;
    width: 100%;
    padding: 32px 0;
    margin: 0 !important;
}

.page-inner hr{
    width: 45px;
    height: 2px;
    background-color: #f36f21;
    border: none;
    clear: right;
    float: left;
    margin-bottom: 50px;
}
*/
.page-inner p{
    line-height: 1.7;
    margin-bottom: 20px;
    padding: 0 0px 0 0;
}

.page-inner ul{
    margin: inherit;
    list-style-position: outside;
    padding: inherit;
    list-style-type: none;
    display: block;
    width: 100%;
    list-style-position: inside;
}
.page-inner ul li{
   font-size: 13px;
   font-weight: 600;
    color: #a1a1a1;
    margin-bottom: 20px;
}
/*
.page-inner form{
    padding-top: 85px;
}

.page-inner form input{
    width: 100%;
    margin: 0 0 25px 0px;
    height: 43px;
    color: #ababab;
   padding: 10px 30px;
    border: none;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
}

.page-inner form .attach{
    margin-left: 15px;
    cursor: pointer;
    width: 89px;
    height: 16px;
    background: url(../images/contact/attach.png);
    overflow: hidden;
}
.page-inner form .attach input{
    cursor: pointer;
    width: 89px;
    height: 16px;
    display: block !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

.page-inner form textarea{
    width: 100%;
    margin: 25px 0 0px 0px;
    min-height: 275px;
    color: #ababab;
   padding: 10px 30px;
    border: none;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
}

.page-inner form button{
    display: block;
    width: 136px;
    height: 43px;
    margin: 25px auto 0 auto;
    background-image: url(../images/contact/send.png) ;
    border: none;
    background-color: transparent;
}
*/

.features ul{
    margin-left: 15px;
}
.features ul li{
    width: 50%;
    float: left;
}

.features ul li span{font-family: 'Open Sans', sans-serif; font-size: 15px;font-weight: 500;color: #181818;}
.features h3{
    font-family: 'Open Sans', sans-serif;
}

.feature-services{
    width: 100%;
    padding: 40px 0 0 0;
}

.feature-services h2{
    margin-bottom: 45px;
    padding-bottom: 0;
}

.feature-services ul{
    margin: 0px 0 35px 0;
}

.feature-services ul li{
    line-height: 27px;
    margin-left: 20px;
}

.feature-services p{
    padding: 0px 0 0 20px;
}

.serv-sections{
    width: 100%;
    padding: 100px 0 0px 0;
    text-align: center;
}

.serv-sections h2{
    font-size: 22px;
}

.section-img{
    position: relative;
    width: 205px;
    height: 205px;
    margin: 0 auto 30px auto;
    border: 4px solid #f1f1f1;
    overflow: hidden;
    -moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius: 100px;
}

.section-img img{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}


.active-section{
    border: 4px solid #00aa68!important;
}
.active-img{
    z-index: 99999 !important;
}


.section-img:hover{border: 4px solid #00aa68;}


/* Gallery style */
.portfolio-section{position:relative;width:100%;}
.portfolio-section nav{margin:0 auto;max-width:630px;padding-bottom:35px;}
.portfolio-section nav a{text-transform:capitalize;color: #181818;padding:0px 25px;font-size:14px;font-weight:500;font-family:'Raleway', sans-serif !important;}
.portfolio-section nav a span{color:#181818;font-family:'Open sans', sans-serif;}
.portfolio-section h3{font-size:22px;font-weight:500;line-height:38px;text-transform:uppercase;letter-spacing:4px;padding-top:10px;color:#fff;}
.portfolio-section h3 b{font-weight:700;color: #181818;}
.portfolio-section h2{font-size:28px;font-weight:500;line-height:38px;text-transform:uppercase;letter-spacing:4px;padding-top:60px;color:#fff;}
.portfolio-section h2 b{font-weight:700;color:#fff;}
.portfolio-section p{font-weight:500;font-size:13.7px;padding-bottom:5px;color: #181818;}
.portfolio-section a{font-weight:500;font-size:12px;color: #181818;display: block;overflow: hidden;position: relative;}
.portfolio-section img{display:block;max-width:100%;height:auto;}
.portfolio-data{padding:5px 0 0 0px;}
.filters{float:right;margin-top:-136px;margin-right:-50px;}

.portlink{display:block;margin-top:40px;}

.port-summary{display:none;width:0%;height:0%;position:absolute;margin:0 auto;cursor:pointer;top:50%;left:50%;z-index:1;opacity:0;background-color:#f36f21;;color:#fff;transition:all 0.3s;text-align:center;}
.port-data{display:none;width:100%;height:100%;cursor:pointer;position:absolute;margin:0 auto;padding-top:23%;top:0%;left:0%;z-index:2;opacity:0;color:#fff;transition:all 0.3s;text-align:center;}
.project i{font-style: normal;opacity: 0;text-align: center;line-height: 7.5em;background-color:rgba(6,3,19, 0.85);color:#f0f0f0;font-size:30px;display: block;position: absolute;z-index: 2;width: 100%;height: 100%;transition:all 0.3s;}
.project i.title{font-size: 20px;padding-top: 20%;}
.project{position:relative;}
.projecty:hover i{opacity:1;}

.project-status{
    position: absolute;
    background-color: #09162a;
    color: #fff;
    font-family: 'Cairo', tahoma, sans-serif;
    padding: 4px;
    top:10px;
    right: 0px;
    z-index: 5;
    opacity: 0;
    transition:all 0.3s;
}

.project-cat{
    position: absolute;
    background-color: #f59322;
    color: #fff;
    font-family: 'Cairo', tahoma, sans-serif;
    padding: 4px;
    top:10px;
    left: 0px;
    z-index: 5;
    opacity: 0;
    transition:all 0.3s;
}
.project:hover .project-status, .project:hover .project-cat{opacity:1;}




.project-links{max-width:280px;margin:0 auto;margin-bottom:150px;margin-top:100px;}
.project-links p{padding-bottom:0;margin:0 0 25px 0;line-height:1.7;text-align:center !important;}
.project-links h4{text-align:center !important;font-size:20px;}
a.project-link{font-size:11px;font-weight:500;color:#fff;text-align:center;min-width:39px;min-height:39px;display:block;float:left;margin:0 5px;background-color:#5e1fe4;text-transform:capitalize;padding:12px 15px;position:relative;cursor:pointer;}
a.project-link:hover{color:#fff !important;}
.project-alt{position:relative;width:170px;margin:0 auto;}
a.close-share{cursor:pointer;position:absolute;left:6px;top:-39px;font-size:16px;z-index:2;min-width:38px;min-height:38px;display:block;background-color:#5e1fe4;text-align:center;line-height:2.2;}
a.close-share:hover{color:#fff !important;background-color:#f36f21;}
#share-project{position:absolute;top:40px;left:0;//opacity:;}
.projecty{transition: all 0.3s ease-in-out 0.3s;}
.projecty:hover img{
-webkit-transform: scale(1.2) rotate(0deg);
        transform: scale(1.2) rotate(0deg);
}

.projecty img{
    max-width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}



.button-group{
    width: -moz-fit-content;
    margin: 0 auto;
    width: fit-content;
    padding-bottom: 50px;
    direction: rtl;
    text-align: center;
}
button.button{font-family: 'Cairo', tahoma, sans-serif;
    padding-bottom: 7px;
padding-left: 3px;
padding-right: 3px;font-size:14px;margin:0;padding:0;color:#464545;margin:0 25px;border:0;background-color:transparent;box-shadow:0 0 0 transparent;}
button.button:hover{color:#f36f21;}
.is-checked{color:#f36f21 !important;border-bottom: 2px solid #f36f21 !important;}
.gutter-sizer { width: 4%; }

h4.desc a{
    margin-bottom: 15px  !important;
    display: block;
}
p.numb{
    position: absolute;
top: -25px;
left: -50px;
font-size: 90px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif  !important;
color: #f8eefe;
transition:all 0.3s ease-in 0s;
}
p.numb2{
    position: absolute;
top: -25px;
left: -40px;
font-size: 90px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif  !important;
    font-weight: 500;
color: #f8eefe;
transition:all 0.3s ease-in 0s;
}

.res-item{
    width: 100%;
    transition:all 0.3s ease-in 0s;
}

.res-item:hover p.numb{
    color: #f36f21;
}
.res-item:hover p.numb2{
    color: #f36f21;
}

.box-admis{
    position: relative;
   background-color: #fff;
   max-height: 230px;
   transition: all 0.3s ease-in 0s;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)!important;
    padding: 20px; 
    padding-top: 40px;
    border-bottom: 2px solid #f36f21;
}

.box-admis h4{
    padding-bottom: 20px !important; 
}


.box-admis1{
    position: relative;
   background-color: #fff;
   transition: all 0.3s ease-in 0s;
    -moz-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    -webkit-box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    box-shadow: rgba(1,2,2,0.08) 0px 1px 1.96px 0.04px;
    transition: all 0.2s ease-in-out 0s;
    transform: translateY(0)!important;
    padding: 40px; 
    border-bottom: 2px solid #f36f21;
    min-height: 390px;
}

.box-admis1 h4{
    padding-bottom: 20px !important; 
}

.box-admis1 p{
    padding: 0;
}
.box-admis1 a{
    display: block;
    padding-top: 35px;
}

.counters{
    width: 80%;
    margin:0 auto  !important;
}

.donate-block{
    width: 50%;
    margin:0 auto  !important;
}

.numb-blocks{padding: 175px 75px 0 75px;}

.num-align{padding: 0 7% !important;}

/* Align data */
.view-on-mobile{display: none  !important;}
.fit-paragraph{width:90%;}
.padding-right-div{padding-right: 40px !important;}
.padding-left-div{padding-left: 40px !important;}
.padding-top-div{padding-top: 40px !important;}
.padding-bottom-div{padding-bottom: 35px !important;}
.padding-top-80{padding-top: 80px !important;}
.padding-bot-80{padding-bottom: 80px !important;}
.padding-top-100{padding-top: 100px !important;}
.padding-bot-100{padding-bottom: 100px !important;}
.padding-top-130{padding-top: 130px !important;}
.padding-bot-130{padding-bottom: 130px !important;}
.divider-div{margin-bottom: 30px;display: inline-block;}

.hidden-xl-lg-md{display: none !important;}.visible-xl-lg-md{display: block !important;}

.wpcf7-form label.error{color:red  !important;padding-left: 0  !important;}


/* top page button */
.ToTop{z-index: 2;width:40px;height:40px;padding:9px;text-align:center;background:#f36f21;font-weight:bold;color:#fff;text-decoration:none;position:fixed;bottom: 1.7%;
right: 1%;display:none;box-shadow:0px 5px 11px -2px rgba(0, 0, 0, 0.18),
0px 4px 12px -7px rgba(0, 0, 0, 0.15);}
.ToTop:hover{text-decoration:none;color:#f36f21;background: #f8f8f8;}
.ToTop:focus{text-decoration:none;color:#fff !important;background: #f36f21 !important;}