/*Banner code*/
.swiper-container {
  width: 100%;
  height: 500px;
  position: relative;
  z-index: 1;
}

.swiper-slide {
  text-align: right;
  font-size: 18px;
  /*background: #f1f1f1;*/
  background: none;
  background-image: url('../pic/wood1.jpg');
  background-repeat: no-repeat;
  background-size: cover; 
}
.swiper-slide img{
    margin-top:35px;
    margin-right: 200px;
    width: auto;
    height: 430px;
    vertical-align: middle;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    border-radius: 4px;
}
.swiper-slide div{
    display: block;
    float: left;
    position: absolute;
}
.swiper-button-next, .swiper-button-prev {
    color: #a06948;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 20px;
    color: #a06948;
}
.banner-info {
    padding-left: 50px;
    padding-top: 11em;
    text-align: left;
}
.banner-info h3 {
    margin: 0px;
    text-align: left;
    font-size: 2.5em;
    max-width: 550px;
    line-height: 60px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #eee;
    text-shadow: 0px 0px 5px #00000050;
}
.banner-info p {
    text-align: left;
    max-width: 550px;
    color: #ddd;
}

.banner-info a {
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

.button-style {
    padding: 15px 35px;
    color: #eee;
    font-size: 16px;
    background: none;
    font-weight: 600;
    border: 2px solid #eee;
    text-transform: capitalize;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 30px;
}

.button-style:hover {
    color: #fff;
    background: #a06948;
}

/*-- //banner style --*/
/*-- specialization --*/
.specialization {
    background: #f4f8fa;
}
.specialization .row{
     display: flex;
    justify-content: space-between;
    margin-right: 100px;
}
.about-main span {
    font-size: 16em;
    margin: 0;
    line-height: .8em;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background: url(../pic/wood.jpg) repeat center;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
}

.about-main h4 {
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    margin-left: 50px;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    line-height: 35px;
    margin-top: 15px;
    width: 260px;
}
/*-- about --*/
a.serv_link.btn {
    background: none;
    color: #a06948;
    border: 2px solid #a06948;
    padding: 10px 35px;
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
	border-radius: 0px;
}
a.serv_link.btn:hover {
    color: #fff;
    background: #a06948;
}
h3.main-title-w3pvt {
    line-height: 38px;
    font-size: 28px;
    letter-spacing: 2px;
}

.aboutImg{
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.border-pos-wthree {
	position: absolute;
	width: 90%;
	height: 65%;
    border: 4px solid #ccc;
    top: -17px;
    left: 10%;
}

.border-pos-wthree1 {
	position: absolute;
	width: 90%;
	height: 65%;
    border: 4px solid #ccc;
    bottom: -17px;
    left: -1%;
}
/*-- //about --*/
/* -- tabs --*/
section#tabs {
    background: #dedede;
}
.middile-inner-con h5 {
    line-height: 40px;
    font-size: 22px;
    letter-spacing: 2px;
    color: #333;
}
.middile-inner-con p {
    color: #555;
}
.middile-sec img {
    background: #fff;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    padding: 8px;
    max-width: 300px;
    max-height:300px;
}
.tab-main section {
    display: none;
    padding: 2em 0 0;
    border-top: 1px solid #a06948;
}

.tab-main input {
    display: none;
}

.tab-main label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 0px 10px;
    width: 22%;
    letter-spacing: 1px;
    text-align: center;
    color: #1e272e;
    border: 1px solid transparent;
}

.tab-main span {
    margin-right: 0.5em;
}

.tab-main label:before {
    font-weight: normal;
    margin-right: 10px;
    opacity: 0;
}

.tab-main label:hover {
    cursor: pointer;
    color: #a06948;
}

.tab-main input:checked + label {
    color: #fff;
    background: #a06948;
    border-bottom: 2px solid #a06948;
}

.tab-main #tab1:checked ~ #content1,
.tab-main #tab2:checked ~ #content2,
.tab-main #tab3:checked ~ #content3,
.tab-main #tab4:checked ~ #content4 {
    display: block;
}
/* -- //tabs --*/

