.container{
    max-width: 100%;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
}
*{
    padding: 0;
    margin: 0;
    outline: none;
    text-decoration: none;
}
p{
    padding: 0;
    margin: 0;
    direction: rtl;
    line-height: 1.8;
}
a{
    transition: all 0.3s ease 0s;
    text-decoration: none;
    outline: none;
    color: #000;
}
a:hover{
    transition: all 0.3s ease 0s;
    color: #000;
    text-decoration: none;
    outline: none;
}
img{
    height: auto;
    max-width: 100%;
}


@font-face {
 font-family:hel;
 font-style:normal;
 font-weight:400;
 src:url("fonts/hel.ttf") format('truetype')
}	


/**  

@font-face {
 font-family:Bahij;
 font-style:normal;
 font-weight:400;
 src:url("fonts/Bahij_TheSansArabic-Light.ttf") format('truetype')
}


@font-face {
 font-family:DroidArabicKufi;
 font-style:normal;
 font-weight:400;
 src:url("fonts/DroidArabicKufi-Regular.ttf") format('truetype')
}

@font-face {
 font-family:Montserrat;
 font-style:normal;
 font-weight:normal;
 src:url("fonts/Montserrat-Arabic-Regular.ttf") format('truetype')
} */


#wpadminbar{
    display: none;
}

body{
    color: #000;
    background: #fff;
    font-size: 19px;
    font-family: 'hel', sans-serif;
    font-family: 'hel', sky;
    padding: 0 !important;
    transition: all 0.5s ease 0s;
    margin: 0;
    text-align: right;
}


/*header*/
/*====================================*/

.row{
    position: relative;
}
header{
    background: #fff;
    padding: 0 15px;
    overflow: hidden;
    width: 100%;
    float: right;
    min-height: 70px;
}


header img{
    float: right;
    width: 150px;
    height: auto;
    margin: 15px 0 0 50px;
}

@media (max-width: 769px) {
header{
    position: sticky;
    top: 0;
    z-index: 999;
}
}

    
@media (min-width: 769px) {
  
 ul.topnav{
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    background: #ee695c;
    clear: both;
    display: block;
    padding: 0 20px;
    text-align: center;
    direction: rtl;
    position: sticky;
    z-index: 9999;
    top: 0;
}
}
 ul.topnav li{
    float: none;
    position: relative;
    list-style: none;
    display: inline-block;
}
ul.topnav li a {
    display: block;
    padding: 15px 10px;
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 18px;
}
ul.topnav  li:hover a{
    color: #000000;

}
ul.topnav li.current-menu-item > a{
    color: #000000;
}
ul.topnav li ul {
    display: none;
    position: absolute;
    top: 95%;
    right: 0;
    width: 200px;
    margin: 0;
    background: #fff;
    border-radius: 0;
    padding: 10px;
    z-index: 999;
    box-shadow: 0 0 6px #ddd;
}
ul.topnav li:hover ul {
    display: block;
    background: #fff !important;
}


/*header li ul:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    margin: 0 0 0 -7px;
    width: 0;
    height: 0;
    border-width: 0 7px 20px 7px;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
}*/
ul.topnav  li ul li{
    display: block;
    float: none;
}
ul.topnav  li ul li a{
    padding: 8px 5px;
    background: #fff !important;
    color: #ee695c;
    font-size: 15px;
    text-align: right;
}
ul.topnav  li ul li a:hover{
    color: #555;
}

ul.topnav li ul ul{
    position: absolute;
    top: 0;
    right: 185px;
    z-index: 99;
    display: none !important;
}
ul.topnav li ul li:hover ul{
    display: block !important;
}


.fa-bars{
    display: none;
}
@media (max-width: 769px) {
    header img{
        width: 120px;
        margin: 15px 0;
    }
    .fa-bars{
    display: block;
    float: left;
    margin: 25px 0 0;
    font-size: 25px;
    color: #ee695c;
    cursor: pointer;
    font-size: 28px !important;
}
     .topnav{
        position: fixed;
        top: 0;
        right: -300px;
        bottom: 0;
        z-index: 9999;
        background: #ee695c;
    transition: all 0.5s ease 0s;
        width: 250px;
        padding: 30px 0 50px;
        overflow-y: auto;
        direction: rtl;
    }
    .open{
        right: 0 !important;
    transition: all 0.5s ease 0s;

    }
     .topnav li{
        float: none;
        display: block !important;
        clear: both;
    }
     .topnav li a{
        padding: 15px;
        border-bottom: 1px solid #ed6050;
    }

 .topnav li ul{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    background: #ed6050 !important;
    box-shadow: none !important;
}
 .topnav li ul li a{
    padding: 7px 10px !important;
    background: none !important;
    border-bottom: none !important;
}
    
    
    ul.topnav li ul ul{
    position: relative;
    top: auto;
    right: 100%;
    display: none !important;
}
ul.topnav li ul li:hover ul{
    display: block !important;
}
    
    
}






/**/
header .phone{
    float: left;
    color: #ee695c;
    padding: 5px 10px;
    background: #eeeeee;
    font-size: 13px;
    display: block;
    border-radius: 10px;
    margin: 40px 0 0;
    direction: ltr;
}
header .phone .fa-mobile{
    float: left;
    font-size: 17px;
    margin: 0 5px  0 0;
}

/**/
.f{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-size: 100%;
    margin: 20px 0px 0 10px;
    float: left;
    text-align: center;
    background: #eeeeee;
}
.f:hover{
    background: #ee695c ;
    color: #fff;
}
@media (max-width: 769px) {
 .f{
    margin: 23px 0px 0 10px;

}
}


