/* Add here all your CSS customizations */


html.boxed .body {
    /*border-top-color: #ef5413;*/
}



.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ffffff!important;
}

.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ffffff;
}

.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ffffff;
}

.header-search-form{
    transition: top .3s;
    position: relative;
    top: 32px;
}

.sticky-header-active .header-search-form{
    transition: top .3s;
    top: 17px;
}

.header-search-form .form-control{
    /*border-radius: 1.3rem!important; */
    border: 2px solid #ef5413;
    color: #ffffff;
    background: transparent;
    width: 100px;
}

body:not(.rtl) .header-search-form .form-control{
    border-right: none;
}

body.rtl .header-search-form .form-control{
    border-left: none;
}

.simple-search .input-group-append{
    border:2px solid #ef5413;
}

body:not(.rtl) .simple-search .input-group-append{
    border-left: 0;
}

body.rtl .simple-search .input-group-append{
    border-right: 0;
}

.simple-search .input-group-append .btn{
    color:#ef5413;
}

.header-search-form .input-group-append{
    /*display: none;*/
}

li.lang-item span{
    display: none;
}

.rev_slider .caption, .rev_slider .tp-caption{
    background: rgba(0, 0, 0, .5);
    padding: 10px 30px!important;
}

/*body.rtl .rev_slider .caption, .rev_slider .tp-caption{
    text-align: right;
}*/

body.rtl .rev_slider .tp-parallax-wrap{
    left: 0!important;
    right: 0!important;
}

.text-orange{
    color:#ef5413;
}


.title-orange{
    color:#ef5413;
    font-size: 3em;
    position: relative;
    
}


.title-orange:after{
    content: url(../images/border.png);
    position: absolute;
    top: 80%;
    left: 0;
    /* bottom: 0; */
    /* background: red; */
    /*bottom: 0*/
/*  width: 30%;
    height: 30px;*/
    /*background: red;*/
    /*background-image: url(../../images/border.png) ;
    background-repeat: no-repeat;
    background-position: left bottom 10px;*/
}
.owl-carousel{
    margin-bottom: 0!important;
}
.archive section.section{
    padding-top: 0;
    padding-bottom: 0;
}

.archive .service_content{
    padding: 70px 20px;
}
.archive .title-orange{
    font-size: 2em;
}
.archive .title-orange:after{
    content: '';
}

.archive .title-orange:before{
    content: url(../images/border.png);
    position: absolute;
    top: -100%;
    left: 0;   
}
/*.archive .img-thumbnail img{
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}*/


.main,.body{
    background-color: #59595c!important;
}





.bg-gray{
    background: #e5e6e7
}
.bg-transparent{
    background: transparent;   
}


.dialog{
    background: #4d4d4d!important;
    color:#ffffff!important;
}

#about_us {
    position: relative;
   /* background-image: url(../images/pattern.png) ;
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: right bottom 10px;*/
}

#about_us:after{
    content: url(../images/pattern.png);
    position: absolute;
    top: 20%;
    right: 0;  
    opacity: .1;
   /* background-image: url(../images/pattern.png);
    background-repeat: no-repeat;
    background-size: 300px;*/
    background-position: center right 120px;
}

#vision_mission{   
    background-image: url(../images/vision_mission.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#services{
    border: none;
}
#services article{
    background-color: #e5e6e7;   
    margin-bottom: 20px;
    padding: 50px 0 40px;
}

.section-single-service{
    background-color: #59595c!important;
}
.tparrows{
    display: none;
}

#services article img{
    width: 100%;
}

#services article h4{
    font-weight: normal;
    position: relative;
}
#services article h4:before{
    transition: opacity .5s;
    content: url(../images/border.png);
    position: absolute;
    top: -40%;
    left: 0;
}

#services article h4:after{
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;    
    content: url(../images/border.png);
    position: absolute;
    top: 80%;
    left: 0;
}

#services article:hover h4::before{
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}

#services article:hover h4::after{
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1;
}

#services article .row_desc{
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    padding: 0px 35px;
    /*height: 210px;*/
}

#services article .read_more{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;    
}

#services article:hover .row_desc{
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    /*height: 210px;*/
}

#services article:hover .read_more{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;  
    /*display: block;*/
    margin-top: 20px  
}

/*#services article  *{
    color:#ffffff;
}*/

