*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul{
    list-style: none;
}
img{
    border: none;
}
body{
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}
.pdr0{
    padding-right: 0!important;
}
.pdl0{
    padding-left:  0!important;
}
.pdt10{
    padding-top: 10px;
}.pdt20{
    padding-top: 20px;
}.pdt30{
    padding-top: 30px;
}
.pdb0{
    padding-bottom: 0;
}
header{
    padding: 10px 0;
}
.logo img{
    width: 50%;
}
.headerrighttop p{
    float: right;
    color: #222;
    margin-bottom: 0;
    padding-top: 5px;
}
.headerrighttop p a{
    text-decoration: none;
     color: #2a2a2a;
}
.headerrighttop p a:hover{
    color: #dd3428;
}
.social{
    float: right;
}
.social ul{
    margin-bottom: 0;
}
.social ul li{
    display: inline;
    padding: 0 5px;
}
.social ul li i{
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    border:1px solid #000;
    position: relative;
   color: #222;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}
.social ul li i:hover{
   border:1px solid #dd342d; 
}

/*banner*/
/*.banner .carousel-control-prev{
    display: none!important;
}
.banner .carousel-control-next{
    display: none!important;
}*/
.banner .carousel-caption {
    position: absolute;
    top: 33%;
   
    left: 5%;
    max-width: 58%;
}
.banner .carousel-caption h1{
    text-align: left;
    font-size: 40px;
    font-weight: 800;
    font-family: 'Poppins', sans-serif;
}
/*servicess*/
.homeservice{
    padding: 3em 0;
}
.heading1 h1{
    text-align: center;
    margin: 0;
    font-family: 'DM Serif Display', serif;
    color: #313131;
    font-size: 38px;
}
.heading1 p{
    text-align: center;
    padding-bottom: 0;
    color: #505050;
    padding-top: 10px;
}

/******************  News Slider Demo-3 *******************/
#news-slider3{
    margin-top: 1em;
}
.post-slide3{
    margin: 0 15px;
   /* padding: 0 25px 20px 25px;*/
    background: #fff;
    /*box-shadow: 0 1px 2px rgba(43,59,93,0.30);*/
    border: 1px solid #ccc;
    margin-bottom:2em;
}
.post-slide3 .post-img{
    position: relative;
    margin-bottom: 20px;
}
.post-slide3 .post-img img{
    width: 100%;
    height: auto;
}
.post-slide3 .post-icon{
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    text-align: center;
    background: #333;
    opacity: 0;
    border-radius: 3px;
    transition: all 300ms ease-in-out 0s;
}
.post-slide3:hover .post-icon{
    opacity: 1;
}
.post-slide3 .post-icon i{
    font-size: 20px;
    color: #fff;
    line-height: 60px;
}
.post-slide3 .post-bar{
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}
.post-slide3 .post-bar li{
    display: inline-block;
    font-size: 15px;
    color: #676767;
    margin-right: 5px;
}
.post-slide3 .post-bar li:after{
    content: "/";
    margin-left: 5px;
}
.post-slide3 .post-bar li:last-child:after{
    content: "";
}
.post-slide3 .post-bar li a{
    color: #8e44ad;
    transition: all 0.3s ease 0s;
}
.post-slide3 .post-bar li a:hover{
    color: #333;
    text-decoration: none;
}
.post-slide3 .post-bar li a:after{
    content: ",";
    margin: 0 5px;
}
.post-slide3 .post-bar li a:last-child:after{
    content: "";
}
.post-slide3 .post-title{
    margin: 15px 0 10px 0;
    padding: 0 10px;
    text-align: center;
    text-transform: capitalize;
}
.post-slide3 .post-title a{
    font-size: 18px;
    font-weight: 600;
    color: #3c3c3c;
    transition: all 300ms linear 0ms;
}
.post-slide3 .post-title a:hover{
    color: #dd342d;
    text-decoration: none;
}
.post-slide3 .post-description{
    font-size: 15px;
    color: #676767;
    line-height: 24px;
    padding-bottom: 15px;
    padding: 0 10px
}
.post-slide3 .read-more{
    display: inline-block;
}
.post-slide3 .read-more:hover{
    text-decoration: none;
}
.post-slide3 .read-more i{
    font-size: 19px;
    color: #333;
    margin-right: 5px;
    transition: all 0.40s linear 0s;
}
.post-slide3 .read-more span{
    font-size: 16px;
    color: #333;
    opacity: 0.9;
    text-transform: uppercase;
    transition: all 0.40s linear 0s;
}
.post-slide3 .read-more:after{
    content: "";
    display: block;
    width: 40%;
    position: relative;
    bottom: 0px;
    left: 8%;
    border-bottom: 3px solid #333;
    opacity: 0;
    transition: all 0.40s linear 0s;
}
.post-slide3:hover .read-more span,
.post-slide3:hover .read-more:after{
    opacity: 1;
}
.post-slide3 .read-more:hover span,
.post-slide3 .read-more:hover i,
.post-slide3 .read-more:hover:after{
    color: #dd342d;
    border-bottom-color: #dd342d;
}
/*about us*/
.aboutusinner {
    padding: 40px;
    background: #e2effd;
}
.aboutusinner h1{
    margin-top: 2em;
    margin-bottom: 0.8em;
}
.aboutusinner p{
    text-align: justify;
    color: #505050;
}
.readmore{
     margin-top: 2em;
}
.readmore a{
    background: #317fd3;
    color: #fff;
    padding: 10px 20px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
   font-size: 14px;
}
.readmore a:hover{
    text-decoration: none;
    color: #fff;
    background: #dd342d;
}
/*information*/
.information{
    padding:4em 0;
}