/**/
.sliderbody{
    position: relative;
    clear: both;
    width: 100%;
    float: right;
	padding: 0;
}
.slider{}
.slider .items{
    position: relative;
	padding: 0;
}
.slider .items img{
    width: 1005;
    height: auto;
    min-height: 270px;
}
.slider .items .text{
    position: absolute;
    left: 5%;
    top: 0;
    bottom: 0;
    width: 30%;
    z-index: 99;
    direction: rtl;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding-right: 25px;
    font-size: 20px;
}
@media (max-width: 769px) {
.slider .items .text{
    width: 60%;
    padding-right: 20px;
}	
}
.slider .items .text h1{
    font-size: 30px;
    margin: 0 0 20px;
    padding: 6px 0;
    position: relative;
    max-width: 270px;
    font-weight: 900;
}
.slider .items .text h1:after{
    content: "";
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 100%;
    background: #ee695c;
    height: 100px;
    z-index: -1;
}

.slider .fa-asterisk{
    position: absolute;
    top: 10px;
    right: -30px;
    font-size: 16px;
    color: #ee695c;
}
.slider .item .box p{
    color: #ee695c;
    margin: 0 0 20px;
    position: relative;
}
.slider .item .box a{
    color: #fff;
    background: #ee695c;
    padding: 8px 15px;
    border-radius: 10px;
    text-decoration: none;
    outline: none;
    float: right;
    display: block;
    width: 150px;
    text-align: center;
}
.slider .item .box a:hover{
    color: #fff;
    background: #000;
}
@media (max-width: 769px) {
    .slider .item .box{
    width: 50%;
}
    .slider .item .box h1{
    font-size: 18px;
    margin: 0 0 5px;
    padding: 0 0 10px;
    font-weight: normal;
}
.slider .item .box h1 img{
    display: none;
}
.slider .item .box p{
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 1.6;
}
.slider .item .box a{
    color: #fff;
    background: #ee695c;
    font-size: 13px;
    padding: 5px 0;
    width: 100px;
}
}
.slider .owl-theme .owl-controls {
    margin-top: 0;
    text-align: right;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 5%;
}

.owl-theme .owl-controls .owl-page span{
    background: #ee695c !important;
}

/**/




    .booxs{
        background: #fff;
}
    .booxs .block{
        float: right;
        padding: 10px;
        text-align: right;
        display: block;
    }
.booxs .block .textwidget iframe{
    height: 390px;
}
    .booxs .block h2{
        background-color: #000000;
        display: block;
        padding: 10px 15px;
        text-align: right;
        direction: rtl;
        color: #ee695c;
        font-size: 20px;
        font-weight: normal;
        margin: 0 0 15px;
    }

    .booxs .block a{
        display: block;
        margin: 15px 0;
        background-color: #ee695c;
        color: #fff;
        padding: 5px 10px;
        text-align: center;
    }







/*  */
section{
    clear: both;
    overflow: hidden;
    padding: 40px 15px;
    overflow: hidden;
    min-height: 100vh;
}
.step{
    color: #fff;
    background-color: #ee695c;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
    background-position: center;
    overflow: hidden;
    background-attachment: fixed;
}
.step .cover{
    padding: 100px 15px;
    overflow: hidden;
    background: rgb(0 0 0 / 59%);
}
.step h1{
	margin: 0 0 20px;
}
.title-home{
    display: block;
    text-align: center;
    margin: 0 0 40px;
}
.title-home h1{
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 22px;
    font-weight: normal;
    position: relative;
    color: #000;
}
.title-home h1:after{
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    top: 13px;
    right: 0;
    background: #ee695c;
}
.title-home h1:before{
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    top: 13px;
    left: 0;
    background: #ee695c;
}
.title-home h1 .fa{
    margin: 0 5px;
    color: #ee695c;
    font-size: 14px;
}

/**/
.items{
    float: right;
    padding: 10px;
}
.items .box {
    background: #fff;
    padding: 20px 20px 50px;
    border-radius: 7px 7px 50% 7px;
    min-height: 300px;
    text-align: center;
    transition: all 0.5s ease 0s;
    color: #000;
    font-size: 17px;
    border-right: 15px solid #ddd;
}
.items .box:hover {
    border-radius: 7px; 
    transition: all 0.5s ease 0s;
}
.items .box span{
    display: block;
    margin: -40px auto 0;
    color: #fff;
    font-size: 20px;
    background: #ee695c;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.items .box h1 {
    margin: -50px 0 40px;
    text-align: center;
    color: #eeeeee;
    background: #ee695c;
    padding: 15px 10px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: normal;
}
/**/
.mmayez{}
.mmayez .container{
    background: #fff;
    position: relative;
    border-radius: 20px;
    padding: 35px 15px;
    background: rgb(107,168,26);
background: linear-gradient(90deg, rgba(107,168,26,1) 20%, rgba(255,255,255,1) 20%);
}
.mmayez .container .row{
    background: #fff;
}
.mmayez .box{
    float: right;
    padding: 0px 30px;
}
.mmayez .box .title{
    margin: 0 0 25px;
    position: relative;
    padding: 0 20px 0 0;
    color: #ee695c;
    font-size: 22px;
}
.mmayez .box .title:after {
    content: "";
    position: absolute;
    top: 16px;
    right: -30px;
    width: 60px;
    height: 2px;
    background: #ee695c;
}
.mmayez .box .title .fa{
    float: right;
    margin: 10px 0 0 10px;
    color: #ee695c;
    font-size: 14px;
}
.mmayez .box .nav-tabs{
    direction: rtl;
    border: none;
    margin: 0;
    text-align: right;
}
.mmayez .box .nav-tabs li{
    display: inline-block;
    margin: 7px;
    float: right;

}
.mmayez .box .nav-tabs li a{
    background: #e7f1da;
    color: #ee695c;
    padding: 7px 15px;
    border-radius: 5px;
    outline: none;
    border: none;
    text-decoration: none;
}
@media (max-width: 769px) {
    .mmayez .box .nav-tabs{
        margin: 0 0 25px;
    }
    .mmayez .box .nav-tabs li a{
    padding: 5px 10px;
    font-size: 14px;
}
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #fff !important;
    background: #000000 !important;
}
.tab-pane{
    padding: 40px 30px;
    border-radius: 0 15px 15px 0;
    box-shadow: 10px 0 25px #eee;
    min-height: 220px;
}
.tab-pane .fa{
    float: right;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #000000;
    background: #e7f1da;
    border-radius: 10px;
    padding: 10px;
                    display: flex;
                flex-direction: column;
                justify-content: center;
    font-size: 40px;
    margin: 0 0 20px 25px;
}
.tab-pane h1{
    float: right;
    font-size: 25px;
    font-weight: normal;
    color: #000000;
}
@media (max-width: 769px) {
    .tab-pane .fa{
    width: 50px;
    height: 50px;
    padding: 5px;
    font-size: 25px;
    margin: 0 0 20px 15px;
}
  .tab-pane h1{
    font-size: 20px;
}  
}
.tab-pane p{
    clear: both;
    display: block;
    width: 100%;
    color: #000000;
    font-size: 14px;
    direction: rtl;
}
/**/
.progpram{
    position: relative;
    overflow: inherit;
}
.progpram:after {
    content: "";
    position: absolute;
    top: -10px;
    right: 5%;
    width: 70px;
    height: 70px;
    background-size: 100%;
    z-index: 1;
}
.progpram .title-home{
    color: #ee695c;
}
/**/
.progpram-slider{
    position: relative;
    padding: 0 40px;
}
.post{
    float: right;
    border-radius: 10px;
    padding: 10px;
    text-align: right;
    direction: rtl;
}
.post .box{
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    padding: 0 0 15px;
    box-shadow: 0 0 15px #ddd;
    min-height: 350px;

}
.post img{
    width: 100%;
    height: 180px;
    margin: 0 ;
    border-radius: 10px 10px 0 0;
}
.post .box h3{
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    line-height: 1.7;
    padding: 15px 20px;
    margin: 0;
}
.post .box i{
    font-size: inherit;
    display: block;
    direction: rtl;
    width: 100%;
    padding:  0 20px 15px;
    font-size: 10px;
    color: #999;
}
.post .box a{
    display: block;
    width: 150px;
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background: #000000;
    border-radius: 10px;
}
.post .box a:hover{
    background: #ee695c;
}

