@charset "utf-8";
/* CSS Document */

/*@import url('https://koelcolourscom6665a.zapwp.com/m:0/a:https://fonts.googleapis.com/css?family=Montserrat:wght@300;400;500;600;700;800&display=swap');*/
@import url('https://koelcolourscom6665a.zapwp.com/m:0/a:https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

html{   height:100%;}
body {font-family: 'Montserrat', sans-serif; font-weight: 400; margin:0; padding:0; font-size:16px; overflow-x:hidden!important; color: #363636;}
ol {margin:0; list-style:none;}
a, a:hover, a:focus {text-decoration:none; transition:all 0.3s ease-in-out; outline:none;}
.img-responsive {width:100%; display:block;}
.no_padding {padding:0;}
.bottom_space{margin-bottom:20px;}
@-webkit-keyframes btn_anim {0%{opacity:0;width:0%; left:-120%;right:auto;} 50%{opacity:0.8;width:100%;} 100%{opacity:0;width:0%;left:130%;right:0;}}
@-moz-keyframes btn_anim {0%{opacity:0;width:0%;left:-120%;right:auto;} 50%{opacity:0.8;width:100%;} 100%{opacity:0;width:0%;left:130%;right:0;}}
@keyframes btn_anim {0%{opacity:0;width:0%;left:-120%;right:auto;} 50%{opacity:0.8;width:100%;} 100%{opacity:0;width:0%;left:120%;right:0;}}
.anchor {position:relative; overflow:hidden; z-index:0;}
.anchor:before {background:#f1f1f1; color:#fff; position:absolute;top:0;bottom:0;left:-15%;right:auto;z-index:-1;width:0%;}
.anchor:hover:before {-ms-animation-name:btn_anim;-webkit-animation-name:btn_anim; animation-name:btn_anim; -ms-animation-duration:.9s; -webkit-animation-duration:.9s; animation-duration:.9s; -ms-transform: skewX(-35deg); -webkit-transform: skewX(-35deg); tranform:skewX(-35deg);}
input, input:focus, button:hover, button, button:focus, input[type="radio"]:focus {outline:none; border:0; box-shadow:none;}
h1,h2 {font-weight:normal;}
p {line-height: 24px;margin-bottom:25px;}
.fadeAnim{transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;}

p.event-date {
    display: none;
}

.link_color{
    color:#0000EE;
}

.page-id-37 .right-banner-wrap img.mobile-banner,
.page-id-243 .right-product-banner img.mobile-banner{display: none;}

.page-id-36958 header.entry-header h1{display: none;}

/*@font-face{
    font-family:'Montserrat';
    src: url(font/Montserrat-Light);
        font-weight:400;
   
}
@font-face{
    font-family:'Montserrat';
    src: url(font/Montserrat-Bold);
        font-weight:400;
   
}
@font-face{
    font-family:'Montserrat';
    src: url(font/Montserrat-Black);
        font-weight:400;
   
}
@font-face{
    font-family:'Montserrat';
    src: url(font/Montserrat-LightItalic);
    font-weight:400;
   
}
@font-face{
    font-family:'Montserrat';
    src: url(font/Montserrat-ExtraBold);
    font-weight:800;
   
    }*/

    p, h1, h2, h3, h4, h5, h6, a{
       /*font-family: 'Montserrat';*/
       color:#0c0e0d;
   }

   /*header{ position:relative; z-index:999;}*/

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

   #horizontalTab .resp-tabs-list li strong{
       display:none;}   

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


       header{ position:relative; background:#fff; z-index: 9; top: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

       @media(min-width: 767px){
            .wshs-post-simple-list.half-layout ul{
                column-count: 3;
                column-gap: 40px;
                list-style: none;
                padding: 0;
           }
           
           .custom-sitemap-columns{
                display: flex;
                gap: 15px;
                justify-content: space-between;
            }
       }

       @media(min-width: 992px){
            header.fixedHeader{
                position: fixed;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 999;
                box-shadow: 1px 1px 5px #aaa;
           }
       }
       

       .marTop{ margin-bottom:0px;}
       .topHeader{
           padding-top: 20px;
       }

       .logo a{
        display: block;
       }

       .logo a img{
        max-width: 200px;
       }

       .main-container{
        padding: 0rem 4rem;
       }

       .bannerLogo{
        max-width: 350px;
        position: absolute;
        z-index: 99;
        bottom: 50px;
        left: 4rem;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
        } 

       @media(min-width: 1600px){
            .main-container{
            padding: 0rem 5rem;
           }

           .bannerLogo{
            left: 5rem;
           }
       }

       .absolute_header { width:100%; background:#fff;  position:absolute;
       }

       .absolute_header .logo {opacity:1; display:block; padding: 15px 0 10px;}
       .absolute_header .logo img{width:80px;}
       .absolute_header .mainNav{ padding:35px 0 10px;}
       .absolute_header .mainNav ul li a{line-height:30px;}


       #imgLo {
            width: 90%;
        }

    button.searchBtn{
        width: 40px;
        height: 40px;
        background: none;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    button.searchBtn i.fa.fa-search,  button.searchBtn{
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    button.searchBtn:hover{
        background: #363636;
    }

    button.searchBtn i.fa.fa-search{
         color: #363636;
    }

    button.searchBtn:hover i.fa.fa-search{
        color: #fff;
    }

    .mobileControls{
        display: none;
    }

    .banner-strip{
        background: url(../img/banner_strip.jpg) repeat-x left center;
        height: 5px;
    }

    .newHead{
        font-weight: 400;
        color: #363636;
    } 

    .newHead::after{
        content: '';
        display: block;
        width: 100px;
        margin: 0 auto;
        height: 2px;
        background: #363636;
        margin-top: 10px;
    }  

    .mainNav { padding:15px 0px 0px; text-align:center;/*font-family:'Montserrat';*/
    font-weight:400;}

    .mainNav ul {position:static; display:block; width:100%; padding-left: 0; margin-bottom: 10px;}
    .mainNav ul li {display: inline-block;}
    .mainNav ul li a {/*font-family:'Montserrat';*/ font-weight:600; display:block; color:#363636; font-size:14px; line-height:35px;padding:0 15px; position:relative;text-transform:uppercase; /*padding-left: 36px;*/}

    .mainNav ul li a:hover, .mainNav ul li:hover > a {text-decoration:none; color: #00b1f5;}

    .mainNav ul li a::after{
        display: block;
        content: '';
        position: absolute;
        left: 15px;
        bottom: 0;
        width: 0px;
        height: 2px;
        background: #00b1f5;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .mainNav ul li a:hover::after{
        width: calc(100% - 30px);
    }

    @media(max-width:1365px){
        .mainNav ul li a{
            text-transform: capitalize;
        }
    }

/*.mainNav ul li > a:after {position:absolute;width:0;height:3px;content:"";background:#202020;left:0;right:0;bottom:0;margin:0 auto;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.mainNav ul li > a:hover:after, .mainNav ul li:hover > a:after {width:100%;}*/

.mainNav ul li .subMenu {display:block;margin-top: 1px; position:absolute;overflow:auto;padding-bottom:0px;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;
}
.mainNav ul li:hover .subMenu {display:block;height:auto;max-height:100vh;padding-top: 0px;opacity:1;visibility:visible;transition:all 0.4s .2s ease-in-out; -webkit-transition:all 0.4s .2s ease-in-out; -moz-transition:all 0.4s .2s ease-in-out; -o-transition:all 0.4s .2s ease-in-out;}
.mainNav ul li .subMenu:after {clear:both;width:100%;display:block;}

.mainNav ul li ul { min-width:250px;background:#18194d; flex-wrap:wrap;align-items:start;justify-content:left;margin:0 auto;max-width:1500px;max-height:100%; } 
.mainNav ul li ul li {width:100%;min-height:45px;text-align:left;display:table;position:relative;overflow:hidden;}
.mainNav ul li ul li a {padding:10px 15px 10px 15px;font-size:12px;font-weight:400;text-transform:none;line-height:1.3;display:table-cell;width:100%;height:100%;vertical-align:middle;background:transparent;color:#eee;z-index:5;position:relative;}
.mainNav ul li ul li a:hover {color:#fff;}
.mainNav ul li ul li > a:after {display:none;}

.mainNav ul li ul li:before {content:'';width:0px;height:0px;border-radius:100%;display:block;position:absolute;left:5px;top:50%;margin-top:-4px;z-index:0;transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;background: #FD285E; }
.mainNav ul li ul li:hover:before {width:1500px;height:1500px;margin-left:-750px;margin-top:-750px; }

.mainNav ul li ul li:after {width:45px;height:27px;background:url(../images/arrow_white.png) no-repeat right center;position:absolute;right:50px;top:50%;margin-top:-13px;opacity:0;transition:all .2s .2s ease-in-out; -webkit-transition:all .2s .2s ease-in-out; -moz-transition:all .2s .2s ease-in-out; -o-transition:all .2s .2s ease-in-out;}
.mainNav ul li ul li:hover:after {right:10px;opacity:1;}



button.btn2{

    background: rgba(244,2,42,1);
    
    background: -moz-linear-gradient(left, rgba(244,2,42,1) 0%, rgba(240,47,23,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(150,16,9,1) 49%, rgba(164,9,16,1) 100%);
    
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(244,2,42,1)), color-stop(0%, rgba(240,47,23,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(49%, rgba(150,16,9,1)), color-stop(100%, rgba(164,9,16,1)));
    
    background: -webkit-linear-gradient(left, rgba(244,2,42,1) 0%, rgba(240,47,23,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(150,16,9,1) 49%, rgba(164,9,16,1) 100%);
    
    background: -o-linear-gradient(left, rgba(244,2,42,1) 0%, rgba(240,47,23,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(150,16,9,1) 49%, rgba(164,9,16,1) 100%);
    
    background: -ms-linear-gradient(left, rgba(244,2,42,1) 0%, rgba(240,47,23,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(150,16,9,1) 49%, rgba(164,9,16,1) 100%);
    
    background: linear-gradient(to right, rgba(244,2,42,1) 0%, rgba(240,47,23,1) 0%, rgba(241,111,92,1) 0%, rgba(246,41,12,1) 0%, rgba(150,16,9,1) 49%, rgba(164,9,16,1) 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4022a', endColorstr='#a40910', GradientType=1 );
    
    border:none;
    
    right:0;
    
    font-size:12px;
    
    padding: 5px 15px 5px 15px;
    
    /*font-family:'Montserrat';*/
    
    font-weight:400;
    
    margin-right: 15px;


}

button.btn2{
    color:#fff!important;
    
}

button.btn2:hover{
    color:#4156C5;
    text-decoration: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #18194d;
  min-width: 160px;
  z-index: 1;
}



.dropdown-content a{
  color: #fff;  
  padding: 12px 16px;
  text-align: left;
  text-decoration: none!important;
  display: block;
  font-size: 12px;
  position: relative;
  z-index: 9999;   
}

.dropdown-content a:before{
    height: 100%;
    width: 0%;
    position:absolute;
    content: '';
    left: 0;
    top:0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #FD285E;
    z-index: -1;  
}
.dropdown-content a:hover:before{
    width: 100%;
    
}

.dropdown-content a:hover {color:#fff;}
.dropdown:hover .dropdown-content {display: block;}

.searchField{
    width:100%;
    padding:10px 15px;
    font-size:14px;
    border: 0;
}
.searchDiv{
    position:absolute;
    padding:10px;
    background: #18194d;
    width:300px;
    top:30px;
    right:45px;
    display:none;
    z-index:999;
}
a.search{line-height: 18px; /*border: 2px solid #000; border-radius: 50%; padding: 3px 5px;*/ color: #000;font-size:16px;}

#horizontalTab .resp-tabs-list li strong{
    display:none;}  

    i.fa.fa-search {
        color: #fff;
    }
    i.fa.fa-times{ color: #fff;}


    @media (max-width: 1499.5px){
        .column-label-2{font-size: 26px!important;}
    }
    @media (max-width: 1400px){
        .column-label-2{font-size: 25px!important;padding: 40px 49px 40px 48px!important;}
        .column-label-3{font-size: 25px!important;padding: 42px 50px 42px 49px!important;}
        .icon-bar {bottom: -5%!important;}
        .heading26{margin-top: 87px!important;}
        .heading22{margin-left: 40px!important;}

    }
    @media (max-width: 1366.99px){
        .column-label-2{font-size: 24px!important;padding: 39px 49px 39px 48px!important;}
        .icon-bar {bottom: 2%!important;}
        .heading26{margin-top: 85px!important;} 
        .heading{margin-left: -97px!important;}
        .heading22{margin-left: 30px!important;}
    }
    @media (max-width: 1350.99px){
        .column-label-2{font-size: 23px!important;padding: 39px 49px 39px 48px!important;}
        .icon-bar {bottom: 2%!important;}
        h2.heading25 {margin-left: -163px!important;}
        .heading22{margin: 60px 0px 20px 23px!important;}
        .heading{margin-left: -96px!important;}
        .heading26{margin-top: 83px!important;}
    }
    @media (max-width: 1280.75px) {
        .heading{margin-left: -58px!important;}  
        .heading26{margin-top: 40px!important;}
        h2.heading25{top: -115px!important;}
        .whiteText{color:#000!important;font-weight: 400!important;}
        .row.icON.justify-content-between.position-relative.mb-5{margin-bottom: 100px!important;}
        .heading26{margin-top: 37px!important;}
        .column-label-2{font-size: 23px!important;padding: 36px 48px 36px 27px!important;}
        .heading31{font-size: 31px!important;}
        .icon-bar {bottom: 5%!important;}
        h2.heading25{top: -85px!important;}
        .redBg.position-relative{margin-top: 50px!important;}
        .heading26 {margin-top: 78px!important;}
    }

    @media (max-width: 1199.99px) {
        .socialMedia{font-size: 0px!important;}
        .column-label-2{font-size: 22px!important;padding: 41px 48px 40px 20px!important;}
        .column-label-3{font-size: 23px!important; padding: 39px 50px 39px 49px!important;}
        .heading4{font-size: 25px!important;}
        .heading3{font-size: 28px!important;}
        .heading1{font-size: 28px!important;}
        .column-label-1{font-size: 25px!important;padding: 55px 50px 54px 50px!important;}
        .heading {margin-left: -109px!important;}
        /*.des p {font-size: 18px!important;}*/
        .des1 p {font-size: 18px!important;}
        .heading26{margin-top: 31px!important;}
        .heading31{font-size: 29px!important;}
        .heading30{font-size: 30px!important;}
        .icon-bar {bottom: 10%!important;}
        .heading26{margin-top: 69px!important;}
        form{margin-left: -25px!important;}

    }

    @media (max-width: 1149.99px) {
        .mainNav{margin-left: -5px!important;}
        .heading31{font-size: 27px!important;}
        .heading30{font-size: 28px!important;}
        .column-label-2{font-size: 21px!important;}
        .column-label-3{font-size: 22px!important;}
        .icon-bar {bottom: 15%!important;}
        .heading{margin-left: -89px!important;}
        .heading26 {margin-top: 65px!important;}
        .oneim{right: -185px!important;top: -88px!important;}
        img.w-100-1k{max-width: 80%!important;}
        .maroonBg:before{bottom: 0%!important;}
        .greenBg:before{bottom: 0%!important;}
    }
    @media (max-width: 1024.99px){
        .banner_heading p{font-size:26px!important; margin-top:21px!important;}
        .banner_heading h5{font-size:35px!important; margin-bottom:0px!important;}
        .readMore{font-size: 16px!important;padding: 13px 20px 13px 20px!important;top: -13px!important;}
        .banner_heading.innerHeading { left: 372px!important;}
        .heading22{font-size: 40px!important;margin: 77px 0px 23px 28px!important;}
        .heading{margin: 100px 0px 22px -20px!important;font-size: 40px!important;}
        .heading:after {width: 65%!important;bottom: 50px!important;}
        .image__overlay > *{font-size:18px!important;margin:42px 0px 0px 30px!important;}
        .heading31{padding-left: 34px!important;font-size: 25px!important;}
        .column-label-4{font-size: 23px!important;padding: 33px 50px 43px 50px!important;}
        .column-label-1{font-size: 23px!important;padding: 55px 50px 54px 50px!important;}
        .column-label-2{font-size: 19px!important;padding: 32px 48px 33px 20px!important;}
        .column-label-3{font-size: 21px!important;padding: 30px 50px 30px 49px!important;}
        .heading1{font-size: 26px!important;}
        .heading2{font-size: 26px!important;}
        .heading3{font-size: 26px!important;}
        .heading4{font-size: 26px!important;}
        p.font-weight-bold{font-size:14px!important;}
        .heading27 {font-size:23px!important;}
        .heading26{font-size:23px!important;margin-top: 54px!important;}
        .csrtext{font-size:15px!important;}
        .oneim{right: -166px!important;top: -60px!important;}
        img.w-100-1{width:80%!important;}
        .icon-bar {bottom: 23%!important;}
        .mainNav ul li a{font-size: 11px!important;padding-left: 15px!important;}
        .oneim{right: -190px!important;top: -98px!important;}
        h2.heading25{font-size: 40px!important;top: -85px!important;}
        .redBg.position-relative {margin-top: 80px!important;}
        .readMore1{padding: 13px 20px 13px 20px!important;font-size: 16px!important;top: 65px!important;}
        form {margin-left: -43px!important;}

    }
    @media (max-width: 999.99px) {
        .p-100{padding:0 20px!important;}
        h2.heading25{margin-left: 0px!important;}
        .column-label-2{font-size: 19px!important;padding: 32px 48px 31px 18px!important;}
        .column-label-1{font-size: 22px!important;padding: 55px 50px 57px 50px!important;}
        /*.form-group{width: 95%!important;}*/
        .navbar-search{
            display: none;
        }
        .blog-div{margin-left: 0px!important;}
        .icon-bar {bottom: 24%!important;}
        .projectSlider .slick-prev{left: -10px!important;}
        .heading{margin: 100px 0px 22px -13px!important;}
        .heading22{margin: 77px 0px 23px 24px!important;}
        .heading26{margin-top: 80px!important;}
        .csrSlider .slick-prev{left: -18px!important;}
        .csrSlider .slick-next{right: 0px!important;}
        .redBg:before{width: 50%!important;right: 46px!important;}
        .oneim{right: -85px!important;}
        input[type="submit"]{margin: 0px 0px 0px 134px!important;}
        .info input{width: 135px!important;}
    }

    @media (max-width: 992px) {
        header{position: static; background-color: #fff;/*height: 90px;*/margin-bottom: 15px;}
        /*.mobileControls { position:absolute; right:20px; bottom:30px; z-index:99;}*/
        .column-label-2{font-size: 14px!important;padding: 24px 48px 26px 13px!important;}
        .column-label-3 {padding: 35px 50px 36px 47px!important;}
        #imgLo {width: 100%!important;max-width: 140px;}
        /*input.form-control {height: 20px!important;}*/
        button.btn.btn-secondary {height:20px!important;}
        button.btn2{font-size: 10px!important;}
        i.fa.fa-search {color: #000;}
        i.fa.fa-times{ color: #000;}
        .navbar-search.position-relative.text-right.mt-5 {margin-top: 0px!important;}
        .mainNav ul li a {font-size:11px!important;}
        .heading26{margin-top: 59px!important;}

        .navSection .text-right{ text-align:left !important;}

        .mobileControls {position:absolute;right:0px;top: 30px;z-index:992;width: 30px;}

    .mobileControls .menuBtn {height:30px;position:relative;border-left:0px solid #999;/*float:right;*//*background:#00b7c3;*/}
    .mobileControls .menuBtn button {width:30px;height:20px;position:absolute;margin:auto;/* left:0; */right: 0px;top: 0px;;background: transparent;}
    .mobileControls .menuBtn button span {width:100%;height:1px; left: 0px; display:block;background: #000;position:absolute;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
    .mobileControls .menuBtn button span:nth-child(1) {top:0;}
    .mobileControls .menuBtn button span:nth-child(2), .mobileControls .menuBtn button span:nth-child(3) {top:50%;}
    .mobileControls .menuBtn button span:nth-child(4) {top:100%;}

    .mobileControls .menuBtn button.open span:nth-child(1), .mobileControls .menuBtn button.open span:nth-child(4) {width:0%;top:50%;left:0;right:0;margin:auto;}
    .mobileControls .menuBtn button.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);/* color: red; */background: #000;}
    .mobileControls .menuBtn button.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);/* color: red!important; */background: #000;}


    .mobileControls .search_btn {display:inline-block;}


    .navSection {width:100%;height:0;padding:0px;display:none;position:fixed;right:0;background:rgba(25,25,25,.97);z-index:991;overflow:auto;top:0px;padding: 20px;}
    .navSection.open {height: 100vh; /*margin-top: 80px;*/}
    .fixed_header .navSection.open {height:92vh; top:106px;}
    .fixed_header .mainNav{padding:0 20px;}

    .search_btn {display:none;}

    .mainNav {width:auto;margin:0px;display:block;width:100%;float:left;padding-left:30px;padding-right:40px; border:0;}
    .mainNav ul {position:static;}
    .mainNav ul li {display:block;margin:0 0px 0 0;border-bottom:1px solid #333;position:relative;}
    .mainNav ul li a {display:block;color:#fff;text-transform:uppercase;font-weight:400;font-size:14px;line-height:1.5;padding:10px 0;position:relative;}
    .mainNav ul li a:hover, .mainNav ul li:hover > a {color:#fff;font-weight:700;}

    .mainNav > ul > li:before {width:21px;height:1px;background:#aaa;position:absolute;right:0;top:25px;display:none;}
    .mainNav > ul > li:after {width:1px;height:21px;background:#aaa;position:absolute;right:10px;top:15px;display:none;}
    .mainNav > ul > li:hover:before {background:#fff;display:none;}
    .mainNav > ul > li:first-child:hover:before, .mainNav > ul > li:first-child:before, .mainNav > ul > li:first-child:after {display:block;}
    .mainNav > ul > li:first-child:hover:after{ display:none;}

    .mainNav ul li .subMenu {display:none;width:100%;}
    .mainNav ul li:hover .subMenu {display:block;position: static;max-width: 100%;}
    .mainNav ul li .subMenu:after {clear:both;display:block;width:100%;}

    .mainNav ul li ul {display:block;margin:0 auto 30px;float:left;}
    .mainNav ul li ul li {width:100%;margin:0 1.5% 0 0;text-align:left;position:relative;border:0;display:inline-block;vertical-align:top;}
    .mainNav ul li ul li a {padding:10px 35px 10px 25px;font-size:16px;font-weight:400;text-transform:none;line-height:1.3;background:transparent;color:#999;z-index:5;position:relative;}
    .mainNav ul li ul li a:hover {color:#fff;}

    .mainNav ul li ul li:before {content:'';width:6px;height:6px;border-radius:100%;display:block;position:absolute;left:5px;top:50%;margin-top:-3px;z-index:0;transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;background:#FD285E;display:none;}

    .mainNav ul li ul li:hover:after {right:0px;opacity:1;}



    .mobile_top_icons{margin-top:35px;}
    .mobile_top_icons button{ margin-right:20px;}
    .mobile_top_icons a{vertical-align:super;  margin-right:20px}


    .banner_heading h5 {font-size: 25px!important; margin-bottom:0px!important;}
    .banner_heading p {font-size:21px!important; margin-top:10px!important;}
    .banner_heading.innerHeading { left: 272px!important;}
    .readMore{font-size: 12px!important;padding: 9px 20px 9px 20px!important;top: -16px!important;}      
    .icon-bar a{font-size: 17px!important;padding: 7px!important;}
    .icon-bar {bottom: 31%!important; } 
    .blog-div{margin-left: 0px!important;}  
    .heading:after{width: 65%!important;}
    /*.des p{font-size: 13px!important;} */
    .des1 p{font-size: 13px!important;} 
    .heading{margin-left: -20px!important;}
    .p5{font-size: 15px!important;margin-top: -8px!important;margin-bottom: 0px!important;}  
    .p4{font-size: 18px!important;}  
    .p2{font-size: 15px!important;margin-top: -8px!important;margin-bottom: 0px!important;}  
    .p1{font-size: 18px!important;} 
    .readMore1{font-size: 13px!important;top: 25px!important;}
    .projectSlider .slick-prev{top: 125px!important;left: -5px!important;}
    .projectSlider .slick-next{top: 125px!important;}
    .heading30{padding-left:30px!important;font-size: 23px!important;}
    .heading31 {padding-left: 15px!important;font-size: 20px!important;}
    .image__overlay > *{font-size: 13px!important;margin: 35px 0px 0px 15px!important;line-height: 18px!important;}
    .triangle-1 {
      width: 0;
      height: 0;
      border-bottom: solid 60px #040507!important;
      border-right: solid 60px #040507!important;
      border-left: solid 60px transparent!important;
      border-top: solid 60px transparent!important;
      z-index: 999;
      right: 0;
      bottom: 0;
      display: none;}
      .triangle-0 {
          width: 0;
          height: 0;
          border-bottom: solid 65px #040507!important;
          border-right: solid 65px #040507!important;
          border-left: solid 65px transparent!important;
          border-top: solid 65px transparent!important;
          z-index: 999;
          right: 0;
          bottom: 0;
          display: none;}
          h2.heading25{font-size: 39px!important;top: -125px!important;} 
          .heading{font-size: 39px!important;}
          .btn-div input {font-size: 16px!important;margin-left: -15px;}
          .blog-div{margin-left: 0px!important;font-size: 38px!important;}
          .column-label-4{font-size: 15px!important;padding: 46px 50px 43px 50px!important;}
          .column-label-1{font-size: 14px!important;padding: 58px 50px 57px 50px!important;}
          .column-label-3{font-size: 14px!important;padding: 35px 50px 36px 47px!important;}
          .heading1{font-size: 15px!important;}
          .heading2{font-size: 15px!important;}
          .heading3{font-size: 15px!important;}
          .heading4{font-size: 15px!important;}
          /*.form-group{width: 110%!important;}*/
          h4.font-weight-bold.text-uppercase.mt-3{font-size: 12px!important;}
          h5.font-weight-bold.text-uppercase.mt-3{font-size: 12px!important;}
          .footer1 a{font-size: 14px!important;}
          .footer1{font-size: 12px!important;}
          .icon-bar {bottom: 30%!important;}
          .heading22{margin: 77px 0px 23px 18px!important;font-size:39px!important;}
          .oneim{right:-145px!important;top:-80px!important;}
          img.w-100-1k{width: 63%!important;}
          .redBg:before {right: 45px!important;}
          .csrSlider .slick-next{right: -3px!important;}
          .csrSlider .slick-prev{left: -20px!important;}
          .csrSlider .slick-arrow{width: 29px!important;height: 20px!important;}
          i.fa.fa-search{padding-bottom: 7px!important;font-size: 13px!important;}
          input[type="submit"] { margin: 0px 0px 0px 5px!important;font-size:12px!important;}
          .info input{width: 108px!important;font-size:12px!important;}
          /*.navbar-search.position-relative{margin-top: 26px!important;}*/

      }

      @media (max-width: 767.75px){
       .navbar-search.position-relative{margin-top: 0px!important;}
       .redBg:before{ height: 45%!important;
        bottom: 0 !important;
        right: 0 !important;
        top: 54%!important;}
        .heading27 {color: #000!important;}
        p.font-weight-bold{color: #000!important;}
        h2.heading25{top: 10px!important;}
        .redBg.position-relative {margin-top: -50px!important;}
        h2.heading25{font-size: 32px!important;}
        .oneim{display: none!important;}
        img.w-100.d-block1{max-width: 70%!important;}
        .heading26{margin-top: 0px!important;}
        .greenBg:before{width: 100%!important;}
        .maroonBg:before{width: 100%!important;}
        img.w-100.d-block.cake{margin-left: 130px;}
        .maroonBg:before{bottom: 14%!important;}
        .greenBg:before{bottom: 14%!important;}
        header{background-color: #fff;/*height: 90px;*/ width: 100%;}
        .triangle-1 {
          width: 0;
          height: 0;
          border-bottom: solid 70px #040507!important;
          border-right: solid 70px #040507!important;
          border-left: solid 70px transparent!important;
          border-top: solid 70px transparent!important;}
          .mainNav{padding-left: 0px!important;}

          i.fa.fa-search{font-size: 20px!important;}
      }


      @media (max-width: 540.99px){
        /*.navSection.open {height: 100vh;margin-top: 95px;}*/
        /*.logo{padding-top: 15px!important;}*/
        /*img.d-block.d-md-none {margin-top: 108px!important;}*/
        .banner_heading h5{font-size:30px!important; margin-bottom:0px!important;}
        .banner_heading p {font-size:28px!important; margin-top:10px!important;}
        .readMore{font-size: 15px!important;padding: 5px 10px 5px 10px!important; top:-10px!important;}
        .banner_heading.innerHeading{ left:65px!important; top:57%!important; }
        .icon-bar a{font-size: 14px!important;padding: 4px!important;}
        .icon-bar {bottom: 48%!important;}
        .heading{font-size: 35px!important;margin-left: -5px!important;}
        .heading:after{width: 52%!important;right: 23px!important;}
        /*.des p{font-size: 13px!important;}*/
        .p5{line-height: 18px!important;font-size: 13px!important;padding-left:30px!important;}
        .p4{padding-left:30px!important;padding-top: 40px!important;font-size: 17px!important;}
        .readMore1{padding: 10px 15px 10px 15px!important;margin-left:28px!important;font-size: 13px!important;top: 35px!important;}
        .p1{padding-top: 40px!important;font-size: 17px!important;padding-left:30px!important;}
        .p2{font-size: 13px!important;line-height: 18px!important;padding-left:30px!important;} 
        .projectSlider .slick-next{top:60px!important;right: -5px!important;}
        .projectSlider .slick-prev{top:60px!important;}
        .heading22 {font-size: 35px!important;margin: 77px 0px 23px 9px!important;}
        h2.heading25{font-size: 34px!important;}
        .btn-div input{margin-left: 70px!important;}
        .blog-div{padding: 12px 0px!important;}
        /*.form-group {width: 32%!important;margin-left: 83px;margin-top: 10px;}*/
        /*.socialMedia {margin-left: 80px!important;}*/
        .redBg:before{width: 100%!important;}
        i.fa.fa-search{padding-bottom: 6px!important;font-size: 20px!important;}
        img.w-100-1{width: 100%!important;}
        .oneim{right: -28px!important;top: -85px!important;left: 260px!important;}
        .csrSlider .slick-next {right: 183px!important;top: 48%!important;}
        .csrSlider .slick-prev {left: 183px!important;top: 48%!important;}
        .column-label-2 {font-size: 26px!important;}
        .heading:after{bottom: 40px!important;}
        .column-label-4{font-size: 20px!important;padding-left:20px!important;}
        .column-label-3{font-size: 20px!important;padding-left:20px!important;}
        .column-label-2{font-size: 20px!important;padding-left:20px!important;}
        .column-label-1{font-size: 20px!important;padding-left:20px!important;}
        .heading1 {font-size: 20px!important;padding-left: 20px!important;}
        .heading2 {font-size: 20px!important;padding-left: 20px!important;}
        .heading3 {font-size: 20px!important;padding-left: 20px!important;}
        .heading4 {font-size: 20px!important;margin-left: -19px!important;}
        h4.font-weight-bold.text-uppercase.mt-3 {font-size: 15px!important;}
        h5.font-weight-bold.text-uppercase.mt-3 {font-size: 15px!important;}
        .footer1 {font-size: 14px!important;}.footer1 a{font-size: 14px!important;}
        form{margin-left: 0px!important;margin-top: 20px!important;}
        /*.socialMedia{margin-left: 10px!important;}*/
        .mainNav ul li a{font-size: 16px!important;}
        .navbar-search.position-relative{margin-top: -45px!important;}
        button.btn2 {margin-right: 99px!important;}
        .searchDiv{right: -15px;}
    }


    @media (max-width: 500.99px){
       .heading{font-size: 35px!important;margin-left: 0px!important;}
       .heading:after{width: 45%!important;}
       /*.des p{font-size: 13px!important;}*/
       .p5{line-height: 18px!important;font-size: 12px!important;padding-left:30px!important;}
       .p4{padding-left:30px!important;font-size: 14px!important;}
       .readMore1{padding: 7px 15px 7px 15px!important;margin-left:28px!important;font-size: 10px!important;top: 20px!important;}
       .p1{font-size: 14px!important;padding-left:30px!important;}
       .p2{font-size: 12px!important;line-height: 18px!important;padding-left:30px!important;}
       .projectSlider .slick-next{top:60px!important;right: -14px!important;}
       .projectSlider .slick-prev{top:60px!important;}
       .heading22 {font-size: 35px!important;margin: 77px 0px 23px 9px!important;}
       .btn-div input{margin-left: 70px!important;}
       .blog-div{padding: 12px 0px!important;}
       /*.form-group {width: 32%!important;margin-left: 83px;margin-top: 10px;}*/
       /*.socialMedia {margin-left: 80px!important;}*/
       .redBg:before{width: 100%!important;}
       img.w-100-1{display: none;}
       .csrSlider .slick-next {right: 0px!important;top: 48%!important;}
       .csrSlider .slick-prev {left: 0px!important;top: 48%!important;} 
       .column-label-2 {font-size: 23px!important;}
       .column-label-3 {font-size: 23px!important;}
       .column-label-1 {font-size: 23px!important;padding-left: 20px!important;}
       .column-label-4 {font-size: 23px!important;padding-left: 20px!important;}
       .heading3{font-size: 23px!important;}
       .heading4{font-size: 23px!important;}
       .heading1{font-size: 23px!important;}
       .heading2{font-size: 23px!important;}
       img.w-100.d-block1{margin-left: 0px!important;}
       /*.des1 p, .des p{font-size: 12px!important;}*/
       .des1 p{margin: 25px 0px 35px -20px!important;}
       .greenBg:before{border-radius: 0 40px 40px 0!important;}
       .maroonBg:before{border-radius: 0 40px 40px 0!important;}
      /* form{margin-left: 49px!important;}*/
       input[type="submit"]{font-size: 14px!important;}.info input{font-size: 15px!important;}
   }
   @media(max-width:446.99px){
    .image__overlay > *{font-size: 18px!important;margin: 50px 0px 0px 30px!important;}
}
@media(max-width:469.99px)
{
    .p2{font-size: 9px!important;}
    .projectSlider .slick-prev{top: 70px!important;}
}
@media(max-width:425.99px){
    .image__overlay > *{font-size: 17px!important;margin: 46px 0px 0px 30px!important;}
}
@media (max-width: 414.99px){
    .icon-bar {display: none;}
    .p2 {font-size: 11px!important;line-height: 17px!important;}
    .p1{line-height: 15px!important;font-size: 13px!important;}
    .p4{line-height: 13px!important;font-size: 13px!important;}
    .p5{line-height: 17px!important;font-size: 11px!important;}
    .readMore1{top: 15px!important;}
    .btn-div input{margin-left: 24px!important;}
    .column-label-4{font-size: 20px!important;padding-left:20px!important;}
    .heading1{font-size: 20px!important;padding-left: 20px!important;}
    .heading2{font-size: 20px!important;padding-left: 20px!important;}
    .column-label-1{font-size: 20px!important;padding-left:20px!important;}
    .column-label-2 {font-size: 18px!important;}
    .column-label-3 {font-size: 19px!important;padding-left:20px!important;}
    .heading3{font-size: 20px!important;padding-left:20px!important;}
    .heading4{font-size: 20px!important;margin-left: -19px!important;}
    h4.font-weight-bold.text-uppercase.mt-3{font-size: 17px!important;}
    h5.font-weight-bold.text-uppercase.mt-3{font-size: 17px!important;}
    .footer1 {font-size: 17px!important;}
    .footer1 a{font-size: 17px!important;}
    .socialMedia {margin-left: 33px!important;}
    /*.form-group {width: 50%!important;margin-left: 38px;margin-top: 10px;}*/
    .heading22{font-size: 33px!important;margin: 25px 0px 25px 10px!important;}
    .heading:after{width: 37%!important;right: 23px!important;}
    .projectSlider .slick-next{right: -7px!important;}
    .heading{margin-left: -3px!important;}
    h2.heading25 {color: #000!important;font-size: 33px!important;}
    .whiteText{color: #fff!important;}
    .icon-bar {display: none;}
    /*.des p{font-size: 9px!important;line-height: 18px;}*/
    .banner_heading h5{font-size: 28px!important;margin-bottom:0px!important;}
    .banner_heading p {font-size: 26px!important;margin-top:10px!important;}
    .readMore{font-size: 13px!important;padding: 5px 10px 5px 10px!important;top: -30px!important;}
    .banner_heading.innerHeading{left: 52px!important;top: 56%!important;}
    .heading{margin: 60px 0px 22px -13px!important;}
    /*form {margin-left: 10px!important;}*/
    button.btn2{margin-right: 64px!important;}
}
@media (max-width: 411.99px){
    .heading:after {width: 36%!important;right: 20px!important;}
    .heading22{font-size: 33px!important;margin-top: 45px!important;}
    .p2 {font-size: 11px!important;line-height: 13px!important;}
    .p1{line-height: 15px!important;font-size: 12px!important;}
    .p4{line-height: 13px!important;font-size: 12px!important;}
    .p5{line-height: 13px!important;}
    .readMore1{top: 15px!important;}
    .projectSlider .slick-arrow{width:13%!important;}
    .projectSlider .slick-prev{height: 17px!important;}
    .projectSlider .slick-next{height: 17px!important;}
    .csrSlider .slick-next{right: 0px!important; top: 48%!important;}
    .csrSlider .slick-prev{left: 0px!important; top: 48%!important;}
    .btn-div input{margin-left: 24px!important;}
    .column-label-4{font-size: 24px!important;}
    .heading1{font-size: 24px!important;}
    .heading2{font-size: 24px!important;}
    .column-label-1{font-size: 23px!important;}
    .column-label-2 {font-size: 18px!important;}
    .column-label-3 {font-size: 19px!important;}
    .heading3{font-size: 20px!important;}
    .heading4{font-size: 20px!important;}
    h4.font-weight-bold.text-uppercase.mt-3{font-size: 17px!important;}
    h5.font-weight-bold.text-uppercase.mt-3{font-size: 17px!important;}
    .footer1 {font-size: 17px!important;}
    .footer1 a{font-size: 17px!important;}
    .socialMedia {margin-left: 33px!important;}
    .form-group {width: 50%!important;/*margin-left: 38px;*/margin-top: 10px;}
    h2.heading25 {margin-left: 7px!important;}
    .icon-bar {display: none;}

}
@media(max-width:405.99px){
    .image__overlay > *{font-size: 17px!important;margin: 40px 0px 0px 30px!important;}
    
}

@media(max-width:390.99px){
    .image__overlay > *{font-size: 17px!important;margin: 40px 0px 0px 30px!important;line-height: 13px!important;}
}
@media(max-width:381.99px){
    .image__overlay > *{font-size: 17px!important;margin: 40px 0px 0px 20px!important;line-height: 13px!important;}
    .heading31{font-size: 20px;}
    .heading30{font-size: 20px;}
}

@media (max-width: 375.55px){
    .banner_heading h5{font-size: 25px!important;margin-bottom:0px!important;}
    .banner_heading p {font-size: 23px!important;margin-top:10px!important;}
    .readMore{font-size: 13px!important;padding: 5px 10px 5px 10px!important;top: -30px!important;}
    .banner_heading.innerHeading{left: 55px!important;top: 56%!important;}
    .heading{font-size: 26px!important;margin-left: -9px!important;}
    .heading:after{width: 48%!important;top: 67%;}
    .des p{/*font-size: 8px!important;line-height: 18px;*/}
    .des1 p{font-size: 8px!important;line-height: 18px;margin: 25px 0px 35px -20px!important;}
    #img11,#img12,#img13,#img14,#img15{padding: 12px!important;}
    .image__overlay > *{font-size: 16px!important;margin: 40px 0px 0px 30px!important;line-height: 10px!important;}
    .triangle-0 {
        width: 0;
        height: 0;
        border-bottom: solid 65px #040507!important;
        border-right: solid 65px #040507!important;
        border-left: solid 65px transparent!important;
        border-top: solid 65px transparent!important;}
        .readMore1{top: 40px!important;font-size: 13px!important;margin-left: 0px!important;}
        .p1{line-height: 13px!important;font-size: 13px!important;padding-left: 0px!important;}
        .p2{font-size: 12px!important;padding-left: 0px!important;line-height: 20px!important;}
        .p4 {font-size: 13px!important;padding-left: 0px!important;}
        .p5{font-size: 13px!important;line-height: 20px!important;padding-left: 0px!important;}
        .column-label-2{font-size: 16px!important;}
        .column-label-3{font-size: 17px!important;padding: 35px 50px 36px 20px!important;}
        .column-label-1{font-size: 18px!important;padding: 58px 50px 57px 20px!important;}
        .column-label-4{font-size: 18px!important;padding: 46px 50px 43px 20px!important;}
        .heading22 {margin: 25px 0px 25px 6px!important;font-size: 26px!important;}
        .blog-div {font-size: 36px!important;}
        .heading1{padding-left: 20px!important;}
        .heading3{padding-left: 20px!important;}
        .heading4{margin-left: -19px!important;}
        h2.heading25 {color: #000!important;font-size: 26px!important;}
        .whiteText{important;color: #fff!important;}
        .icon-bar {display: none;}
        .form-group1 i.fa.fa-search {padding-bottom: 9px!important;font-size: 10px!important;}
        i.fa.fa-search {padding-bottom: 8px!important;font-size: 11px;}
        button.btn2 {font-size: 10px!important;padding: 5px 10px 5px 10px!important;}
        .heading2 {font-size: 20px!important;}
        .heading1{font-size: 20px!important;}
        img.w-100.d-block.cake {margin-left: 110px!important;}
    }


    @media (max-width: 369.99px){
       .banner_heading h5{font-size:13px!important; margin-bottom:0px!important;}
       .banner_heading p {font-size:9px!important; margin-top:0px!important;}
       .readMore{font-size: 8px!important;padding: 5px 10px 5px 10px!important; top: -53px!important;}
       .banner_heading.innerHeading{ left:130px!important; top:70% }
       /*.heading31{font-size: 29px!important;padding-left: 15px!important;}*/
   }
   @media(max-width:366.99px){

    /*.heading31{font-size: 28px!important;}*/
    /*.heading30{font-size: 29px!important;}*/
}

@media (max-width: 360.99px){
    .image__overlay > *{font-size: 16px!important;margin: 40px 0px 0px 20px!important;line-height: 8px!important;}
    .icon-bar a{font-size: 8px!important;padding: 3px!important;}
    .icon-bar {bottom: 54%!important;}
    .readMore1{top: 22px!important;font-size: 7px!important;}
    .btn-div input{margin-left: 19px!important;}
    .column-label-2{font-size: 15px!important;}
    button.btn2{padding: 5px 5px 5px 5px!important;font-size: 9px!important;}
    .form-group1{width: 110px!important;}
    .p1{font-size: 11px!important;}
    .p2{font-size: 10px!important;}
    .p3{font-size: 11px!important;}
    .p4{font-size: 10px!important;}
    .banner_heading h5{font-size: 25px!important;margin-bottom:0px!important;}
    .banner_heading p {font-size: 23px!important;margin-top:10px!important;}
    .readMore{font-size: 13px!important;padding: 5px 10px 5px 10px!important;top: -30px!important;}
    .banner_heading.innerHeading{left: 50px!important;top: 56%!important;}

}

.bannerSlider{
    position:relative;
    overflow: hidden;
}
.banner_heading{
    position:absolute; z-index:999; color:#fff;  max-width:600px; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
    .banner_heading.innerHeading{
       left:510px; top:74%;
       overflow: hidden;
   }


   .banner_heading h5{
       font-size:46px; /*font-family:'Montserrat';*/font-weight:400; color:#fff;  margin-bottom:20px; overflow: hidden }
       .banner_heading p{ /*font-family:'Montserrat';*/font-weight:400;max-width:400px; color:#fff; font-size:30px; font-style:italic; margin-bottom:55px; margin-top: 20px;}
       .bannerSlider img{
           width:100%; height:100%;
       }
       .line{
        height: 1px;
        background: #fff;
    }

    .readMore{

        /*font-family:'Montserrat';*/

        font-weight:700;

        background:#fff;

        color:#000;

        padding: 13px 20px 13px 20px;

        letter-spacing:1px;

        position:relative;

        font-size:20px;

        top: -12px;
    }
    .readMore:hover{ color:#fff; background:#000;text-decoration: none;}

    .bannerSlider .slick-dots li.slick-active button{
        background:#B28D60!important; 


    }
    .carousel-caption{
        top: 70%;
        transform: translateY(-50%);
        bottom: initial!important;

    }

    .carousel-caption h5{
        font-size: 45px;
        font-weight: 200;
        letter-spacing: 10px;
    }

    .carousel-caption h6{
        font-size: 30px;
        font-weight: 200;
        letter-spacing: 10px;
        font-style: italic;
    }
    .carousel-caption hr{
        height: 1px;
        border: 0px;
        background-color: #fff;
        width: 50%;
        padding-bottom: 0px;

    }

    /****************** slider ***********************/
    .animated {-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
    @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
    @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
    .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

    @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
    @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
    .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}


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

    .banner img{
       width:100%; height:auto;}

       .bannerSlider img {
        width: 100%;
        height: auto;
        display:block;
    /*-webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;*/
}



/* Gallery */
#img5{


 height: auto;
}

#img6{


 height: auto;
}

#img7{


 height: auto;
}

#img8{


    height: auto;
}

#img9{

 height: auto;
}

#img10{

    height: auto;
}
.pad-1{
    padding: 0px!important;
}

.h-100{
    background-color: #F3E6D6;

}
.h-100-1{
    background-color: #D6E8F2;

}
.prodBox{overflow: hidden;}
.prodBox img{
    -webkit-transition: all 0.5s ease;
}
.prodBox img:hover{
    transform: scale(1.1);
}

.heading30{
    /*font-family: 'Montserrat';*/
    font-weight: 600;
    color: #000;
    position: absolute;
    padding: 0px 25px;
    z-index: 8;
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
}
.heading31{
    /*font-family:'Montserrat'; */
    font-weight:600;
    color:#000; 
    position: absolute;
    padding-left: 50px;
    z-index: 8;
    overflow: hidden;
    margin-top: 40px;
    width: 100%;
}

.triangle-0 {
  width: 0;
  height: 0;
  border-bottom: solid 70px #040507;
  border-right: solid 70px #040507;
  border-left: solid 70px transparent;
  border-top: solid 70px transparent;
  z-index: 8;
  right: 0;
  bottom: 0;
  display: none;

}

.triangle-1 {
  width: 0;
  height: 0;
  border-bottom: solid 70px #040507;
  border-right: solid 70px #040507;
  border-left: solid 70px transparent;
  border-top: solid 70px transparent;
  z-index: 8;
  right: 0;
  bottom: 0;
  display: none;


}

.ArW1{
    position: absolute;
    right: 10px;
    bottom:20px;
    display: none;
    z-index: 999;
}


a.prodBox{display: block; overflow: hidden;}
/*a.prodBox:hover .triangle-0{ display: block; }*/

a.prodBox{display: block; overflow: hidden;}
/*a.prodBox:hover .triangle-1{ display: block; }*/

a.prodBox:hover .ArW1{
    display: block;
    overflow: hidden;

}

a.prodBox h5, a.prodBox h3{
    transition: all 0.3s ease-in-out;
}

a.prodBox h5::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 100%;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

a.prodBox:hover h5, a.prodBox:hover h3{
    /*color: #fff;*/
    padding-left: 40px;
}

a.prodBox:hover h5::after{
    /*width: 100%;
    background: #ff0131;*/
}

.image__overlay{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(100, 0, 0, 0.1);
    color:#fff;
    display: flex;
    /*font-family:'Montserrat';*/
    flex-direction: column;
    align-items: left;
    justify-content: top;
    opacity: 0;
    transition: opacity 0.25s;


}
.image__description{
    font-size:0px;
    /*font-family:'Montserrat';*/
    font-weight: 400;
}

.image__overlay > *{
  transform: translateY(20px);
  transition: transform 0.25s; 
  /*font-family:'Montserrat';*/
  font-weight: 500;
  font-size: 20px;
  margin: 50px 0px 0px 30px;
}
.image__overlay:hover{
   opacity: 1;  

}
.image__overlay__blur{
   backdrop-filter:blur(5px);  

}

.image__overlay:hover > *{
  transform: translateY(0); 


}


.hoverIMG{
    margin-top: 0px;

}

.maroonBg, greenBg{position: relative;}
.maroonBg:before{ width: 65%; bottom: 10%; position: absolute; top:0%; left:0; border-radius: 0 80px 80px 0; background-color: #B51F3A; content: ""; }
.greenBg:before{ width: 65%; bottom: 10%; position: absolute; top:0%;  left:0; border-radius: 0 80px 80px 0; background-color: #21B271; content: ""; }
.greenBg.bluebg:before{background-color: #1432ae;}
.maroonBg.pinkbg:before{background-color: #E04F66;} 
.pz-0{
    top:25%;
}
.projectSlider{
    padding-top: 0px;
}
.projectSlider .slick-arrow{width:60px; height:40px; position: absolute; top:0;}
.projectSlider .slick-prev, .projectSlider .slick-next{position:absolute; z-index:99;    border: 0; outline:0;color: transparent;transition:all 0.8s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.projectSlider .slick-prev:hover, .projectSlider .slick-next:hover{transition:all 0.8s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;}
.projectSlider .slick-prev {left:0px; top:170px; background:url(../img/arrow1-preview.png) center center no-repeat; height: 40px;}
.projectSlider .slick-prev:hover{background:url(../img/arrow1-preview.png)  center center no-repeat ; height: 40px;}
.projectSlider .slick-next {right:0px; top:180px; background:url(../img/ar1n.png)  center center no-repeat ;height: 40px;}
.projectSlider .slick-next:hover{background:url(../img/ar1n.png)  center  center no-repeat ;height: 40px;}

.projectSlider .slick-dots{position: absolute;}
.projectSlider .slick-dots li{width:auto; height:auto;} 
.projectSlider .slick-dots li button{width:15px ; height:3px;  background:#000;}
.projectSlider .slick-dots li.slick-active button{background:#B51F3A;}
.projectSlider .slick-dots li button:before{display:none;}

.heading22{
    /*font-family:'Montserrat';*/
    font-weight:400;
    font-size: 49px;
    letter-spacing: 2px;
    color: #010101;
    margin: 60px 0px 20px 90px;
    
}
.p1{
    /*font-family:'Montserrat';*/ 
    font-weight:600;
    font-size: 24px;
    color: #fff;
    padding-top: 43px;
    
}
.p2{
    /*font-family:'Montserrat';*/ 
    font-size: 20px;
    color: #fff;
    font-weight: 200;
    margin-top: 35px;
    
    line-height: 32px;
}
.p4{
    /*font-family:'Montserrat';*/ 
    font-weight:600;
    font-size: 24px;
    color: #fff;
    padding-top: 43px;
    
}
.p5{
    /*font-family:'Montserrat';*/ 
    font-size: 20px;
    color: #fff;
    font-weight: 200;
    margin-top: 35px;
    
    line-height: 32px;
}
p6{
    /*font-family:'Montserrat';*/ 
    font-weight:600;
    font-size: 24px;
    color: #fff;
    padding-top: 43px;
    
}

.p3{
    font-size: 26px;
    color: #fff;
    padding-top: 30px;
    font-weight: 600;
}
.p3{
    font-size: 24px;
    color: #fff;
    font-weight: 200;
    
}

.readMore1{/*font-family:'Montserrat';*/font-weight:700;background:#fff;color:#000;padding:10px 20px 10px 20px;letter-spacing:1px;position:relative;font-size: 22px;top: 80px;margin-left: 10px;}
.readMore1:hover{  color:#fff; background:#000; text-decoration: none;}

.heading {
    /*font-family:'Montserrat';*/
    font-weight:400;
    font-size: 50px;
    text-align: left;
    color: #020202;
    overflow: hidden;
    margin-top: 50px;
    margin-left: -120px;
    

    
}

.p-100{ padding: 0 190px;}
img.w-100.d-block.csr{
    height: auto;
}

.heading:after{
    content: '';
    display:block;
    width: 73%;
    height: 2px;
    background: #939090;
    position: absolute;
    right: 0;
    bottom: 28px;

}

.img-hover-zoom {
  height: 150px; 
}

.img-hover-zoom img {
  transition: transform .5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.2);
}

.icON{
    border-bottom: 2px solid #939090;
    margin-bottom: 100px;

}
.redBg.position-relative {
    margin-top: 20px;
}

#img11{

 width: 80px;
 padding: 10px;


}
#img12{

 width: 80px;
 padding: 10px;


}
#img13{

 width: 80px;
 padding: 10px;


}
#img14{

 width: 80px;
 padding: 10px;

}
#img15{

 width: 80px;
 padding: 10px;


}

.des p{
    font-size: 18px;
    /*font-family:'Montserrat';*/
    font-weight:700;
    margin: 25px 0px 35px 0px;
}


.des1 p{
    font-size: 20px;
    /*font-family:'Montserrat';*/
    font-weight:700;
    margin: 25px 0px 35px 0px;
    
}

.des3 P{
    font-weight: 900;
    margin: 0px 0px 0px 0px;
}

<----------------------------------------------BLOG------------------------------>
#img1{
    width: 100%;
    height: auto;
    /*height: 382px!important;*/

}

#img2{

    width: 100%;
    height: auto;
    /*height: 401px;*/
}
#img3,#img4{
    width: 100%;
    height: auto;
    /*height: 159px;*/
}



.pad-0{
    padding: 3px 2px 2px 0px!important;
    
}
.pad-3{
    padding:3px 2px 2px 2px!important;
    
}
.pad-4{
    padding: 3px 0px 2px 2px!important;
    
}
.pad5{
    padding: 0px 0px 2px 0px!important;
}

.column-label-4 {
    /*font-family:'Montserrat';*/
    font-weight:500;
    background-color: #401C04;
    color: #fff;
    font-size: 28px;
    padding: 29px 50px 34px 50px;
    text-align: left;
    letter-spacing: -1px;
}

.column-label-1 {
    /*font-family:'Montserrat';*/
    font-weight:500;
    background-color: #4E0755;
    color: #fff;
    font-size: 28px;
    padding: 50px 50px 47px 50px;
    text-align: left;
    letter-spacing: 20;

}
.column-label-2 {
    /*font-family:'Montserrat';*/
    font-weight:500;
    background-color: #0d4951;
    color: #fff;
    font-size: 27px;
    padding: 40px 50px 40px 50px;
    text-align: left;

}
.column-label-3 {
    /*font-family:'Montserrat';*/
    font-weight:500;
    background-color: #0C0E0D;
    color: #fff;
    font-size: 28px;
    padding:40px 50px 39px 50px;
    text-align: left;

}



.blog-div {
    /*font-family:'Montserrat';*/
    /*font-weight:300;*/
    padding-top: 9px;
    font-size: 45px;
    padding: 12px 60px;
    margin-left: 40px;
}

.btn-div{
    /*font-family:'Montserrat';*/
    font-weight:500;
    padding-top: 7px;
    font-size: 23px;
    padding-top: 19px;

}


.btn-div input{
    /*font-family:'Montserrat';*/
    font-weight:500;
    background-color: #000000;
    border: solid 1px;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    font-size: 20px;

}

.BloBox{overflow: hidden;}
.BloBox img{
    -webkit-transition: all 0.5s ease;
}
.BloBox img:hover{
    transform: scale(1.1);
    
}
a.BloBox{display: block; overflow: hidden;}
a.BloBox:hover{ display: block;
    z-index: 9;
}

.label{
    font-size: 45px;
}

.heading1{
    /*font-family:'Montserrat';*/
    font-weight:600;
    color:#fff; 
    position: absolute;
    top:80%;
    padding-left: 50px;
    overflow: hidden;
}

.heading2{
    /*font-family:'Montserrat';*/
    font-weight:600;
    color:#fff; 
    position: absolute;
    top:6%;
    padding-left: 20px;
    font-weight: 600;
    overflow: hidden;
    z-index: 9;

}

.heading3{
    /*font-family:'Montserrat';*/
    font-weight:600;
    color:#fff; 
    position: absolute;
    top:60%;
    padding-left: 50px;
    font-weight: 600;
    overflow: hidden;
    z-index: 9;

}

.heading4{
    /*font-family:'Montserrat';*/
    font-weight:600;
    color:#fff; 
    position: absolute;
    top:60%;
    padding-left: 20px;
    font-weight: 600;
    overflow: hidden;
    z-index: 9;
    

}


<--------------------------------------------slider-------------------------------------------------->
.redBg
{position: relative; 
    margin-top: 90px; 

}
.redBg:before{

    width: 61%;
    position: absolute;
    top: 0;
    right: -40px;
    background-color: #FE0056;
    content: "";
    bottom: 0;
}



.slick-initialized .slick-slide{
    overflow: hidden;
}

#img16 {
    /*height: 80%;
    padding-top: 129px;*/
    height: auto;
    padding: 13px 50px 0px 20px;
    width: 100%;

}

#img17{

    /*padding: 155px 0px 60px 0px!important;
    padding: 60px 30px 30px 0px;
    height: 463px;*/
    height: auto;
    width: 100%;
    margin: 52px 0px 0px -50px;

    

    
}

#img18{
    height: auto;
    padding: 58px 0px 0px 811px;
    /*padding: 0px 0px 0px 843px;*/
    width: 100%;
    margin: auto;
    
    /*right: 0px;*/
}

#img19{
    width:100%;
    height: auto;
    right:0;
    z-index: 999;
}


.csrSlider .slick-arrow{
    width:40px; height:40px; position: absolute; text-align: center;

}
.csrSlider {
    padding-top: 0px;
}
.csrSlider .slick-prev, .csrSlider .slick-next{position:absolute;  border: 0; outline:0;color: transparent}

.csrSlider .slick-prev {left:-55px; top:50%; background:url(../img/ar1p.png) center center no-repeat;}
.csrSlider .slick-next {right:-100px; top:50%; background:url(../img/ar1n.png)  center center no-repeat ;}
.csrSlider .slick-dots{position: absolute;}
.csrSlider .slick-dots li{width:auto; height:auto;} 
.csrSlider .slick-dots li button{width:25px ; height:3px;  background:#d6d6d6;}
.csrSlider .slick-dots li.slick-active button{background:#3A6DE8;}
.csrSlider .slick-dots li button:before{display:none;}


h2.heading25{
    /*font-family: 'Montserrat';*/
    font-weight: 300;
    font-size: 49px;
    position: relative;
    color: #020202;
    margin-left: -99px;
    font-size:50px;
    letter-spacing: -1px;
}

.oneim{

    position: absolute;
    right: -143px;
    top: -67px;
}

.whiteText{
    /*font-family: 'Montserrat';*/
    color:#fff;

}
.BiggerText{
    /*font-family: 'Montserrat';*/
    font-weight: 500!important;
    color:#202020;
    font-size: 24px;
}
.heading26 {
    /*font-family: 'Montserrat';*/
    font-weight: 600;
    font-size: 23px;
    color: #fff;
    line-height: 33px;
    margin-top: 95px;
}
.BiggerWhiteText{
    /*font-family: 'Montserrat';*/
    color:#fff;
    font-size: 24px;}

    .heading27 {
        /*font-family: 'Montserrat';*/
        font-size: 23px;
        color: #202020;
        line-height: 31px;
    }
    p.font-weight-bold{
        /*font-family: 'Montserrat';*/
        font-size: 19px;
        color: #202020;
        line-height: 31px;
    }
    .csrtext{
     /*font-family: 'Montserrat';*/
     font-size: 18px;
     color: #fff;
     line-height: 31px;
     font-weight: 600;
 }

 .column-label-6{
    color:#000;
    background-color: #fff;
    font-size: 23px;
    padding:0px;
    width: 100%
    
}

<!-------------------------------footer---------------------------->
.page-footer {
    border-top: 2px solid #000;
}



.list-style p{
    font-family:'Montserrat';
    font-weight:700;
    color:#000;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
    
}

.list-stylee  a{
    color:#000;
    font-size: 16px;
    font-weight: 700;
}

.socialMedia{
    display: block;
    border-top: 1px solid #a4a5a7;
    padding-top: 25px;
}

.socialMedia a:hover{
    color: #ff002a;
}


.icon-bar a{
    display: inline-block;
    margin-right: 10px;
    display: inline-block;
    margin-right: 20px;
    font-size: 30px;
    
    
}
.icon-bar {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left:40px;
  bottom: -5%;
}

/* Style the icon bar links */
.icon-bar a {

  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: #A0A0A2;
  font-size: 25px;

}



.fa-facebook {
  /*color: #fff;*/
  text-decoration: none!important;    
  
}
.fa-facebook:hover {
  color: #3A5794;
}
.fa-linkedin{
    /*color: #fff;*/
    text-decoration: none!important;
}
.fa-linkedin:hover {
  color: #0077B5;
}
.fa-instagram{
    /*color: #fff;*/
    text-decoration: none!important;
}
.fa-instagram:hover {
  color: #E31D4B;
}

.fa-youtube-play:hover {
  color: #F70000;
}
button.btn.btn-secondary {
    background: transparent;
    border-color: #ced4da;
    height: 23px;
}
button.btn.btn-secondary:hover{
    border-color: #ced4da;
}
input.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #495057; */
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: inherit;
}


ul.list-stylee {
    font-weight:400;
    list-style: none;
}

ul.list-stylee li{
    margin-bottom: 10px;
}

.col-md-2.mx-auto {
     /*padding-right: 0px; 
     padding-left: 71px;*/
 }
 .col-md-4.mx-auto {
     /* padding-left: 100px;*/
 }

 .col-md-4.mx-auto1 {
    /*padding-left: 39px;*/
    /* padding-right: 126px; 
    margin-left: -79px;*/
}
.col-md-6 {
 /* padding: 0px 60px 0px 0px;*/
}
h5.font-weight-bold.text-uppercase.mt-3 {
    font-family:'Montserrat';
    font-weight:400;
    font-size: 14px;
    overflow: hidden;
}

.footer1{
    font-family:'Montserrat';
    font-weight:400;
    font-size:14px;
    color:#000!important;
    text-decoration: none!important;
}

.footer1 a{
    font-family:'Montserrat';
    font-weight:400;
    font-size:14px;
    color:#000!important;
    text-decoration: none!important;
    
}

.footer1 a:hover{
    font-family:'Montserrat';
    font-weight:400;
    font-size:14px;
    color:#007bff!important;
    text-decoration: none!important;
    
}
h4.font-weight-bold.text-uppercase.mt-3{

    /*font-family: 'Montserrat';*/
    font-size: 17px;
}

/*.form-group {
    margin-bottom: 1rem;
    /*width: 63%;
}
*/
img.w-100.d-block1 {
    margin-left: -25px;
}
.container-fluid.text-center.text-md-left.px-5 {
    margin-left: 55px;
}

/*form{
  width: 100px;
  /*margin: 50px auto;
  padding: 50px;
}*/

input {
  font-family: 'PT Sans Narrow';
  font-size: 20px;
}

.info{
  display: inline-block;
  margin-right: 5px;
}

.info input {
  display: block;
  width: 150px;
  height: 30px;
  border: 0;
  border-radius: 3px;
  margin: 0 0 10px 0;
  padding: 12px 10px;
  background: #eee;
}

.info input:last-child {
  margin: 0;
}

.info input:focus {
  background: #eee;
  outline: none;
}

/*input[type="submit"]{
  vertical-align: top;
  /* height: 30px;/
  width: 130px;
  margin: 0px 0px 0px 95px;
  padding: 0;
  text-align: center;
  border: 0;
  border-radius: 3px;
  background: pink;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff!important;
  background: black;
  
}
*/
input[type="submit"]:hover{
  background: #ff002c;
}   


/* css by shailesh */

.social-media {
    line-height: 18px;
    /*color: #fff;*/
    font-size: 20px;
}
.header-search input.form-control {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    height: 40px;
    border: 1px solid #363636;
    background: transparent;
    color: #363636;
    padding-right: 45px;
}

.header-search.mobSearch{
    display: none;
}

.header-search.mobSearch input.form-control{
    border: 1px solid #fff;
    color: #fff;
}

.header-search.mobSearch input.form-control::placeholder{
    color: #fff;
}

.header-search input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #363636;
  opacity: 1; /* Firefox */
}

.header-search input.form-control:focus{
    box-shadow: none;
    outline: none;
}
.header-search{
   width: 300px;
   display: inline-block;
   margin-bottom: 0px;
   margin-right: 30px;
   position: relative;
}

.section-width{
    padding:30px 0px;
}
.sec-title {
 font-weight:400;
 width: 100%; 
 text-align: left; 
 border-bottom: 1px solid #000; 
 line-height: 0.1em;
 margin: 10px 0 20px; 
 font-size: 35px;
 margin-bottom: 60px;
} 

.sec-title span { 
    background:#fff; 
    padding-right: 30px;
}
.section-width {
    padding: 0px 75px;
}

.why-koal-icons{
   height: 80px;
   width: auto;
   padding: 10px;
}
.slick-custom-arrow.slick-arrow {
    font-weight: bold;
    display: block;
    display: inline-block;
    top: 43%;
    position: absolute;
    z-index: 10;
}
.slick-custom-arrow.slick-arrow i{
    font-size:40px;
}
.slick-custom-arrow.arrow-left{
    left: 0;
}
.slick-custom-arrow.arrow-right{
    right: 0;
}
.certification-slider .slick-slide {
    padding: 0px 30px;
}
.certificate img{
    width:100%;
}
.section-gap{
    padding-top:30px;
    padding-bottom:30px;
}
.section-title-normal{
    font-family: 'Montserrat';
    font-weight: 400;
    width: 100%;
    text-align: left;
    line-height: 0.1em;
    margin: 10px 0 20px;
    font-size: 35px;
    margin-bottom: 60px;
}
.border-btn{
    font-family: 'Montserrat';
    color: #fff;
    font-size: 14px;
    border: 1px solid #000;
    padding: 8px 16px;
}

.border-btn:hover{
    color:#fff;
    text-decoration:none;
    background-color:#ff0056;
}

.border-btn-white{
    font-family: 'Montserrat';
    color: #fff;
    font-size: 17px;
    border: 1px solid #fff;
    padding: 8px 16px;
}
.border-btn-white:hover{
    color:#fff;
    text-decoration:none;
    background-color:#ff0056;
}
.section-bg-image.text-center {
    background: url(../img/bg-1.png);
    padding: 80px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
.happiness img{
    max-width: 220px;
}
.happiness p {
    max-width: 630px;
    margin: 40px auto;
}
.list-stylee a, .address, .contact-details a, .newsletter-text{
   color: #0c0e0d;
   font-size: 14px;
   font-weight: 400;
   line-height: 25px;
}

.list-stylee a:hover{
    color: #00b1f5;
}

.socialMedia .fa-facebook, .socialMedia .fa-instagram, .socialMedia .fa-youtube-play, .socialMedia .fa-youtube-play, .socialMedia .fa-twitter{
    color:#0c0d0e;
}

.socialMedia a{
    display: inline-block;
    margin-right: 10px;
    display: inline-block;
    margin-right: 20px;
    font-size: 22px;
}

footer.page-footer {
    padding: 0px 0px;
}
.pt-60{
    padding-top:60px;
}
.csr-exceprt{
   font-weight: 400;
   font-size: 20px;
}
.csr-imgwrap img{
    width:100%;
    border: 3px solid #fff;
}
.csr-imgwrap{
    padding: 70px;
    height: 100%;
}

.blogSection{
    background: #000;
}

.blogSection .newHead::after{
    display: none;
}

.blogSection .border-btn{
    display: table;
}

.csr-imgwrap.pinkBg p{
    color: #fff;
}

.pinkBg{
    background: #ff0056;
}

.grayBg{
    background: #f6f6f6;
}

.brownBg_1{
    background: #84f5ff;
}

.violetBg_1{
    background: #f7b0ff;
}

.greenBg_1{
    background: #efe6ff;
}

.blackBg_1{
    background: #000;
}
.blogColumn img{
    width: 100%;
    height: auto;
}

.alignDiv > div{
    -ms-flex-wrap: wrap;
    -ms-flex: 1;
    flex: 1;
}

.blogData{
    color: #000;
    font-weight: 400;
    font-size: 18px;
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*min-height: 100px;*/
}

@media(max-width: 1440px){
    .blogData{
        font-size: 16px;
    }
}

@media(max-width: 1300px){
    .blogData{
        font-size: 14px;
    }
}

@media(max-width: 1200px){
    .blogData{
        font-size: 12px;
    }
}

.imgData{
    overflow: hidden;
}

.blogData span{
    margin: auto;
    line-height: normal;
}

.alignDiv .blogData{
    height: 30%;
}

.alignDiv .imgData{
    height: 70%;
}

.bigImgCol .blogData{
    height: 20%;
}

.bigImgCol .imgData{
    height: 80%;
}

.alignDiv .imgData img, .bigImgCol .imgData img{
    height: 100%;
    object-fit: cover;
    transition: all 0.2s ease-in-out;
}

.alignDiv .imgData img:hover, .bigImgCol .imgData img:hover{
    transform: scale(1.1);
}

.bigImgCol .row{
    height: 100%;
}

.csrSlider .slick-track
{
    display: flex !important;
}

.csrSlider .slick-slide
{
    height: inherit !important;
}

a.viewAllBtn{
    display: inline-block;
    background: #363636;
}

.footerDivider{
    width: 100%;
    min-height: 2px;
    height: auto;
}
.color-stamp{
   width: 200px;
   right: -90px;
   top: -85px;
   position: absolute;
}
.bg-grediant{
    position: absolute;
    width: 650px;
    right: 0;
    top: -70px;
    height: 635px;
}
.pinkbg-grediant {
    position: relative;
    z-index: 99;
}
.pt-100{
    padding-top:100px;
}
.pb-100{
    padding-bottom:100px;
}
.left-banner-wrap {
    overflow: hidden;
    height: 340px;
}
.left-banner-wrap img{
    object-fit: cover;
    height: 100%;
}
.right-banner-wrap {
    overflow: hidden;
    height: 340px;
}
.right-banner-wrap img{
   object-fit: cover;
   height: 100%;
}
.prd-application-wrap {
    background: url(../img/bgironleft.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
}
.prd-application-wrap ul li {
    list-style: none;
    padding: 15px;
    border-bottom: 1px solid #6dc1ff;
    display: flex;
}
.prd-application-wrap ul li:last-child {
    border-bottom: 1px solid transparent;
}
.prd-application-wrap ul li img{
    width: 30px;
    display: inline-block;
    height: 30px;

}
.prd-application-wrap ul li span{
    margin-left: 15px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.page-sec-title {
    border-bottom: 1px solid #5cb2cc;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 44px;
}
.page-sec-title p{
    margin-bottom: 0px;
    padding: 10px 20px 10px 25px;
    display: inline-block;
    transform: skewX(
        15deg
        );
    display: inline-block;
    background: #5cb2cc;
    color: #fff;
    text-transform: none;
    position: absolute;
    left: -10px;
}
.page-sec-title p span{
    transform: skew(
        -15deg
        );
    display: inline-block;
}
.page-sec-subtitle {
    border-bottom: 4px solid #ff002a;
}
.page-sec-subtitle p{
    margin-bottom: 0px;
    border-bottom: 2px solid #5cb2cc;
    display: inline-block;
    font-size: 15px;
}
.catlog-card {
    text-align: center;
}
.catlog-thumb{
    border: 1px solid #ccc;
}
.catlog-card a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    color: #000;
    text-decoration: none;
}
.catlog-downlaod img{
    width: 25px;
    margin-right: 10px;
}
.page-title{
    color: #fff;
    position: absolute;
    background: #00000075;
    left: 0;
    bottom: 0;
    padding: 15px 20px;
    margin-bottom: 0;
    font-weight: 400;
}
footer.page-footer {
    margin: 0px 30px;
}
.prd-application-wrap ul{
    margin-bottom: 0px;
    padding-left: 0px;
}
.light-font{
    font-weight: 400;
}
a.catinnerpage-list-wrap {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
    vertical-align: ce;
    align-items: center;
}
.bg-skyblue{
    background-color: #5cb2cc;
}
.bg-orange{
    background-color: #c74f1a;
}
.bg-orangegray{
    background-color: #aea594;
}
.bg-yellow{
    background-color: #d5af13;
}
a.catinnerpage-list-wrap .circle{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #e4e4e4;
    margin-right: 10px;
}
a.catinnerpage-list-wrap p{
   display: inline-block;
   margin: 0;
}
a.catinnerpage-list-wrap:hover {
   background: #484848;
   transition-duration: 1s;
}
a.catinnerpage-list-wrap:hover p{
   color: #fff;
   transition-duration: 1s;
}
.fblack{
   color: #000!important;
}
.prd-application-wrap.titanium-bg ul li {
    border-bottom: 1px solid #000;
}
.prd-application-wrap.titanium-bg ul li:last-child {
    border-bottom: 0px;
}
.border-bottom-white ul li{
    border-bottom: 1px solid #fff;
}
.border-bottom-white ul li:last-child{
    border-bottom: 0px;
}
.pop-blog-list ul li{
    padding: 20px 0px;
    border-bottom: 1px solid #a18a8a;
}
.blog-date{
    font-size: 14px;
    color: #868383;
}
.blog-title{
    font-size: 15px;
}
.popular-blog-card:hover .blog-title{
    color: #ed0e3d;
}
.blog-card p{
    color:#4c4c4c;
    text-align: justify;
}
.btn-style1 {
    border: 1px solid #c2c2c2;
    padding: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.blog-card .img-thub{
    overflow: hidden;
    max-height: 250px;
    width: 100%;
    object-fit: cover;
}
.btn-style1:hover{
    background-color: #ed0e3d;
    color: #fff;
    transition-duration: 0.3s;
}
.pagination .page-item .page-link{
    border-radius: 0;
    color: #000;
    font-weight: 400;
    padding: 10px 13px;
    border: 1px solid #c2c2c2;
}
.pagination .page-item{
    margin-right: 10px;
}
.pagination .page-item .page-link.active{
    color: #fff;
    background-color: #ed0e3d;
}

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

.subscribe input, .subscribe button{
    height: 45px;
    padding: 0px 5px;
    vertical-align: top;
}

.subscribe input{
    width: 100%;
    font-size: 14px;
    border: 1px solid #000;
    margin-bottom: 10px;
}

.subscribe button{
    width: 130px;
    background: #000;
    color: #fff;
    font-weight: 400;
}

.subscribe button:hover{
    background: #ff002c;
}

@media(max-width: 992px){
    .alignDiv .imgData img, .bigImgCol .imgData img, .bigImgCol .imgData{
        height: auto;
    }

    .bigImgCol .blogData, .alignDiv .blogData, .bigImgCol .row{
        height: auto;
    }

    .certification-slider .slick-slide{
        padding: 0px;
    }
    .csr-imgwrap{
        padding: 20px;
    }
    .csr-exceprt{
        font-size: 14px;
    }
    h1.newHead{
        font-size: 1.5rem;
    }
    button.searchBtn{
        background: #fff;
    }
    button.searchBtn i.fa.fa-search{
        color: #000;
    }
    .mobileControls{
        display: block;
    }

    .mobileControls span{
        display: block;
    }

    .main-container {
        padding: 0rem 2rem;
    }

    .pinkbg-grediant{
        display: none;
    }

    .header-search.mobSearch{
        display: block;
        width: auto;
    }
}

@media(max-width:576px){
    .bannerLogo {
        max-width: 300px;
        position: absolute;
        z-index: 99;
        bottom: 15px;
        left: 15px;
    }
    .mobileControls{
        right: 15px;
    }
    .main-container {
        padding: 0rem 15px;
    }
     h1.newHead{
        font-size: 1.3rem;
    }
    .des p{
        font-size: 14px;
    }
    .csr-imgwrap{
        padding: 15px;
    }
    .logo a img{
        max-width: 150px;
    }
    .header-search{
        margin-right:40px; 
    }


    .borderType7 {
    border-bottom: solid 1px #d7a874;
    position: relative;
}

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
}
@media (max-width: 767px) {
    .page-id-37 .right-banner-wrap img.desktop-banner,
    .page-id-243 .right-product-banner img.desktop-banner{display: none;}
    
    .page-id-37 .right-banner-wrap img.mobile-banner,
    .page-id-243 .right-product-banner img.mobile-banner{display: block;}
    
.mdisplay{
    display:none !important;
}

.page-title{
    font-size: 25px;
    padding: 8px 10px;
}

/* Create two equal columns that floats next to each other */
.column12 {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */

}


/* Popup Form */


  .downloadForm .form-group {width:100% !important}
  .form-control.dbfield {font-size:.9rem;border:1px solid #ddd;font-family:inherit;width:100%}
  .submitBtn {background:#2c0265;color:#fff;border:0;width:150px;padding:10px;}
  .submitBtn:hover {background:#ff002a; color:#fff;}