.info{
    display: flex;
    
}
.infor{
    width: 50%;
}
.infor img:hover{
    opacity: 0.6;
}
.infol{
    width: 50%;
    padding: 20px 20px;
    background: #dd342d;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.infol:hover{
     background: #f4f4f4;
}
.infol p{
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.infol h3{
    margin: 0;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    padding-bottom: 15px;
}
.infol a{
    color: #fff;
    
}
.infol:hover p{
   color: #505050;
}.infol:hover h3{
    color: #dd342d;
}.infol:hover a{
    color: #505050;
    text-decoration: none;
}
.blue{
    background: #317fd3!important
}
.blue:hover{
     background: #f4f4f4!important
}
.blue:hover p{
   color: #505050!important
}.blue:hover h3{
    color: #317fd3!important
}.blue:hover a{
    color: #505050!important
    text-decoration: none;
}
/*why us*/
.whyus{
   
    padding: 0 0 0 0;
}
.whyusinner{
    background: #fddcda;
    padding:30px;
    width: 80%;
}
.whyusinner p{
    color: #303030;
}
.whyusinner h1{
    color: #404040;
    font-size: 33px;
   margin-top: 2em;
margin-bottom: 0.8em;
}
.icons {
    display: flex;
}
.iconsbox {
    
    margin: 0 20px;
   width: 80%;
      text-align: center
}
.iconsbox img{
    background: #f1cfcd;
    padding: 10px;
   margin-bottom: 15px;
}
.iconsbox img:hover{
      transform:scale(1.1,1.1);
}
.iconsbox h3{
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    color: #303030;
}
/*appoinement */
.appointment{
    background: url(../images/appoinmentbg.jpg) no-repeat;
    padding: 3em 0 2em 0;
    
}
.appointment h1{
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 34px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 30px;
}
.appointment form {
    text-align: center;
}
.appointment form input{
    background: rgba(255,255,255,0.3);
    border-radius: 0;
    height: 50px;
    margin-bottom: 25px;
    border: none;
    letter-spacing: -0.5px;
    font-style: italic;
}
.appointment form input:focus{
     background: rgba(255,255,255,0.3);
    color: #fff;
    border: none;
    box-shadow: none;
}
.appointment form input::placeholder{
    color: #fff!important;
}
.appointment form textarea{
    background: rgba(255,255,255,0.3);
     border-radius: 0;
     border: none;
    color: #fff;
    letter-spacing: -0.5px;
    font-style: italic;
    height: 127px;
    width: 100%;
}
.appointment form textarea::placeholder{
    color: #fff!important;
    
}
.appointment form textarea:focus{
     background: rgba(255,255,255,0.3);
    color: #fff;
    border: none;
    box-shadow: none;
}
.read{
    
    
}
.read button{
    color: #317fd3;
     background: rgba(255,255,255);
    padding: 5px 20px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
     transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    text-align: center;
    border-radius: 0;
   
    
}
.read button:hover{
     text-decoration: none;
    background: #dd342d;
    color: #fff;
}
/*footer*/
footer{
    background: #2a2a2a;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding: 3em 0;
}
footer h2{
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}
.footerlnk ul {
    margin-bottom: 0;
}
.footerlnk ul li{
    line-height: 28px;
   
}
.footerlnk ul li a{
    color: #fff;
     position: relative;
    padding-left: 30px;
    text-decoration: none;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.footerlnk ul li a:before{
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background: #fff;
    left: 0;
    top: 12px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.footerlnk ul li a:hover{
    color: #999;
    padding-left: 35px;
}
.footerlnk ul li a:hover:before{
    left: 5px;
    background: #999;
}
.wedget p{
    color: #fff;
    line-height: 28px;
    
}
.location p{
    position: relative;
    padding-left: 20px;
}
.location img{
    position: absolute;
    left: 0;
    top: 8px;
}
.location a{
    color: #fff;
}
.location a:hover{
   color: #999;
    text-decoration: none;
}
.socialfooter ul{
    margin-bottom: 0;
}
.socialfooter ul li{
    display: inline;
    margin-right: 5px;
    
}
.socialfooter ul li img{
     transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.socialfooter ul li img:hover{
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1)
        -moz-transform: scale(1.1,1.1)
}
.footerbottom{
    background: #2a2a2a;
    padding: 5px 0;
}
.footerbottom p{
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}
.footerbottom a{
    color: #fff;
}
.footerbottom a:hover{
   color: #999;
    text-decoration: none;
}
/*innerbanner*/
.innerbanner{
    background: url(../images/innerbanner.jpg) top center;
    height: 150px;
    background-attachment: fixed;
    padding: 2em 0;
}
.innerbanner h1{
    text-align: center;
    margin: 0;
    color:#35aaf2;
    font-weight: 600;
    font-size: 35px;
}
.bread{
    text-align: center;
    margin-top: 15px;
}
.bread ul{
    margin-bottom: 0;
     color: #fff;
}
.bread ul li{
    display: inline;
     color: #fff;
    padding: 0 15px;
}
.bread ul li a{
    color: #fff;
}
.bread ul li a:hover{
    text-decoration: none;
}
/*contact us*/
.contactus{
   
}
.contactus h1{
    margin-top: 0;
}
.contactus form {
    text-align: center;
}
.contactus form input{
    background: rgba(0,0,0,0.3);
    border-radius: 0;
    height: 50px;
    margin-bottom: 25px;
    border: none;
    letter-spacing: -0.5px;
    font-style: italic;
}
.contactus form input:focus{
      background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    box-shadow: none;
}
.contactus form input::placeholder{
    color: #fff!important;
}
.contactus form textarea{
    background: rgba(0,0,0,0.3);
     border-radius: 0;
     border: none;
    color: #fff;
    letter-spacing: -0.5px;
    font-style: italic;
    height: 130px;
}
.contactus form textarea::placeholder{
    color: #fff!important;
    
}
.contactus form textarea:focus{
     background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    box-shadow: none;
}
.contactus button{
    color: #fff;
     background: #dd342d;
    padding: 5px 20px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
     transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    text-align: center;
    border-radius: 0;
   
    
}
.contactus button:hover{
     text-decoration: none;
    background: #dd342d;
    color: #fff;
}
.contactuspage{
    padding: 4em 0;
}
.contactuspage .location p{
    padding-left: 40px;
    line-height: 32px;
}
.contactuspage .location img{
   background: #317fd3;
   padding: 5px;
}
.contactuspage .location p a{
  color: #212529;
}
/*aboutuspage*/
.aboutus h1{
    margin-top: 0;
}
/*product*/
.product{
    padding: 3em 0;
}
.product h1{
    margin-top: 0;
}
.product ul{
    margin-bottom: 0;
   
}
.product ul li{
    padding-left: 5px;
    line-height: 28px;
    color: #505050;
    list-style-position: inside;

}
.product ul li img{
       position: relative;
        top: -2px;
}  
.product p:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
/*.product ul li i{
    position: absolute;
    
    
}*/

.brand{
    padding: 3em 0;
}
.brand .post-img {
    text-align: center;
}
.brand img{
    width: 90%;
    margin: auto;
    text-align: center;
}
.productpage{
    padding: 3em 0 0 0;
}
.productpage img{
    border: 1px solid #ccc;
    margin-bottom: 40px;
}
.rent{
    padding: 3em 0 0 0;
}
.rent img{
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.box{
  margin-bottom: 40px;
    text-align: center;
}
.box h3{
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
}
.box button{
    padding: 2px 10px 5px 10px;
    border: none;
    background: #3c9bd5;
    color: #fff;
    font-weight: 500;
}
.modal-body {
   
   
}
.sticky-top {

    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}