.owl-next,
.owl-prev{
    position: absolute;
    top: 48%;
    right: 0;
    width: 35px;
    height: 35px;
    background: none !important;
    opacity: 1 !important;
    font-size: 0 !important;
}
.owl-prev{
    left: 0 !important;
    right: auto !important;
}
.owl-next:after,
.owl-prev:after{
    content: "\f061";
    font-family: fontawesome;
    position: absolute;
    top: 0;
    right: -30px;
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    font-size: 0 !important;
    background-image: url(img/r.jpg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff00;
}
.owl-prev:after{
    left: -30px;
    right: auto;
    font-size: 0 !important;
    background-image: url(img/l.jpg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff00;
}
/**/
.staic{
    background: #ee695c;
    color: #fff;
    text-align: center;
    padding: 30px 20px;
}

.icon{
    float: right;
    padding: 15px;
}
.icon .fa{
    font-size: 40px;
    margin: 0 auto ;
}
.icon h1{
    font-size: 25px;
    color: #000000;
    font-weight: bold;
    margin: 15px 0;
}
.icon h4{
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}










.about{
    position: relative;
    font-size: 18px;
    background: #fff;
    text-align: right;
    padding: 0;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 75%, rgba(238,105,92,1) 75%);
}
.about:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 5%;
    width: 90px;
    height: 90px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
.about .title{
    font-size: 86px;
    position: relative;
    color: #000;
    padding: 0 30px 0 0;
    margin: -40px 0 0;
    font-weight: bold;
    line-height: 1;
    direction: rtl;
    text-align: center;
}

.qualty .title span{
    width: 15px;
    height: 15px;
    background: #fff;
    margin: 30px 0 0;
    display: inline-block;
}






.about .title:after{
     content: "";
     position: absolute;
     top: 16px;
     right: 0px;
     width: 40px;
     height: 2px;
     background: #ee695c;
     display: none;
}
.about .title .fa{
    color: #ee695c;
    font-size: 15px;
    float: right;
    margin: 10px 0 0 10px;
}
.about .block{
    float: right;
    padding: 40px;
    color: #000000;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 19px;
}
.about .block2{
	color: #fff;
	background: #ee695c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0;
}
.about .block2 span{
	color: #fff;
}

@media (max-width: 769px) {
	.about{
		background: #fff;
	}
    .about .block{
    padding: 20px;
	min-height: 200px;
}
	.about .title{
		font-size: 40px;
	}
}
.about .block p{
    padding: 7px 0;
}
.about .block img{
    width: 50%;
    padding: 5px;
    height: 170px;
    float: right;
}
.about .block img.all{
    padding: 5px;
    width: 100%;
    height: auto;
}
/**/
.v-m{
	background-image: url(img/see.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 25% auto;
	min-height: 500px;
	background-color: #fff;
	border-top: 1px solid #ee695c;
}
.v-m .block{
    direction: rtl;
    padding: 0;
    min-height: 50vh;
    margin: 0;
}
.v-m .block .box{
    float: right;
    padding: 0 20px;
    border-left: 1px solid #000;
    min-height: 180px;
    margin: 0 0 20px;
    font-size: 20px;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.v-m .block .box:last-child{
    border: none;
}
.v-m .block .box img{
    display: block;
    margin: 0 auto 10px;
    height: 100px;
    width: auto;
}
.v-m .block .box h1{
    color: #ee695c;
    font-size: 80px;
    font-weight: bold;
    line-height: 0;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    margin: 0 auto;
}
.v-m .block .box h1 span{
    width: 15px;
    height: 15px;
    background: #000;
    float: left;
    margin: 30px 0 0;
}



@media (max-width: 769px) {
    .v-m{
     min-height: 100px;
    background-size: 130px auto;
}
.v-m .block .box{
    padding: 10px 20px;
    border: none;
    border-bottom: 1px solid #000;
    min-height: 50px;
    font-size: 17px;
}
.v-m .block .box h1{
    font-size: 40px;
    min-height: 0;
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.v-m .block .box h1 span{
    margin: 6px 6px 0;
}
}
  

/********/

.valuo{
    padding: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 75%, rgb(0 0 0) 75%) !important;
    border-top: 1px solid #000;
}
@media (max-width: 769px) {
    .valuo{
    background: #fff !important;

}
}

.valuo .block{
    float: right;
    padding: 30px 30px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 19px;
}
@media (max-width: 769px) {
.valuo .block{
    min-height: auto;

}
}
.valuo .block ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: block;
    column-count: 2;
}
@media (max-width: 769px) {
	.valuo .block ul{
    column-count: 1;
}
}

.valuo .block ul li{
    background: #ed695c;
    color: #ffffff;
    margin: 0 0 4px;
    overflow: hidden;
    min-height: 70px;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    width: auto;
    border-right: 4px solid #bf4e43;
}


.valuo .block2{
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
}
.valuo .block2 h1{
    color: #fff;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    position: relative;
    direction: rtl;
}
@media (max-width: 769px) {
 .valuo .block2{
    min-height: 200px;
}  
.valuo .block2 h1{
    font-size: 40px;
}
}
.valuo .block2 h1 span{
    width: 15px;
    height: 15px;
    background: #ee695c;
    display: inline-block;
}
.valuo .block img{
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 430px;
    min-height: 180px;
    border: none !important;
}








/*******/
.dr{
    clear: #000000;
}
.dr .title-home{
    color: #ee695c;
    margin: 0 0 10px;
}
.dr strong{
    font-weight: normal;
    font-size: 13px;
    text-align: center;
    margin: 0 0 30px;
    display: block;

}
.doc{
    float: right;
    padding: 15px 40px;
    position: relative;
}
.doc:after{
    content: "";
    position: absolute;
    top: 50px;
    left: 15px;
    right: 15px;
    bottom: 50px;
    background: #000000;
    border-radius: 15px;
    box-shadow: 0 0  15px #eee;
    z-index: -1;
}

.doc .box{
    background: #fff;
    padding: 40px 20px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    font-size: 11px;
}
.doc .box img{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #ee695c;
    margin: 0 auto 20px;
}
.doc .box h6{
    display: block;
    margin: 0 0 5px;
    color: #ee695c;
    font-weight: normal;
    font-size: 13px;
}
/**/
.dr-slid{
    padding: 0;
    max-width: 960px;
    margin: 0 auto;
    display: block;
}
.dr-slid .owl-prev,
.dr-slid .owl-next{
    position: relative;
    right: auto;
    left: auto;
    margin: 0 5px;
    display: inline-block;
}

/**/
footer{
    clear: both;
    padding: 30px 5px;
    background: #fff;
    font-size: 15px;
    color: #000000;
    text-align: right;
    direction: rtl;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
footer .foot{
    float: right;
    padding: 15px;
}
footer .foot a {
    margin-top: 0 !important;
    display: inline-block;
}
footer .foot a i {
    margin-top: 0 !important;
}

footer .foot iframe{
    width: 100%;
    height: 180px;
    border-radius: 15px;
}
footer .foot img{
    width: 150px;
    height: auto;
    float: right;
    margin: 0 0 15px;
    display: block;
}
footer .foot .f{
    float: right !important;
}
footer p{
    clear: both;

}
footer .foot ul{
    list-style: none;
    display: block;
    direction: rtl;
}
footer .foot ul li{
    float: none;
    display: block;
    padding: 3px 0 ;
}
footer .foot ul li a{
    color: #000000;
    text-decoration: none;
    outline: none;
}
footer .foot ul li a:hover{
    color: #ee695c;
}
footer .foot h3{
    color: #ee695c;
    margin: 0 0 15px;
    font-size: 17px;
    font-weight: normal;
}
.span{
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0 30px 0 0;
    position: relative;
}
.span .fa{
    color: #ee695c;
   position: absolute;
   top: 0;
   right: 0;
   font-size: 17px;
}
/**/
.copy{
    color: #fff;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-size: 11px;
    background: #000000;
}
.copy a{
    color: #fff;
    text-decoration: none;
}
/**/
.head{
    color: #fff;
    text-align: center;
    padding: 50px 5px;
    background-image: url("img/step.jpg");
    background-size: cover;
    margin: 0;
    background: #f9f9f9;
}
.head .title-home{
    margin: 0 auto;
}
/**/
.clint{
    float: right;
    padding: 25px;
    text-align: center;
    display: block;
    direction: rtl;
}
.clint .box{
    background: #fff;
    padding: 20px 70px;
    border-radius: 15px;
    color: #000;
    font-size: 11px;
    direction: rtl;
    text-align: center;
    position: relative;    
    min-height: 280px;
    box-shadow: 0 0 35px #ccc;
}
.clint .box:after{
    content: "";
    position: absolute;
    top: 150px;
    right: 20px;
    width: 36px;
    height: 26px;
    background-image: url("img/quote-left.png");
    background-size: 100%;
    background-repeat: no-repeat;

}
.clint .box:before{
    content: "";
    position: absolute;
    top: 150px;
    left: 20px;
    width: 36px;
    height: 26px;
    background-image: url("img/quote-right.png");
    background-size: 100%;
    background-repeat: no-repeat;

}
.clint .box h6{
    font-size: 14px;
    text-align: center;
    color: #72ac24;
    margin: 15px 0 ;
}
.clint img{
    width:100px;
    height:100px;
    border-radius: 50%;
    margin:  20px auto;
    border: 8px solid #e6f0d8;
    background: #a9cc79;
    padding: 8px;
}
.clint .box i{
    position: absolute;
    border: 3px solid #000000;
    bottom: 0;
    left: 15%;
    right: 15%;
}

.add{
    background: #fff;
    border-radius: 15px;
    padding: 30px 50px;
    min-height: 150px;
}
.add .ap-pro-front-form-title{
    color: #ee695c;
    font-size: 18px;
    margin: 0 0 15px;
}
.ap-pro-form-field input[type="text"], .ap-pro-form-field textarea, .ap-pro-form-field select {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 3px;
    border: none;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,.07), inset 0 0 3px rgba(109,109,109,.22);
    -webkit-box-shadow: inset 0 2px 2px rgb(0 0 0 / 7%), inset 0 0 3px rgb(109 109 109 / 22%);
    box-shadow: inset 0 2px 2px rgb(0 0 0 / 7%), inset 0 0 3px rgb(109 109 109 / 22%);
    padding-left: 10px;
    width: 100%;
    padding: 12px;
    background: #f1f1f1;
    border: none;
    outline: none;
    border-radius: 10px;
    text-align: right;
    box-shadow: none;
}
.ap-pro-form-field textarea{
    height: 136px;
}
.ap-pro-form-field-wrapper {
    margin-bottom: 0;
    float: right;
    width: 51%;
    padding: 10px;
}
.add .ap-pro-form-field-wrapper:nth-child(1){
    float: left;
    width: 49%;
}
.add .ap-pro-form-field-wrapper:nth-child(5){
    float: left;
    width: 49%;
}
.add label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
}
.ap-pro-form-field-wrapper input[type="submit"] {
    background: #ee695c;
    border-color: #ee695c;
    box-shadow: none;
    color: #fff;
    text-decoration: none !important;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 12px 2px;
    white-space: nowrap;
    text-align: center;
    display: block;
    width: 100%;
}
.ap-pro-form-success-msg{
    background: #dbecc3;
    color: #729a3a;
    font-size: 14px;
    padding: 10px 15px;
    direction: rtl;
    display: block;
    margin: 10px 0;
}

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

.photo{
    float: left;
    border: 5px solid #fff;
    padding: 0;
    position: relative;
}
.photo img{
    width: 100%;
    height: 220px;
}
.photo:nth-child(6){
    width: 50% !important;
}
@media (max-width: 769px) {
.photo{
    width: 50% !important;
    height: 100px !important;
}
.photo img{
    width: 100%;
    height: 100px;
}
}

/**/
.photo span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(237,28,36,0.8);
    z-index: 9;
    color: #fff;
    font-size: 11px;
    text-align: center;
    padding: 15px;
        transition: all 0.5s ease 0s;
        transform: scale(0);

                display: flex;
                flex-direction: column;
                justify-content: center;
}
.photo:hover span{
         transition: all 0.5s ease 0s;
        transform: scale(1);   
}
/**/



