/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 Mar, 2019, 3:25:00 PM
    Author     : Easysoft
*/


@font-face {font-family:"Organic Elements"; src:url("../fonts/Organic_Elements.eot?")format("eot"),url("../fonts/Organic_Elements.woff")format("woff"),url("../fonts/Organic_Elements.ttf")format("truetype"),url("../fonts/Organic_Elements.svg#OrganicElements")format("svg");font-weight:normal;font-style:normal;}

 body { position: relative;font-family: 'Montserrat', sans-serif;}
.wrapper{  background-color: #16B247;background-image: linear-gradient(150deg, #16B247, #8AC918);width: 100%;height: 100%;}
.bg-light{background-color: transparent!important;}
.the-collapsed-wrapper .nav-link{color: #fff!important;font-weight: 700}
/*.true-coat{background: url(../images/truebanner.png)no-repeat;background-size: cover;   height: 815px;font-family:"Organic Elements";padding: 300px 0}*/
.paints-for{    display: block; margin-right: 99px;}
.wrapped-text{ line-height: .6;}
.products-categ{padding-left: 14%;width: 104%; padding-bottom: 0%;}
.rotate-degree{ -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
.pdts-cat{   color: #fff;font-weight: 700;font-size: 19px; position: relative;    margin-left: 22%;display: inline-block}
.pdts-cat:after{ display: block; clear: both; content: ''; position: absolute; bottom: -3px;  background: #fff;  width: 200px;  height: 3px;  left: auto;   right: 0;}
.overflow-hidden{overflow: hidden}
.top-positioned{margin-top: 80px}
.the-width{width: 230px;position: relative;z-index: 1;
margin-top: 15px;
}
.newly-added-class-fort{    position: relative;
    top: -245px;
    padding-left: 193px;
    padding-right: 0;}
.the-med-media{background: #fff;    margin-left: -32px;    padding-top: 3px;}
.walls-coat ul{   padding: 0;margin: 0}
.walls-coat li{display: inline-block;padding: 0 5px}
.walls-coat p{margin: 0;color: #fff;font-weight: 700}
.walls-coat a{margin: 0;color: #fff;font-weight: 700;padding: 0;border-radius: 0!important}
.walls-coat li +li{border-left: solid 2px #fff}
.the-med-media ul{padding: 0;margin: 0}
.the-med-media ul li{display: inline-block;padding: 10px 30px;}
.the-med-media ul{padding: 0;margin-left: 50px}
.w-banner{      background: #fff;min-height: auto; padding-top: 43px;  transform: skew(0deg,-10deg);  margin-top: 94px;  padding-left: 30px;  padding-right: 30px; padding-bottom: 4px;margin-bottom: 120px}
.w-banner ul{padding: 0;}
.w-banner li{display: inline-block;width: 33%;text-align: center;padding: 20px 20px;vertical-align: top }
.the-inside-rotate{ transform: rotate(8deg);}
.w-banner h3{font-size: 20px}
.w-banner p{font-size: 15px}
.the-req-ht{min-height: 72px}
.max-width-wrapper{max-width: 1000px;margin: 0 auto}
.second-gall{margin-top: -85px}
.edu-wrap{    position: relative; top: -85px;}/*
*/.third-gall{margin-top: -170px}
.fact-wapp{position: relative;top:-170px}
.fourth-gall{    margin-top: -255px;}
.hotel-wrap{position: relative;top:-255px}
.max-width-wrapper ul{padding: 0;margin: 0}
.max-width-wrapper li{display: inline-block;width: 24%}
.max-width-wrapper li img{width: 100%}
.max-width-wrapper {padding-top: 140px}

.inside-outer{    transform: skew(-2deg,-10deg);    -ms-transform: skew(-2deg,-10deg); -webkit-transform: skew(-2deg,-10deg);}
.inside-outer h2{color: #fff;font-size: 20px}
.img-wrapper{    transform: skew(0deg,10deg); margin-top: -57px;    padding: 0 35px;}
.interior-decor{transform: skew(0deg,10deg);   padding: 95px 0 0;}
.interior-decor h3{color: #005DAB;font-family:"Organic Elements";font-size: 25px;position: relative}
.interior-decor h3:after{    position: absolute;content: ''; clear: both; left: -42px; width: 31px; height: 2px; background: #005DAB; top: 15px;}
.interior-decor p{font-weight: 700;padding: 30px 0 10px;}
.exterior-wrapper h3:after{ position: absolute;content: ''; clear: both; right: -42px; width: 31px; height: 2px; background: #005DAB; top: 15px;left: auto}
.interior-decor a{color: #005DAB;font-size: 12px;text-decoration: none;font-weight: 700}
.the-contact-fort{   -webkit-clip-path: polygon(0 28%, 100% 0%, 100% 78%, 0% 100%);clip-path: polygon(0 28%, 100% 0%, 100% 78%, 0% 100%);}
.the-contact-fort iframe{width: 100%;padding-right:  60px;height: 530px}
.the-top-bottom{    padding: 0 0 140px;}
.pb-100{padding-bottom: 70px}
.true-coat-contact h3{font-family:"Organic Elements";font-size: 30px;color: #fff;margin-bottom: 30px;position: relative}
.true-coat-contact h3:after{    position: absolute;content: ''; clear: both; left: -40px; width: 31px; height: 3px; background: #fff; top: 15px;}
.true-coat-contact p{color: #fff;margin-bottom:7px }
.true-coat-contact{padding: 30px 0}
.location-wrp{position: relative}
.location-wrp:after{    background: url(../images/loc.svg); position: absolute; content: ''; clear: both; right: 0; width: 31px;height: 19px;top: 2px; left: -30px; background-repeat: no-repeat;}
.phone-wrp:after{  background: url(../images/phone.svg); position: absolute; content: '';clear: both;right: 0;  width: 31px;  height: 19px;top: 2px; left: -30px; background-repeat: no-repeat;}
.time-wrp:after{  background: url(../images/time.svg);  position: absolute; content: '';  clear: both;  right: 0; width: 31px;  height: 19px;  top: 2px;left: -30px; background-repeat: no-repeat;}
.true-coat-contact{padding:100px 40px 0}
.true-coat-contact a{background: rgb(51, 125, 188); color: #fff; text-decoration: none; padding: 10px; display: inline-block;}
/*.the-med-media ul li{width: 32%}*/
/*.the-med-media li img{width: 100%}*/
.top-positioned .nav-pills .nav-link.active,.top-positioned .nav-pills .show>.nav-link{background-color: transparent;border-bottom: solid 1px #fff }



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

#loader-wrapper .loader-section { 
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
 background: url(../images/bg.jpg)no-repeat;
 background-size: cover;
 z-index: 1000;
 opacity: 1;background-position: center;}


.loaded  #loader-wrapper .loader-section{  
 -webkit-animation: bummer 8s;
    animation: bummer 8s;
    -webkit-transform: scale(8,8); 
    transform: scale(8,8);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;     
}


.loaded #loader {
    opacity: 0; -webkit-transition: all 0.8s ease-out; 
            transition: all 0.8s ease-out;
            
   
}
.loaded #loader-wrapper {
   opacity: 0; -webkit-transition: all 0.8s ease-out; 
            transition: all 0.8s ease-out;
              
            
            

}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.8s ease-out; 
            transition: all 0.8s ease-out;

}



.no-js #loader-wrapper {
    display: none;
}
.no-js h1 {
    color: #222222;
}
.l1-inside{display: none;       top: 25px;
    left: 330px;}
.l2-inside{display: none;    top: 220px;
    left: 60px;}
.l3-inside{display: none;    top: 263px;
    left: 25%;}
.l4-inside{display: none;top: 49%; left: 14.6%;}
.l5-inside{display: none;    top: 61%;  left: 26.6%}
.l6-inside{display: none;    top: 15%; right: 26%; }
.l7-inside{display: none;       top: 220px;
    right: 60px;}
.l8-inside{display: none; top: 52%;   right: 25%;}
.l9-inside{display: none;    top: 67%;  right: 30%;}
.l11-inside{display: none;    top:-25%; right: 38%;}
.l10-inside{display: none;    top: 215px;
    right: 320px;}

.l17-inside{display: none;       top: 220px;
    right: 185px;
}
.l12-inside{ display: none;       top: 22%;
    left: 22%;}
.l13-inside{display: none;    top: 500px;  right: 220px;}
.l14-inside{display: none;     top: -60%;
    left: 41%;}
.l15-inside{display: none; top: 80%; right: 43%;}
.l16-inside{display: none;     top: 508px;  left: 380px;}


@-webkit-keyframes bummer {
    100% {
        -webkit-transform: scale(0,0); 
    }
}

@keyframes bummer {
    100% {
        transform: scale(0,0); 
    }
}

.the-table-in{display: table;width: 100%;height: 100%}
.table-cell-in{display: table-cell;
    vertical-align: middle;
    text-align: center;}

.navbar-light .navbar-toggler-icon{background-image: none}
.navbar-toggler-icon{    display: block;
    width: 37px;
    height: 3px;
    vertical-align: middle;
    content: "";
    background: #fff;
    background-size: 100% 100%;
    margin: 4px 0;}
.navbar-toggler{border:none}
.top-cap{top:50%}
 .top-cap p {text-shadow: rgb(0, 0, 0) 3px 3px 2px;}
 .cursor-pointer{cursor: pointer}
 .the-new-req{max-width: 800px}
 .close-color{    position: absolute;
    right: -30px;
    padding: 0;
    top: -39px;
    opacity: 1;
    text-shadow: none;
    font-weight: 100;
    font-size: 55px;
    color: #fff!important;}
 
 .the-new-req h6 i{font-weight: 400}
  .the-new-req h6{font-weight: 300; font-size: 13px;}
   .the-new-req p{    font-size: 13px;
    line-height: 1.5;}
 .the-new-req a{background: #16B247;
    color: #fff;
    padding: 7px 20px;
    margin: 0 0 9px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;}
 .the-blocked h5{    font-size: 29px;
    font-weight: 600;}
 .owl-dots .owl-dot{    background: #46b93a!important;
    width: 10px;
    height: 10px;
    border-radius: 90%;margin: 0 5px;}
 .owl-dots .owl-dot.active{  background: #627360!important;}
 .owl-dots{    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;}
 .owl-carousel .owl-item img{width: 150px;margin: 0 auto}
 .the-med-media .owl-nav{position: absolute;opacity: 0}
 .the-collapsed-wrapper{padding-top: 2px}

.social-us{
    text-align: right;
}

.social-us li{display: inline-block;list-style: none;}
.social-us ul{padding: 0;margin:40px 0 0}
.social-us a{display: table;width: 45px;height: 45px;border-radius: 50%;border:solid 2px #fff}
.social-us a span{display: table-cell;vertical-align: middle;text-align: center}


.pdts-cat-work{
  color: #FFFFFF;
  font-size: 15px;
  display: inline-block;

    
}
.pdts-cat-work:after{
    display: block; 
    clear: both; 
    content: ''; 
    bottom: -3px; 
    width: 200px;
    height: 3px;
}

.gallery-btn{
        margin-top: -180px;
    margin-left: 331px;
    /* margin-top:-191px;
    margin-left: 457px;*/
}

.gallery-btn a{
    padding: 3px;
    color: #ffffff;
    background:#005dab;
    text-decoration: none;
    text-align:center;
   
}

.gallery-btn a:hover{
    background: #098096;
}

.padder-new{
    margin-bottom:35px;
}

.enquire-now{
        width: 100%;
    color: #847B7B;
    font-size: 14px;
    border: 1px solid #005DAB;
    height: 35px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.form-contact-text{
    width: 100%;
    color: #847B7B;
    font-size: 14px;
    border: 1px solid #005DAB;
    height: 110px;
    padding-left: 15px;
    margin-bottom: 10px;
    padding-top: 15px;
    
}

.contact-submit {
    background: #202C45;
    border: none;
    height: 39px;
    width:100%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}

.top-adjuster{
    margin-top: -120px;
}

.error{
        color: red;
    font-weight: 400;
}