@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCLwR26eg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCCwR26eg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'PT Sans Narrow';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v9/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    font-family: PT Sans Narrow ;
}

.slider {

    position: relative;

    margin-top:-20px;

}



.slider img {

    width: 100%;

}



#carousel-slider {

    position: relative;

}



#carousel-slider .carousel-indicators {

    bottom: -40px;

}



#carousel-slider .carousel-indicators li {

    border: 1px solid #ffbd20;

}



#carousel-slider a i {

    border-radius:50%;

    font-size: 30px;

    height: 50px;

    padding: 10px;

    position: absolute;

    top: 50%;

    width: 50px;

    color:#f26f29;

    background:#f26f29;

    color:#fff;

}



#carousel-slider a i:hover {

    background:#f26f29;

    color:#fff;

    border: 1px solid #f26f29;

}



#carousel-slider

.carousel-control {

    width:inherit;

}



#carousel-slider .carousel-control.left i {

    left:50px;

    top: calc(50% - 50px);

}



#carousel-slider .carousel-control.right i {

    right: 50px;

    top: calc(50% - 50px);

}



.carousel-caption {

    position: absolute;

    right: 15%;

    top: calc(50% - 150px);

    font-size:40px;

    left: 15%;

    z-index: 10;

    padding-bottom: 0px;

    color: #fff;

    text-align: center;

}



.carousel-caption  h2 {

    font-size:60px;

    color: #fff;

}



.carousel-caption  h2 span {

    font-size:60px;

    color: #fff;

}



.carousel-caption  p {

    font-size:30px;

    margin-top:30px;

    margin-bottom:20px;

    color:#fff;

    padding:10px;

    background:#f26f29;

}



@media (max-width: 767px) {

    .carousel-caption  {

        font-size: 18px;

    }

    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {

        font-size:18px;

    }

}



.carousel-inner .form-inline .form-group button[type="livedemo"]{

    padding:20px 60px;

    font-size:20px;

    background:#f26f29;

    color:#fff;

    border-radius:0;

    border-color:#fff;

    text-transform:uppercase;

}



.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {

    color:#fff;

    opacity: 0.8;

    -webkit-transition: color 300ms, background-color 300ms;

    -moz-transition: color 300ms, background-color 300ms;

    -o-transition:  color 300ms, background-color 300ms;

    transition:  color 300ms, background-color 300ms;

}



.carousel-inner .form-inline .form-group button[type="getnow"]{

    padding:20px 60px;

    font-size:20px;

    background:#fff;

    color:#272727;

    border-radius:0;

    text-transform:uppercase;

}



.carousel-inner .form-inline .form-group button[type="getnow"]:hover {

    color:#fff;

    border-color:#fff;

    background:#f26f29;

    -webkit-transition: color 300ms, background-color 300ms;

    -moz-transition: color 300ms, background-color 300ms;

    -o-transition:  color 300ms, background-color 300ms;

    transition:  color 300ms, background-color 300ms;

}



.form-inline {

    margin-top:50px;

}



/*--------------------------------

 More Features Section

--------------------------------*/

#more-features {

    padding: 60px 0 60px 0;

    background: #eff5f5;

}



#more-features .box {



    border-radius: 135px;

    padding: 20px;

    padding-bottom: 20px;



    margin-bottom: 30px;

    box-shadow: 43px 26px 43px rgba(92, 87, 99, 0.15);

    background: #fff;

    transition: 0.4s;

    /* top: 10px; */

    margin-top: 20px;

    border: 3px solid orangered;

}

#more-features .box1 {

    padding: 14px;

    margin-bottom: 30px;

    box-shadow:19px 26px 43px rgba(92, 87, 99, 0.15);

    background: #fff;

    transition: 0.4s;

}

#more-features .icon {

    float: left;

}



#more-features .icon i {

    color: #666666;

    font-size: 80px;

    transition: 0.5s;

    line-height: 0;

}



#more-features .icon i:before {

    background: #1dc8cd;

    background: linear-gradient(45deg, #1dc8cd 0%, #55fabe 100%);

    background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



#more-features h4 {

    margin-left: 100px;

    font-weight: 700;

    margin-bottom: 15px;

    font-size: 18px;

}