/**/
.nam{
    text-align: center;
    direction: ltr;
}
.nam ul{
    list-style: none;
    display: block;
    width: 100%;
    text-align: center;
}
.nam ul li{
    float: left;
    list-style: none;
    padding: 3px;

}
.nam ul li .current ,
.nam ul li a {
    background: #f1f1f1;
    color: #000 ;
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    line-height: 30px;
    font-size: 18px;
    border-radius: 5px;
}
.nam ul li a:hover{
    opacity: 0.7;
}
.nam ul li .current {
    color: #fff;
    background: #729a3a;
}
/**/
.contact{
    padding: 0;
    position: relative;
    overflow: inherit;
}
.contact  iframe{
    width: 100%;
    height: 500px;
}

.contact .forms{
    z-index: 99;
    position: absolute;
    top: 50px;
    right: 7%;
    background: #fff;
    padding: 40px 20px 0;
    width: 350px;
    box-shadow: 0 0 30px #a9cc7950;
}
.contact .forms:after{
    content: "";
    position: absolute;
    top: -25px;
    left: -25px;
    width: 90px;
    height: 90px;
    background-image: url("img/about.png");
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

@media (max-width: 769px) {
 .contact .forms{
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
}   
}


.contact .forms h3{
    display: block;
    margin: 0 0 15px;
    font-size: 18px;
    color: #ee695c;
}
.wpcf7-form-control {
    width: 100%;
    padding: 8px 10px;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    outline: none;
    margin: 0 0 8px;
    text-align: right;
    color: #7e7e7e;
    font-size: 13px;
    max-height: 130px;
    border-radius: 5px;
    width: 100%;
    direction: rtl;
}
input[type=submit]{
    background: #ee695c !important;
    color: #fff !important;
    text-align: center !important;
    border: none !important;
}


.foot-icon{
    text-align: left;
}
@media (max-width: 769px) {
   .foot-icon{
    text-align: center;
} 
}
.foot-icon .f {

    width: 50px !important;
    height: 50px !important;
    line-height: 45px;
    background-size: 100%;
    margin: 5px;
    border: 2px solid #000000;
    background: #000000;
    color: #fff;
    border-radius: 50%;
    float: none;
    display: inline-block;
}
.foot-icon .f:hover {
    border: 2px solid #ee695c;
    background: #ee695c;
}
/**/
.page{
    padding: 30px 5px;
    text-align: right;
    direction: rtl;
}
.page img.attachment-post-thumbnail{
    width: 100%;
    height: 450px;
    margin: 0 0 20px;
}
@media (max-width: 769px) {
    .page img.attachment-post-thumbnail{
    height: auto;
}
}
.page .tit{
    color: #000000;
    font-size: 22px;
    margin: 0 0 10px;
}
.page .date{
    color: #ee695c;
    font-size: 12px;
    margin: 0 0 15px;
    display: block;
}
.block-all{
    float: right;
    padding: 10px;
}
.block-all p{
    clear: both;
}


.page .block{
    display: block;
    background: #fff;
    padding: 30px 20px;
    overflow: hidden;
}

.page .block ol,
.page .block ul{
    padding: 15px;
    direction: rtl;
    color: #444;
}
.page .block img{
    display: block;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
}
/**/
.shaer{
    padding:  20px 10px 15px;
    display: block;
    text-align: center;
    border-radius: 10px;
    clear: both;
    direction: ltr;
    margin: 25px 0 0;
    background: #dbe4d0;
}
.shaer a{
    display: inline-block;
    float: none;
    margin: 0 10px;
}
.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    padding: 7px;
}






