@import url(https://fonts.googleapis.com/css?family=Rubik:400,500);
.mfp-title{
    display:none
}
.contact_title img{
    margin-bottom:30px
}
.invalid .form-group{
    margin-bottom:0!important
}
.invalid textarea{
    margin-bottom:15px!important
}
a:focus,a:hover{
    outline:0;
    text-decoration:none; 
    color:#fff
}
#transcroller-body{
    overflow:hidden
}
#acp-toggle-toolbar{
    top:inherit!important;
    bottom:15px!important;
    left:15px!important;
    width:55px;
    height:55px
} 

.equal-row {
    display: flex;
    flex-wrap: wrap;
}
.equal-col {
	
}
.equal-col .service {
	height: 100%;
	border: 1px #b1b1b1 solid;
	padding: 15px;
}
 
@media(max-width:767px){
	.equal-col {
		margin-bottom: 30px;
	}
    .title_text{
        margin-top:-50px
    }
    .contact_title img{
        margin-top:20px
    }
    #acp-toggle-toolbar{
        display:none
    }
}
.global-list li,.global-list.services li img{
    display:inline-block
}
.container-fluid,.img-bg{
    background-repeat:no-repeat!important;
    background-size:cover!important
}
.container-fluid{
    padding:140px 15px
}
.no-padding{
    padding:0 15px!important
}
.txt{
    margin:20px auto
}
body.unscroll{
    overflow:hidden!important
}
@media(max-width:767px){
    .container-fluid{
        padding:50px 15px
    }
    body{
        font-size:16px
    }
}
#contact-form{
    direction:rtl;
    margin:0 auto
}
.carousel-fade .carousel-inner .item{
    -webkit-transition-property:opacity;
    transition-property:opacity
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{
    opacity:0
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{
    left:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.carousel-fade .carousel-control{
    z-index:2
}
.home .carousel, .home .carousel-inner,.home .carousel-inner .item, .home .carousel-inner .item img{
    height:100vh;
    width:100%!important
}
.carousel,.carousel-inner,.carousel-inner .item,.carousel-inner .item img{
    width:100%!important
}
.home .hp-poster{
    padding:0 15px;
    perspective:1px;
    transform-style:preserve-3d;
    height:100vh;
    background:var(--main)
}

.hp-poster{
    padding:0 15px;
    perspective:1px;
    transform-style:preserve-3d;
    background:var(--main)
}

.hp-poster .container{
    background-image:none!important;
    height:auto;
    top:50%;
    position:absolute;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    direction:ltr
}
.home .hp-poster .container h1{
    margin:30px auto;
    font-size:34px;
    font-weight:400;
    line-height:23px
}
.lp .hp-poster .container h1{
    padding-top:30px;
    font-size:36px;
    font-weight:400;
}
.lp .hp-poster .container p {
	font-size: 28px;
}
.hp-poster .btn.border_btn{
    margin:0 auto
}
@media (min-width:320px) and (max-width:767px){
      .lp .hp-poster .container h1{
        padding-top: 170px;
        font-size:36px;
        font-weight:400;
    }
  
    .hp-poster .container img{
        max-width:85%
    }
    .home .hp-poster .container h1{
        font-size:30px;
        line-height:1;
        max-width:300px
    }
}
@media (min-width:320px) and (max-width:991px){
    .hp-poster .btn.border_btn{
        width:200px;
        margin:0 auto
    }
}
#about .title{
    max-width:392px
}
#about #poster_txt strong{
    color:var(--main)
}
.collapse_a,.collapse_a:focus,.collapse_a:hover{
    color:var(--txt);
    font-size:18px;
    font-weight:500;
    text-decoration:underline
}

.sig-white {
	-webkit-filter: invert(1);
   filter: invert(1);
}

@media(max-width:767px){
    #about{
        text-align:center
    }
    .signature{
        margin:15px auto 0
    }
	.lp .signature {
		margin:15px auto 25px auto !important;
	}
    .about_title{
        position:relative;
        z-index:2;
        display:inline-block;
        width:90%;
        margin-top:30px;
        margin-bottom:-45px
    }
    .img_hold img:not(.about_title){
        margin-top:-34px
    }
}
@media(min-width:768px){
    #about .title{
        margin-right:0
    }
}
@media(min-width:992px){
    .img_hold img:not(.about_title){
        position:absolute;
        top:34px;
        left:0;
        z-index:0
    }
    .signature{
        float:left
    }
	.lp .signature {
		float:none !important;
		margin:15px auto 25px auto !important;
	}
    .about_title{
        position:relative;
        z-index:2;
        display:inline-block
    }
}
#projects{
    overflow:hidden
}
.global-list{
    padding:0;
    list-style:none;
    text-align:center
}
.global-list.services{
    margin-right:-15px
}
.global-list.services li{
    width:33%;
    margin:0 -1px;
    padding:50px 15px;
    vertical-align:top;
    text-align:right
}
.service .inner_title{
    font-size:36px;
    line-height:48px;
    font-weight:500;
    margin:0 auto 10px;
    color:var(--main)
}
.lp .service .inner_title{
	text-align: center;
	display:block;
}
@media(max-width:767px){
    .service .inner_title{
        display:block;
        text-align:center;
    }
	.lp .service .inner_title{
		text-align:right;
    }
    .home .service .txt{
        text-align:center;
    }
}
.loop{
    margin:40px auto 0;
    max-width:300px
}
.owl-carousel .owl-item img{
    display:block;
    width:auto
}
.owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-]:hover{
    background-color:var(--main);
    font-size:30px;
    font-weight:400;
    padding:10px 15px;
    margin:0 1px;
    width:49%;
    border-radius:0;
    text-align:center;
    display:inline-block;
    color:#fff;
    opacity:1
}
.gallery{
    text-align:center;
    justify-content:space-around
}
.gallery li{
    display:inline-block;
    width:32%;
    text-align:justify;
    padding:0 10px;
    vertical-align:top
}
#contact .sub_title,#footer .up{
    display:block;
    text-align:center
}
.gallery li .post-img{
    margin:0 0 25px
}
@media(max-width:767px){
    .gallery li{
        padding:0 3px
    }
    .gallery li .post-img{
        margin-bottom:15px
    }
}
.hoverOverlay{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.3);
    opacity:0;
    -webkit-transition:opacity .2s ease-out;
    -moz-transition:opacity .2s ease-out;
    transition:opacity .2s ease-out
}
#float_contact,#footer{
    background:var(--main)
}
a.gallery-img:hover .hoverOverlay{
    opacity:1
}
#contact .sub_title{
    font-size:36px;
    font-weight:500;
    margin:10px auto;
    line-height:48px;
    max-width:500px;
    color:var(--main)
}
#footer{
    padding:10px 15px
}
#footer img{
    margin:100px auto
}
#footer .up{
    color:#fff
}
#footer .up span{
    font-size:30px;
    -moz-animation:hvr-wobble-vertical 2s ease-in-out infinite;
    -webkit-animation:hvr-wobble-vertical 2s ease-in-out infinite;
    animation:hvr-wobble-vertical 2s ease-in-out infinite;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0)
}
#footer .copy,#footer .copy a{
    text-align:left;
    color:#c8c8c8;
    font-size:14px
}
#float_contact{
    position:fixed;
    top:0;
    left:0;
    z-index:99
}
#float_contact a{
    display:inline-block;
    margin:10px 40px;
    color:#fff;
    text-align:center;
    font-size:14px
}
#float_contact a:focus,#float_contact a:hover{
    opacity:.9
}
#float_contact a img{
    margin-bottom:4px
}
@media(max-width:767px){
    #footer .copy,#footer .copy a{
        text-align:center
    }
    #footer .up{
        margin:0 auto 7px
    }
    #footer{
        padding-bottom:60px
    }
    .sub_title{
        text-align:center
    }
}
.stiky-footer{
    background:rgba(27,27,27,.9);
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:20px 15px
}

    .header.header_m{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:3
    }
    .header_phone,.header_wh{
        position:absolute;
        font-size:34px
    }
    .navbar-header{
        float:right;
        height:70px;
        position:fixed;
        right:0;
        top:0;
        background:var(--main)
    }
    .header_phone{
        left:60px;
        top:8px
    }
    .header_wh{
        left:95px;
        top:10px
    }
    .navbar-brand{
        padding:4px;
        margin:12px 59px 12px 10px;
        float:none;
        display:inline-block
    }
    #sidebar{
        display:none!important
    }
    #menu-primary,#overlay{
        display:none
    }
    #overlay{
        position:fixed;
        left:0;
        top:0;
        bottom:0;
        width:100%;
        overflow:scroll;
        background:rgba(0,0,0,.95);
        padding:0 25px;
        z-index:2
    }
    #overlay div{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        vertical-align:middle;
        margin:0 auto
    }
    #overlay ul{
        list-style:none;
        padding:0;
        -webkit-transform:translate(0,calc(50vh - 50%));
        -ms-transform:translate(0,50vh) translate(0,-50%);
        -o-transform:translate(0,calc(50vh - 50%));
        transform:translate(0,50vh) translate(0,-50%);
        margin:0 auto;
        color:#fff;
        text-align:center
    }
    #overlay ul li{
        margin:10px auto;
        text-align:center;
        float:none;
        display:block
    }
    #overlay ul li a{
        color:#fff;
        font-size:36px;
        font-weight:400;
        padding:0;
        width:fit-content;
        margin:0 auto;
        line-height:1.1
    }
    #overlay ul .last{
        margin-top:30%;
        display:block!important
    }
    .last a{
        margin:20px auto!important;
        color:#fff;
        width:100%
    }
    .last a,.last a span{
        text-align:center;
        font-size:20px!important;
        line-height:28px!important;
        display:block
    }
    #overlay ul li.active a{
        color:#fff;
        text-decoration:line-through
    }
    #overlay .nav>li>a:focus,#overlay .nav>li>a:hover{
        text-decoration:none;
        background-color:transparent
    }
    #nav-icon{
        position:absolute;
        right:15px;
        margin:0 auto;
        top:24px;
        width:30px;
        height:30px;
        z-index:10;
        cursor:pointer;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transition:.5s ease-in-out;
        transition:.5s ease-in-out
    }
    #nav-icon span{
        position:absolute;
        display:block;
        width:100%;
        height:2px;
        background:#fff;
        border-radius:0;
        opacity:1;
        right:0;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transition:.25s ease-in-out;
        transition:.25s ease-in-out
    }
    #nav-icon span:nth-child(1){
        top:0;
        width:50%
    }
    #nav-icon span:nth-child(2){
        top:9px
    }
    #nav-icon span:nth-child(3){
        top:18px;
        width:50%;
        left:0;
        right:auto
    }
    #nav-icon.animate-icon span:nth-child(1){
        top:10px;
        width:100%;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    #nav-icon.animate-icon span:nth-child(2){
        opacity:0;
        left:0
    }
    #nav-icon.animate-icon span:nth-child(3){
        top:10px;
        width:100%;
        -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg)
    }

    @media(max-width:991px){
        #content,#mCSB_2{
            display:none
        }
    }