#more-features h4 a {

    color: #111;

}



#more-features p {

    font-size: 15px;

    /* margin-left: 100px; */

    margin-bottom: 0;

    line-height: 24px;

}



@media (max-width: 767px) {

    #more-features .box {

        margin-bottom: 20px;

    }

    #more-features .icon {

        float: none;

        text-align: center;

        padding-bottom: 15px;

    }

    #more-features h4, #more-features p {

        margin-left: 0;

        text-align: center;

    }

}

/* style code */

/*

Theme Name: Eterna

Theme URL: https://bootstrapmade.com/eterna-free-multipurpose-bootstrap-template/

Author: BootstrapMade.com

Author URL: https://bootstrapmade.com

*/



/* === prettify === */

/*@import url('../js/google-code-prettify/prettify.css');*/

/* === fontawesome === */



/*@import url('font-awesome.css');*/

/* ==== overwrite bootstrap standard ==== */



/*@import url('overwrite.css');*/

@import url('animate.css');

/*@import url('shortcodes.css');*/

/* Table of content */

/*========== works ==================*/



ul.filter {

    list-style:none;

    margin-left:0;

    margin-bottom:20px;

}



ul.filter li {

    float:left;

    margin-right:10px;

}



ul.filter li.active a{

    text-shadow:none;

    color:#fff;

    background: #1b1b1b;

}



.portfolio-area{

    float: left;

    width:100%;

    margin:0;

    padding:0;

    margin-top:20px;

}



.portfolio-area li{

    float: left;

    list-style:none;

    margin:0 0 30px 0;

    padding:0;

}



.portfolio-area li h4{

    margin-top:10px;

}



.portfolio-area li.portfolio-item h4{

    margin-top:0;

}





.portfolio-area .thumbnail {

    display: block;

    padding:0;

    border:none;

}



.portfolio-area .thumbnail h5 strong {

    margin:0;

    color:#fff;

}





.portfolio-area .image-wrapp {

    position:relative;

    padding:0;

    overflow:hidden;

    border:none;

}



.portfolio-area .image-wrapp img {

    margin:0;

    padding:0;

}

/* //filter grid gallary */



.gallery-title

{

    font-size: 36px;

    color: orangered;

    text-align: center;

    font-weight: 500;

    margin-bottom: 70px;

}

.gallery-title:after {

    content: "";

    position: absolute;

    width: 7.5%;

    left: 46.5%;

    height: 45px;

    border-bottom: 1px solid #5e5e5e;

}

.filter-button

{

    font-size: 18px;

    border: 1px solid orangered;

    border-radius: 5px;

    text-align: center;

    color: orangered;

    margin-bottom: 30px;



}

.filter-button:hover

{

    font-size: 18px;

    border: 1px solid orangered;

    border-radius: 5px;

    text-align: center;

    color: #ffffff;

    background-color: orangered;



}

.btn-default:active .filter-button:active

{

    background-color: orangered;

    color: white;

}



.port-image

{

    width: 100%;

}



.gallery_product

{

    margin-bottom: 30px;

}

/* #recent-works{

    padding-bottom: ;

} */



.recent-work-wrap {

    position: relative;

}



.recent-work-wrap img{

    width: 100%;

}



.recent-work-wrap .recent-work-inner{

    top: 0;

    background: transparent;

    opacity: .8;

    width: 100%;

    border-radius: 0;

    margin-bottom: 0;

}



.recent-work-wrap .recent-work-inner h3{

    margin: 10px 0;

}



.recent-work-wrap .recent-work-inner h3 a{

    font-size: 24px;

    color: #fff;

}



.recent-work-wrap .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    border-radius: 0;

    background: #333;

    color: #fff;

    vertical-align: middle;

    -webkit-transition: opacity 500ms;

    -moz-transition: opacity 500ms;

    -o-transition: opacity 500ms;

    transition: opacity 500ms;

    padding: 30px;

}



.recent-work-wrap .overlay .preview {

    bottom: 0;

    display: inline-block;

    height: 35px;

    line-height: 35px;

    border-radius: 0;

    background: transparent;

    text-align: center;

    color: #fff;

}