@media (max-width: 769px) {
}

/*
background-color: rgba(80,104,140,0.5);
    transition: all 0.5s ease 0s;
        transform: scale(1.2);


                display: flex;
                flex-direction: column;
                justify-content: center;

*/


/*==========================================*/
/*==========================================*/
/*==========================================*/
/*==========================================*/
/*==========================================*/
/*==========================================*/







/*
background-color: rgba(80,104,140,0.5);
    transition: all 0.5s ease 0s;
        transform: scale(1.2);
*/








/*****************  bag images*******************/
#vlb1overlay{
    position:absolute;
    top:0;
    left:0;
    z-index: 999999999999999999999999999999999999;
    width:100%;
    height:auto;
    background-color:#000;
}

#vlb1lightbox{
    position:absolute;
    top:20px;
    left:0;
    width:100%;
    z-index:9999999999999999999999999999999999999;
    text-align:center;
    color:#151410;
    line-height:0;
}
#vlb1lightbox td{
    vertical-align:top;
}
#vlb1lightbox a, #vlb1lightbox a:hover {
    border-bottom:none;
    color:#FFFFFF;
    text-decoration:underline;
}

#vlb1lightbox a img{ border:none;}

#vlb1outerImageContainer{
    width:auto;
    height:auto; /* without this line error in IE8 detected */
    margin:0 auto;
    position:relative;
}