@media(min-width:992px){
   
    .navbar{
        padding:15px 10px;
        border:none;
        border-radius:0;
        box-shadow:none
    }
    .navbar-btn,.navbar-btn:hover{
        box-shadow:none;
        outline:0!important;
        border:none;
        background:0 0;
        display:block;
        position:fixed;
        top:0;
        bottom:120px;
        right:0;
        width:98px;
        color:#fff;
        letter-spacing:.6px;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        -webkit-transition:opacity .5s ease,-webkit-transform .8s cubic-bezier(.535,0,0,1);
        transition:transform .8s cubic-bezier(.535,0,0,1),opacity .5s ease;
        transition:transform .8s cubic-bezier(.535,0,0,1),opacity .5s ease,-webkit-transform .8s cubic-bezier(.535,0,0,1);
        overflow:hidden
    }
    .navbar-btn span,.navbar-btn:focus span,.navbar-btn:hover span{
        display:block;
        position:absolute;
        top:50vh;
        right:0;
        width:50px;
        color:#fff;
        font-style:normal;
        text-align:center;
        -webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg);
        transform:translate3d(-50%,-50%,0) rotate(-90deg)
    }
    #content,#sidebar{
        top:0;
        position:fixed
    }
    #sidebar{
        width:545px;
        right:-730px;
        height:100vh;
        z-index:99;
        background:var(--main);
        transition:all .3s;
        overflow-y:scroll
    }
    #sidebar.active{
        right:90px
    }
    #dismiss{
        width:35px;
        height:35px;
        line-height:35px;
        text-align:center;
        position:absolute;
        top:10px;
        left:10px;
        color:#fff;
        cursor:pointer;
        -webkit-transition:all .3s;
        -o-transition:all .3s;
        transition:all .3s
    }
    #dismiss:hover{
        color:#fff
    }
    .overlay{
        position:fixed;
        width:calc(100% - 92px);
        height:100vh;
        background:rgba(0,0,0,.7);
        z-index:98;
        right:92px;
        display:none
    }
    #sidebar .sidebar-header{
        padding:20px
    }
    #sidebar ul li{
        float:none
    }
    #sidebar ul.components{
        float:none;
        margin:135px 150px auto auto
    }
    #sidebar ul li a,#sidebar ul li.active>a,a[aria-expanded=true]{
        font-size:45px;
        font-weight:400;
        display:inline-block;
        padding:15px 0;
        color:#fff
    }
    #content,#sidebar ul li a:hover{
        color:#fff
    }
    #sidebar ul .last{
        margin-top:25vh
    }
    a[data-toggle=collapse]{
        position:relative
    }
    #content{
        width:90px;
        padding:0;
        min-height:100vh;
        transition:all .3s;
        background:var(--main);
        right:0;
        z-index:999
    }
   
}
.border_btn,.rel{
    position:relative
}
#sidebar ul li a:hover,a.hvr-underline-from-right:hover{
    background:0 0
}
.hvr-underline-from-right:before{
    top:50%;
    background:#fff
}
.active.hvr-underline-from-right:before{
    left:0
}
#sidebar ul .last a,#sidebar ul .last a:hover{
    display:block;
    font-size:22px;
    line-height:32px;
    font-weight:400;
    color:#fff
}
#sidebar ul .last a span{
    display:block
}
.modal{
    background:rgba(0,0,0,.69);
    overflow-y:auto
}
.close,.close:focus,.close:hover{
    float:left;
    font-size:19px;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-shadow:none;
    outline:0;
    opacity:1;
    filter:none;
    background:0 0;
    border:transparent;
    margin-top:-25px
}
.modal-body span{
    display:block
}
.modal.in .modal-dialog{
    -webkit-transform:translate(0,calc(50vh - 50%));
    -ms-transform:translate(0,50vh) translate(0,-50%);
    -o-transform:translate(0,calc(50vh - 50%));
    transform:translate(0,50vh) translate(0,-50%)
}
.modal-content{
    border-radius:0!important
}
.modal-body .sub{
    font-size:20px;
    font-weight:400;
    margin:20px auto;
    line-height:1;
    display:block;
    color:var(--main)
}
.footer.tel,.modal-body .tel{
    color:var(--main);
    font-size:18px;
    line-height:24px;
    font-weight:500;
    display:block;
    text-align:center
}
.modal-body .title{
    font-size:24px;
    line-height:1;
    margin:10px auto 0
}
.sub_title,body{
    line-height:28px;
    font-weight:400
}
.sub_title span{
    text-align:center;
    width:inherit
}
@media(min-width:768px){
    .sub_title span{
        display:block;
        text-align:right;
        width:100%
    }
    .modal-dialog{
        width:500px;
        margin:0 auto
    }
}
body{
    font-family:Rubik,sans-serif!important;
    color:var(--txt);
    font-size:16px
}
.whitxt{
    color:#fff
}
.sub_title{
    color:var(--main);
    font-size:18px;
    display:block;
    letter-spacing:5px
}
.sub_title span{
    color:var(--txt);
    display:inline-block
}
.title{
    font-size:30px;
    line-height:32px;
    font-weight:500;
    margin:20px auto;
    color:var(--main)
}
#about .sub_title span{
    display:block
}
@media(max-width:767px){
    .title{
        text-align:center
    }
    .sub_title span{
        display:block
    }
}
.btn{
    border-radius:0;
    font-size:18px;
    padding:15px 40px;
    text-align:center;
    cursor:pointer;
    overflow:hidden
}
.border_btn{
    border:2px solid #fff;
    padding:13px 20px;
    color:#fff;
    font-weight:400;
    overflow:hidden
}
.border_btn:focus,.border_btn:hover{
    color:#fff;
    border-color:#fff
}
.border_btn:after{
    background:#fff;
    content:"";
    height:155px;
    left:-75px;
    opacity:.2;
    position:absolute;
    top:-50px;
    -webkit-transform:rotate(35deg);
    transform:rotate(35deg);
    -webkit-transition:all 950ms cubic-bezier(.19,1,.22,1);
    transition:all 950ms cubic-bezier(.19,1,.22,1);
    width:50px;
    z-index:-10
}
.border_btn:hover:after{
    left:120%;
    -webkit-transition:all 950ms cubic-bezier(.19,1,.22,1);
    transition:all 950ms cubic-bezier(.19,1,.22,1);
    z-index:99
}
.bgc{
    background:#f2f3f5
}
.full_btn,.full_btn:focus,.full_btn:hover{
    background:var(--main);
    border:0;
    color:#fff;
    outline:0
}
.form-control{
    max-width:380px;
    margin:10px auto 5px;
    border:2px solid #959a9f;
    border-radius:0;
    height:45px;
    padding:12px;
    font-size:16px;
    text-align:center
}
.form-control:focus{
    border-color:var(--main)
}
#userMessage{
    max-height:100px
}
form p.thankYou{
    color:var(--main);
    max-width:500px;
    margin:10px auto;
    border-top:none;
    font-weight:500
}
:root{
    --main:#1b1b1b;
    --sec:#6f6d70;
    --txt:#999999;
    --stroke:#d7dbe8
}
#contact-form .btn:focus,#contact-form .form-control:focus,.form-control:focus,.wpcf7-submit:focus{
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    -moz-box-shadow:none!important;
    outline:0!important
}
.MessageSent #contact-form{
    visibility:hidden;
    width:0;
    display:none
}
.wpcf7-response-output{
    display:none!important
}
.thankYou{
    display:none
}
.MessageSent{
    direction:rtl!important
}
.MessageSent .wpcf7-form .thankYou{
    display:block;
    color:var(--main);
    font-size:28px;
    text-align:center;
    width:100%;
    margin:10px auto;
    padding:0;
    direction:rtl
}
span.wpcf7-not-valid-tip{
    font-size:14px;
    text-align:center;
    display:block;
    font-weight:400!important
}
.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{
    background-color:#000!important
}
.line{
    width:0;
    display:inline-block;
    margin:0 12px;
    vertical-align:middle;
    animation-delay:1s!important
}
.hit .line.linegrow{
    height:2px
}
.line.xtralinegrow{
    height:1px
}
.line.linegrowup,.linemobile.line{
    width:3px;
    display:block;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    height:0
}
.line.linegrowup{
    top:-175px
}
.linemobile.line{
    top:-100px
}
#about .linemobile.line,#contact .linemobile.line{
    width:1px
}
#contact .linemobile.line{
    top:-125px
}
.line.black{
    background:var(--main)
}
.line.silver{
    background:#d6d6d6
}
.hit .linemobile.line{
    animation:.8s ease normal forwards 1 linegm
}
.hit .line.linegrowup{
    animation:.8s ease normal forwards 1 linegrowup
}