#services article .service_desc{
    font-weight: 300;
    margin-bottom: 10px;
    min-height: 80px;
}

#contact{
    background-color:#59595c!important;
}

#contact h3{
    text-transform: capitalize;
}
#contact form .btn{
    border:none;
    border-radius:0;
    background: #ffffff;
    color: #59595c;
    text-transform: uppercase;
    font-weight: bold;
}
#contact form .btn:hover{
    background-color: rgba(239, 84, 19, .7);    
    color: #ffffff;
}

#contact form .form-control
{
        border-radius: 0;
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    resize: none;
}

#contact  table *{
   border:none;
}
#contact  table tr td{
    padding: 10px 0;
}
#contact  table tr td:first-child{
   color:#ef5413;
   font-weight: 700;
   width: 15%;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    color:#ffffff;
}

span.wpcf7-not-valid-tip{
    padding: 3px 7px!important;
    color:#ffffff!important;
    background-color: #f00!important;
}

.wpcf7-textarea{
    height: 200px!important;
}

.owl-carousel.nav-light.nav-style-1 .owl-nav .owl-prev,
.owl-carousel.nav-light.nav-style-1 .owl-nav .owl-next{
    font-size: 2em;
}

section.section-transparent{
    background:none;
}

section.section-transparent .service_content > div *{
    color: #ffffff;
}

.wpcf7-form{
    padding:0!important;

}

.social-icons li a{
    font-size: 1.5em!important;
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.search .results_cont{
    min-height: 80vh;
}
.search .page-header{
    text-align: center;
    background: transparent;
}
.search article .entry-summary,
.search article .entry-summary *{
    color: #ffffff;
}

.search article h2{
    color: #ef5413;
}
.search article hr{
    background: #ef5413;
}


.owl-service-slider .owl-item .caption {
    display: block;
    position: absolute;
    bottom: 0;
    color: #ffffff;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    min-height: 45px;
    padding: 10px;
    text-align: center;
}

.owl-service-slider .owl-item .caption *{
    margin-bottom: 0;
}
.owl-service-slider .owl-item .caption p {
    font-size: 14px;
    
}
/*
.owl-nav.disabled{
    display: block!important;
}

.owl-prev i , .owl-next i{
    font-size: 40px;
}
.owl-prev:before , .owl-next:before{
    content: '';
    display: none;
}*/
@media screen and (min-width: 992px){
    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu{
        /*width: 460px!important;*/
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        margin: 0;
        border: 0;
        background: #59595c;
        text-align: center;    
    }
    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu li{
        display: block;
        border:none;
    }

    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu li a{
        padding: 5px 10px;
        color: #fff;
        border: none;
    }
    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu li a:hover,
    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu li a:focus,
    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu li a:visited{
       background-color: transparent;
    }

    #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu li a:hover{
        color:#ef5413;
    }
}

@media screen and (max-width: 1200px){

    .menu-search-li{
        display: none;
    }
}

@media screen and (max-width: 992px){
    #about_us .about_content{
        font-size: 1em;
        padding: 1.5rem 3rem 2rem 2rem;
    }


    section.section.section-height-5{
        padding-top: 6.0rem
    }

    .about_content > div{
        min-height: 135px;
    }

    .social-container{
        text-align: center;
        width: 200px;     
        display: block;
        margin: 0 auto;
    }

    .top-footer  .row > div{
        margin-top: 20px
    }
}

@media screen and (max-width: 768px){
    
    #about_us .about_content{     
        background: rgba(255,255,255,.4);
        border: 2px solid #ffffff;
        border-radius: 30px;
    }   

    .about_content > div{
        min-height: 160px;
    }

    section.section.section-height-5{
        padding-top: 4.0rem
    }

    section.section.section-height-4{
        padding-top: 4rem;
    }

    #vision_mission .vision{
        margin-bottom: 50px;
    }

    .about_content > div{
        min-height: auto;
    }

    .products .thumb-info .thumb-info-wrapper{
        height: 180px;
    }


}

@media screen and (max-width: 752px){      
    .products .thumb-info .thumb-info-wrapper{
        height: 300px;
    }
    
}


@media screen and (max-width: 600px){      
    .products .thumb-info .thumb-info-wrapper{
        height: auto;
    }

    .products .thumb-info .thumb-info-wrapper img{
        width: 50%;
        display: block;
        margin: 0 auto
    }
}