#vlb1lightboxImage{
    width:100%;
    height:100%;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

}

#vlb1imageContainerMain{
    margin:0 auto;
    overflow:visible;
    position:relative;
    font-size:0;/* ie fix - big info bar*/
}

#vlb1imageContainer{
    width:150px;
    height:30px;
    margin:0 auto;
    overflow:hidden;
    background-color:#fff;
    position:relative;
    font-size:0;/* ie fix - big info bar*/
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#vlb1loading{
    position:absolute;
    top:40%;
    left:0%;
    height:25%;
    width:100%;
    text-align:center;
    font-size:10px;
    z-index:1;
}
#vlb1loadingLink {
    display:block;
    margin:0 auto;
    padding:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
#vlb1hoverNav{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:9997;
}
#vlb1imageContainer>#hoverNav{ left:0;}
#vlb1prevLinkImg{
    top:50%;
    margin-top:-16px;
    width:38px;
    height:33px;
    position:absolute;
    z-index:9998;
    outline-style:none;
    display:block;
    text-indent:-9999px;
    background-position: 0 0; 
    background:none;
    }
#vlb1nextLinkImg{
    top:50%;
    margin-top:-16px;
    width:38px;
    height:33px;
    position:absolute;
    z-index:9998;
    outline-style:none;
    display:block;
    text-indent:-9999px;
    background-position: 100% 0; 
    background:none;
    }   
* html #vlb1prevLinkImg,* html #vlb1nextLinkImg{
    background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
}
#vlb1prevLinkImg { left: 0px; }
#vlb1nextLinkImg { right: 0px; }
#vlb1imageContainerMain:hover #vlb1prevLinkImg:hover, 
#vlb1imageContainerMain:hover #vlb1prevLinkImg.hover, 
#vlb1imageContainerMain:hover #vlb1prevLinkImg:visited:hover { 
    background-position: 0 100%;  
}
#vlb1imageContainerMain:hover #vlb1nextLinkImg:hover, 
#vlb1imageContainerMain:hover #vlb1nextLinkImg.hover, 
#vlb1imageContainerMain:hover #vlb1nextLinkImg:visited:hover { 
    background-position: 100% 100%; 
} 
#vlb1imageContainerMain:hover #vlb1prevLinkImg{
    background-image:url(images/arrows.png);
    background-position: 0 0;
}
#vlb1imageContainerMain:hover #vlb1nextLinkImg{
    background-image:url(images/arrows.png);
    background-position: 100% 0;
}
* html #vlb1prevLinkImg{
    background-image:url(images/arrows.png);
}
* html #vlb1nextLinkImg{
    background-image:url(images/arrows.png);
} 

#vlb1imageDataContainer{
    font: 20px 'Prosto One', "Comic Sans MS",cursive;
    line-height: 22px;
    color: #333333;
    text-shadow: -1px 1px 1px #000;
    width: auto;
    position: absolute;
    z-index:9999;
    bottom: 25px;
    left: 8px;
    opacity:1;  
}

#vlb1imageData{
    overflow:hidden;
    background:#eeeeee;
    background:-webkit-linear-gradient(270deg, #eeeeee, #BBBBBB);
    background:-moz-linear-gradient(270deg, #eeeeee, #BBBBBB);
    background:-o-linear-gradient(270deg, #eeeeee, #BBBBBB);
    background:linear-gradient(to bottom, #eeeeee, #BBBBBB);
    border-width: 1px;
    border-style: solid;
    border-color: #fafafa #cbc8c8 #bbbbbb #cbc8c8;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;  
    text-align:center; 
    position: relative;
    z-index:9999;
    margin-right: 8px;
}
#vlb1imageDetails{ width:100%; padding:0;}
#vlb1caption{
    padding: 10px;
    display:block;
    text-align: right;
    color: #000;
    background-color: #d7d2d2;
    direction: rtl;
    font-family: flat;
}
#vlb1numberDisplay{ display:none;text-align:right;}
#vlb1detailsNav{display:none;}
#vlb1prevLinkDetails, #vlb1nextLinkDetails, #vlb1slideShowControl{display:none;}

#vlb1close{
    position:relative;
    width:100%;
    height:0;
    z-index:21;
}
#vlb1closeLink {
    position:absolute;
    top:8px;
    right:7px;
    display:block;
    outline-style:none;
    margin:0;
    padding:0;
    text-decoration:none;
    width:38px;
    height:33px;
    background-position: 0 0;
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close.png', sizingMethod='scale');
    background-image: url(images/close.png);
    background-repeat: no-repeat;
}
#vlb1closeLink:hover {
    background-position: 0 100%;
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='close.png', sizingMethod='scale');  
    background-image: url(images/close.png);
    background-repeat: no-repeat;
}   

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

* html .clearfix {
    /* Hides from IE-mac \*/
    height:1%;
    /* End hide from IE-mac */
}   

#vlb1outerImageFrame{
    border:none;
    height:100%;
    width:100%;
    position:absolute;
}