@media(max-width:767px){
    .hit .line.linegrow,.hit .line.xtralinegrow,.line.linegrowup{
        display:none!important
    }
    #about .container-fluid,#contact .container-fluid,#services .container-fluid{
        padding-top:100px
    }
  
}
@media(min-width:768px){
    .hit .linemobile.line{
        display:none!important 
    }
}
@media(min-width:992px){
    #services .sub_title{
        display:inline-block;
    }
    #float_contact a:first-child,.footer.tel,.phone{
        cursor:none!important;
        pointer-events:none!important
    }
}
.hit .line.linegrow{
    margin-right:0;
    animation:.8s ease normal forwards 1 linegrow
}
.hit .line.xtralinegrow{
    margin-right:20px;
    animation:.8s ease normal forwards 1 xtralinegrow
}
@keyframes linegrow{
    0%{
        width:0
    }
    100%{
        width:80px
    }
}
@keyframes linegm{
    0%{
        height:0
    }
    100%{
        height:100px
    }
}
@keyframes xtralinegrow{
    0%{
        width:0
    }
    100%{
        width:300px
    }
}
@keyframes linegrowup{
    0%{
        height:0
    }
    100%{
        height:120px
    }
}
body.unscroll {
     overflow:hidden !important;
     position: static;
    left: 0;
     right: 0;
    z-index: 0;
}
@media(max-width:767px){
    .modal-dialog{
        margin: 80px 10px 10px;
    }
}

.wpcf7-spinner {
	display: block !important;
}


/* LP */

.poster-text {
	color: #FFFFFF; 
	font-size: 28px;
	direction: rtl;
}
.contact-warp {
	background-color: #FFFFFF;
	padding: 25px;
}

.contact-warp img {
	padding: 25px;
}