.recent-work-wrap:hover .overlay {

    opacity: 1;

}



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

********* Gallary page images CSS ******

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

#portfolio {

    margin-top: 70px;

    background-color: white;

}



#portfolio_page {

    margin-top: 115px;

    padding-bottom: 0;

}



.portfolio-items,

.portfolio-filter {

    list-style: none outside none;

    margin: 0 0 40px 0;

    padding: 0;

}



.portfolio-filter > li {

    display: inline-block;

}



.portfolio-filter > li a {

    background: none repeat scroll 0 0 #FFFFFF;

    font-size: 14px;

    font-weight: 400;

    margin-right: 20px;

    text-transform: uppercase;

    transition: all 0.9s ease 0s;

    -moz-transition: all 0.9s ease 0s;

    -webkit-transition: all 0.9s ease 0s;

    -o-transition: all 0.9s ease 0s;

    border: 1px solid #F2F2F2;

    outline: none;

    border-radius: 3px;

}



.portfolio-filter > li a:hover,

.portfolio-filter > li a.active{

    color:#fff;

    background: #E8CE0E;

    border: 1px solid #E8CE0E;

    box-shadow: none;

    -webkit-box-shadow: none;

}



.portfolio-items > li {

    float: left;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.portfolio-item {

    margin: 0;

    padding:0;

}



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {

    z-index: 2;

}



.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}



/**** Isotope CSS3 transitions ****/

.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}



.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}



.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    -ms-transition-property: -ms-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}



/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    transition: none;

}

@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */

    .envor-section
    {
        width: 100%;
        float: left;
        padding-top: 1px !important;
        padding-bottom: 0px !important;
        background-color: white !important;
    }
    .apply_online{
        color: #005d94!important;
        font-size:24px;
        font-weight:bold;
        margin:10px !important;
    }
    .top_space
    {
        margin-top:2px !important;
        font-size:10px;
    }
}
.apply_online{
    color: #005d94!important;
    font-size:24px;
    font-weight:bold
;margin:20px;
}

.lead-form-orh_en{
    position: relative;

}

.lead-form-orh {
    position: absolute;
    right: 18px;
    top: 170px;
    z-index: 900;
    width: 300px;
}
.orh-form_en {

    border-radius: 8px;
    background: #f26f29;
    height: auto;
    padding-left: 7px;
}
.orh-form {
    border-radius: 8px;
    background: #f26f29;
   /* margin-top: 108px;*/
    padding-left: 7px;
}

.orh-form_div{
    border-radius: 8px;
    padding: 12px;
    background: #fff;
    height: auto;
}

.orh-form_div_en{
    border-radius: 8px;
    padding: 12px;
    background: #fff;
    height: auto;
}
.text-center {
    text-align: center;
}
.form-head {
    color: #f26f29;
    font-weight: 700;
    font-size: 17px;
    margin: 8px 0 4px;
}
.form-group-en {
    min-height: 26px;
   /* margin-bottom: 2px;*/
}
.form-control-en {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border-radius: 4px;
}
.caldera-grid .form-control-en {
    height: 30px!important;
    box-shadow: none!important;
    border-radius: 0;
    font-size: 13px!important;
    border: 1px solid #f26f29!important;
   /* border-left: 10px solid #f26f29!important;*/
    border-radius: 4px;
}
.caldera-grid .btn-primary {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: #f26f29!important;
    border-color: #f26f29!important;
    text-transform: capitalize;
    font-weight: lighter;
    font-size: 18px;
}



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

    .closeEnquiry_div{
        display: none;
    }

    .lead-form-orh {
        position: static;
        display: block;
        margin-left: auto;
        margin-right: auto;
       /* width: 50%;*/

    }
    .orh-form {
        border-radius: 5px;
        padding: 12px;
        background: #fff;
        height: auto;
        width: 100%;
        margin-top: 78px;
    }


    .form-group-en {
        min-height: 26px;
       /* margin-bottom: 9px;*/
    }

    input[type=text],input[type=email],select{
        border: 1px solid #f26f29;
        padding-left: 20px;
    }
}

/* #recent-works{

    padding-bottom: ;

} */





/* photo gallery effect */