/*-- news --*/
.news-grids p {
}
.news-grids img {
}
h3.heading {
    font-size: 28px;
    letter-spacing: 2px;
    color: #333;
    font-weight: 500;
	text-transform: capitalize;
}
h3.heading span {
    display: block;
}
section.news {
	position:relative;
}
section.news img {
    border-radius: 4px;
    padding: 6px;
    background: #fff;
	box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    /*border: 2px solid #a06948;*/
    cursor: pointer;
}
h6.intr.ser1 {
    color: #484d55;
}
.view a {
    background: none;
    color: #a06948;
	border:2px solid #a06948;
    padding: 10px 35px;
    display: inline-block;
    margin-bottom: 55px;
    font-size: 16px;
    letter-spacing: 1px;
}
.view a:hover{
    color: #fff;
    background: #a06948;
}
.categorybutton {
    font-size: 15px;
    width: 100%;
    text-align: center;
    padding:10px 2px;
    color: #a06948;
    background: none;
    font-weight: 600;
    border: 2px solid #a06948;
    text-transform: capitalize;
    letter-spacing: 1px;
    display: inline-block;
    margin-top: 10px;
}
.categorybutton:hover{
    color: #fff;
    background: #a06948;
}
/*-- //news --*/
@media screen and (max-width : 1150px){
    .swiper-slide img{
        margin-right: 150px;
    }
}
@media screen and (max-width : 1050px){
    .swiper-slide img{
        margin-right: 120px;
    }
}
@media screen and (max-width : 991px){
    .newsgrid4,.newsgrid5,.newsgrid6{
        margin-top: 20px;
    }
    .swiper-slide img{
        margin-right: 80px;
        width: 230px;
        height: auto;
    }
    .banner-info h3{
        font-size: 2em;
        line-height: 50px;
        max-width: 400px;
    }
    .banner-info p{
        max-width: 400px;
        line-height: 25px;
    }
    .button-style{
    padding: 10px 35px;
    }
}
@media screen and (max-width : 768px){
    .middile-inner-con h5{
        line-height: 30px;
        font-size: 20px;
        letter-spacing: 1px;
    }
    .about-text-grid{
        font-size: 14px;
    }
    .about-main span{
        font-size: 11em;
    }
    .about-main h4{
        margin-left: 0px;
    }
    .news-grids h4{
        font-size: 16px;
        margin-top: 20px;
    }
    .tab-main label{
        width: 24%;
    }
    .swiper-slide{
        /*background: none;*/
    }
    .swiper-container{
        background: #999;
    }
    .swiper-slide img{
        margin-right: 40px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        display: none;        
    }
    .banner-info{
        padding-top: 14em;
        text-align: center;
    }
   /* .banner-info a{
        border: 2px solid #fff;
        color: #fff;
    }*/
    .banner-info h3{
        /*color: #fff;*/
        text-align: center;
        margin: 5px auto;
        font-size: 2em;
        max-width: 400px; 
        line-height: 35px;
    }
    .banner-info p{
        display: none;
        text-align: center;
        margin: 5px auto;
        max-width: 400px; 
   }
   .bb{
        text-align: center;
        margin: 5px auto;
   }
}
@media screen and (max-width : 700px){
    .banner-info h3, .banner-info p{
        max-width: 300px;
    }

}
@media screen and (max-width : 620px){
.banner-info{
    padding-left: 20px;
}
.banner-info h3, .banner-info p{
        max-width: 290px;
    }
}
@media screen and (max-width : 576px){
    .newsgrid3{
        margin-top: 20px;
    }
    .swiper-slide img{
        display: block;
        margin: 35px auto;
    }
    .about-text-grid{
        max-width: 100%;
    }
    .banner-info h3{
            max-width: 500px;
            font-size: 1.7em;
        }
    .banner-info{
        padding-top: 24em;
        left: 50%;
        margin-left: -225px;
    }
    #contactbanner{
        margin-left: -135px;
    }
    .swiper-container{
        height: 600px;
    }
    .swiper-slide img{
        height: 400px;
        width: auto;
    }
}
@media screen and (max-width : 425px){
    h3.heading {
        font-size: 30px;
    }
    .view a{
        padding: 10px 10px;
    }
    .news-grids h4{
        margin-top: 0px;
    }
    .about-main{
        width: 100%;
    }
    .about-main h4{
        margin-left: 50px;
    }
    .about-main span{
        font-size: 18em;
    }
    .tab-main label {
        padding: 15px;
    }
}