#vlb1outerImageContainer{
    overflow:visible;
}
#vlb1outerImageContainer td{
    text-align:center;
    padding:0;
}

#vlb1lightboxFrameBody{
    background-color:#FFFFFF;
    padding: 10px;
}

#vlb1outerImageContainer td, #vlb1outerImageContainer tr{
    font-size:0;
    border:0 none;
}

#vlb1outerImageContainer td.tl, #vlb1outerImageContainer td.br{
    height:7px;
    width:7px;
}
.vlb{display:none;}
#vlb1outerImageContainer td.tl{
    margin-top: 1px;
    background-image:url(images/borderTopLeft.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopLeft.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.tc{
    background-image:url(images/borderTopCenter.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopCenter.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.tr{
    background-image:url(images/borderTopRight.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopRight.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.ml{
    background-image:url(images/borderMiddleLeft.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderMiddleLeft.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.mr{
    background-image:url(images/borderMiddleRight.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderMiddleRight.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.bl{
    background-image:url(images/borderBottomLeft.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomLeft.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.bc{
    background-image:url(images/borderBottomCenter.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomCenter.png', sizingMethod='scale');
}
#vlb1outerImageContainer td.br{
    background-image:url(images/borderBottomRight.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomRight.png', sizingMethod='scale');
} 












.tel-622{
    position: relative;
}
.tel-622:after {
    content: "966";
    position: absolute;
    left: 10px;
    top: -3px;
}

td, th {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
/**********/

.cri{
	display: block;
	max-width: 600px;
	margin: 0 auto;
}
.cri .cri-img{
    float: right;
    padding: 10px;
}
.cri .cri-img img{
    border: 1px solid #000;
    padding: 3px;
    width: 100%;
    height: auto;
}



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

.pel{
	font-size: 50px;
	animation: re 1s linear infinite;
}
@keyframes re {
  0    {opacity: 1;}
  100% {opacity: 0;}
}

.carousel-indicators li {
    background-color: #000;
    border: 1px solid #000;
}
.gallery-item{
	position: relative;
	margin: 0 !important;
	padding: 5px !important;
}
.gallery-item img{
	margin: 0 !important;
}
@media (max-width: 769px) {
.gallery-item{
	width: 100% !important;
}	
}
dd {
    margin-left: 0;
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0;
    line-height: normal;
    min-width: 100%;
    text-align: center;
    max-width: 100%;
    font-size: 20px;
    margin: 0;
}
dl {
    margin-top: 0;
    margin-bottom: 0;
}


.valuo{
	background: #efefef;
	text-align: center;
}
/***************/
.serv-row{
	padding: 0;
}
.serv-block {
	float: right;
	padding: 0 30px;
	text-align: right;
}
@media (max-width: 769px) {
.serv-block {
	padding: 20px 10px;
}	
}
.serv-row:last-child .serv-block {
	float: left !important;	
}


/************/
.bg{
	color: #fff;
	background-size: cover;
}

.bg .carousel{
}
.bg .carousel .carousel-indicators{
	width: 100%;
	text-align: center;
	direction: rtl;
	border-top: 2px solid #fff;
	position: relative;
	left: auto;
	right: auto;
	margin: 0 auto 40px;
    padding: 10px 0 0;
}
.bg .carousel .carousel-indicators li{
	float: none;
	display: initial;
	padding: 0 10px;
	background: none !important;
	color: #fff;
	border: none;
	text-align: center;
	position: relative;
	font-weight: bold;
}
.bg .carousel .carousel-indicators li.active{
    color: #ee695c;
}

.bg .carousel .carousel-indicators li:after{
    content: "";
    position: absolute;
    right : 0;
    top: 0;
    widows: 10px;
    height: 10px;
    display: block;
    background: #8c0303;
    z-index: 9;
}
.bg .carousel .carousel-indicators li.active:after{}

.bg .carousel .block{
	float: right;
	padding: 20px;
	text-align: right;
	direction: rtl;
}
.bg .carousel .block img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.bg .carousel .block h1{
	color: #ee695c;
	font-size: 55px;
	margin: 50px 0 20px;
}

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

.carousel-control{
                  display: flex;
                flex-direction: column;
                justify-content: center;
    color: #ee695c;
    opacity: 1;
    background: none;
    display: none;
}
.carousel-control.left{
    background: none;
}
.carousel-control.right{
    background: none;
}






/************/
.serv{
    position: relative;
    min-height: 500px;
}
.serv .container{
    z-index: 99;
    position: inherit;
}
.serv h6{
    font-size: 1200%;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 1px #000;
    position: absolute;
    z-index: -1;
    top: 20px;
    right: 0;
    line-height: 0;
    opacity: 0.6;
}
.serv h1{
	color: #ee695c;
	font-size: 80px;
	font-weight: bold;
	line-height: 0;
	min-height: 100px;
	display: block;
	width: auto;
	margin: 90px auto 0;
	text-align: right;
	direction: rtl;
}
@media (max-width: 769px) {
.serv h6{
    font-size: 500%;
}
.serv h1{
	font-size: 40px;
	margin: 30px auto 0;
}	
}

.serv h1 span{
	width: 15px;
	height: 15px;
	background: #000;
	margin: 30px 0 0;
	display: inline-block;
}

@media (max-width: 769px) {
h1 span,.title span{
}	
}


.serv .block{
    float: right;
    padding: 20px 10px;
}
.serv .block-r {
    background-image: url(img/serv1.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top left;
    min-height: 500px;
    padding-left: 130px;
}
.serv .block h3{
    margin: 90px 0 0;
    text-align: center;
    border: 3px solid #999999;
    color: #fff;
    padding: 15px 0;
    font-size: 22px;
    font-weight: 800;
    width: 250px;
    max-width: 100%;
    background: rgb(117,50,46);
    background: linear-gradient(90deg, rgba(117,50,46,1) 0%, rgba(227,101,87,1) 100%);
}
.serv .block ul{
    list-style: none;
    direction: rtl;
    text-align: center;
    padding: 0 0 15px 0;
    width: 255px;
    max-width: 100%;
}
.serv .block ul li{
    font-size: 14px;
    padding: 3px 0 3px 0;
    /* background-image: url(img/r.jpg); */
    background-repeat: no-repeat;
    background-position: left 17px;
    background-size: 18px auto;
    line-height: normal;
    display: block;
    clear: both;
    float: none;
}




.serv .block-l {
    background-image: url(img/serv2.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: top right;
    min-height: 500px;
    padding-right: 130px;
    text-align: right;
}
@media (max-width: 769px) {
	.serv .block-r{
	    min-height: 300px;
	    padding: 0 0 0 69px;
	}
	.serv .block-l{
	    min-height: 300px;
	    padding: 0 70px 0 0;
	}
}
.serv .block-l h3{
    margin: 90px 0 0;
    text-align: center;
    border: 3px solid #999999;
    color: #fff;
    padding: 15px 0;
    font-size: 22px;
    font-weight: 800;
    width: 250px;
    max-width: 100%;
    background: rgb(117,50,46);
    background: linear-gradient(90deg, rgba(117,50,46,1) 100%, rgba(227,101,87,1) 0%);
    float: right;
}
.serv .block-l ul{
    list-style: none;
    direction: rtl;
    text-align: right;
    padding: 15px 0 15px 0;
    width: 255px;
    max-width: 100%;
    float: right;
    clear: both;
}
.serv .block-l ul li{
    font-size: 14px;
    padding: 3px 0 3px 0;
    /* background-image: url(img/l.jpg); */
    background-repeat: no-repeat;
    background-position: right 17px;
    background-size: 18px auto;
    line-height: normal;
    display: block;
    clear: both;
    float: none;
}

@media (max-width: 769px) {
	.serv .block ul li{
    font-size: 15px !important;
    background-size: 14px;
}
}

.block-bg{
	background-image: url(img/bg.jpg);
	background-position: center top;
	background-size: 100% 70%;
	background-repeat: no-repeat;
}
.block-bg h1{
    display: block;
    text-align: center;
    background: #fff;
    min-height: 60px;
    font-weight: 600;
    margin: 40px 0 40px;
    font-size: 25px;
    padding: 13px 10px;
}
.block-bg .box{
	float: right;
	padding: 1px;
}
.block-bg .box img{
	display: block;
	width: 190px;
	height: auto;
	max-width: 100%;
	margin: 0 auto;
	float: none;
}
/*  */

.pro{
    padding: 0 10px;
}
.pro img{
	width: 100%;
	height: 250px;
}
.pro ul{
    list-style: none;
    padding: 10px 0;
    display: block;
}
.pro ul li{
    padding: 0 0 0 10px;
    background: #f1f1f1;
    margin: 0 0 1px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    min-height: 40px;
}
.pro ul li span{
    background: #ee695c;
    display: flex;
    padding: 10px 10px 14px 0;
    width: 110px !important;
    color: #fff;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 0 20px;
    min-width: 110px !important;
}

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

.works{
	background: #fff;
}
.works .container{
	width: 100%;
}
.works .block2 {
    background-image: url(img/works.jpg) !important;
    background-repeat: no-repeat;
    background-position:  center top;
    background-color: #000;
    background-size: cover;
    padding: 0 30px;
}
.works .box{
	float: right;
	padding: 15px;
	text-align: center;
	min-height: 200px;
}
.works .box strong{
    background-color: #f37e74;
    width: 80px;
    height: 80px;
    display: block;
    margin:  0 auto 20px;
    background-image: url(img/work.jpg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
}
.works .box h3{
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    min-height: 60px;
    font-size: 19px;
}
.works .box h3:after{
    content:"";
    background: #ed665a;
    height: 3px;
    width: 50px;
    position: absolute;
    bottom: -1px;
    left: 0;
}
/**************/

.boxs{
    background: #e6e6e6;
    padding: 30px;
    border: 5px solid #fff;
    font-size: 20px;
    min-height: 300px;
}
.boxs ul{
    display: block;
    direction: rtl;
    list-style: none;
    padding: 0;
    margin: 0;
}
.boxs ul li{
    float: none;
    display: block;
    padding: 5px 0;
}
.boxs ul li span{
    display: inline-block;
    margin: 0 0 0 10px;
    color: #ee695c;
}

/*  */

.crit{
    text-align: right;
    font-size: 20px;
}
.crit .block2 {
    background-image: url(img/crit.jpg) !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #981d20;
    background-size: auto 100%;
}
@media (max-width: 769px) {
.crit .block2 {
    background-position: center top;
    background-color: #981d20;
    background-size: auto 100%;
	min-height: 400px;
}	
}

.crit .block{
	                  display: flex;
                flex-direction: column;
                justify-content: center;
}
/*  */


.clints{
    background-image: url(img/clint.jpg) !important;
	background-size: cover;
}
.clints{
	text-align: right;
}
.clints h1{
	font-size: 80px;
	font-weight: bold;
}
@media (max-width: 769px) {
	.clints h1{
	font-size: 40px;
}
}

.clints .container{
	max-width: 100%;
	width: 1300px;
}
.clints .box{
	float: right;
	padding: 7px 1px;
	margin: 0;
}
.clints .box img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	padding: 0;
	border: none;
	max-width: initial;
}


/*******/

section .container {
    max-width: 100% !important;
    width: 100% !important;
}

@media (min-width: 1200px){
	section .container {
		width: 100%;
	}
	.slider-3{
		width: 95%;
		display: block;
		margin: 0 auto;
	}	
	
}

.clints .block{
	min-height: auto !important;
	display: block !important;
}

/*  */
.head,.foot-icon{
	min-height: auto !important;
}
.gallery {
	margin: 0 auto !important;
}



.files {
    background: #ee695c;
    padding: 0;
    color: #fff;
    width: 230px;
    height: 50px;
    display: flex;
    margin: 30px auto 0;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 5px;
    padding: 0px 0 5px;
	text-decoration: none;
	outline: none;
}

@media (max-width: 769px) {}




/*
 *              
 
display: flex;
flex-direction: column;
justify-content: center;

 * 
 * **/