*{ font-family: 'Cabin', sans-serif; }
.container{width: 100%; max-width: 1260px; margin: 0px auto; padding: 0 25px;}
header{ display: inline-block; width: 100%; position: absolute; z-index: 999; left: 0; top: 0;}
.logo{ float: left;padding-top: 10px;}
.banner{display: inline-block;width:100%; position: relative;float: left;}
.contact_pop{ display: inline-block;  right: 0; top: 0; position: absolute; z-index: 9999;}
.contact_pop a{ font-size: 20px; padding:15px 30px; display: inline-block; background: #fff;}
.contact_pop a:hover{background: #83745B; color: #fff;}
.sec_one{ display: inline-block; width: 100%; padding:80px 0;}
.sec_one .left{ float: left; width:50%;}
.sec_one .left h2{ font-size: 35px; margin-bottom: 30px; font-family: adobe-garamond-pro, serif;font-style: normal; font-weight: 400;}
.sec_one .left p{ font-size:18px; margin-bottom: 30px; font-weight:400; color:#707070; line-height:30px; max-width: 90%;}
.sec_one .right{ float: left; width:40%;}
.sec_two{ background: #171717; display: inline-block; width: 100%; padding: 80px 0; position: relative;}
.sec_two .headings { width: calc(100% - 50%); float: left;}
.sec_two .headings li{ color:#83745B; font-size:22px; float: left; padding:0 5%; position: relative;}
.sec_two .headings li:first-child{ padding-left: 0; }
.sec_two .headings li:after{position: absolute; right: -2.5%; top:40%; width: 10px; height: 10px; background: #707070; content: ' '; border-radius: 20px;}
.sec_two .headings li:last-child:after{display: none;}

.sec_two .itemslist{ float: left; width: 100%; margin-top:60px;}
.sec_two .itemslist li{ float: left; width: 33.3%; margin: 20px 0;}
.sec_two .itemslist li:hover img{-webkit-transition: width 2s; transition: width 2s;}
.sec_two .itemslist li img{ float: left;}
.sec_two .itemslist li p{ float: left; color: #83745B; font-weight:800; font-size:17px; max-width: 50%; margin:13px 0 0 20px; line-height: 25px;}

.img_container{ width:45%; float: right; position: relative;}
.img_container img{position: absolute; right:0; top:-350px; box-shadow:-2px 0px 50px rgba(0,0,0,0.6);}

footer{ width: 100%; display: inline-block; padding:50px 0; text-align: center;}
footer a{ text-transform: uppercase; color: #171717; font-size: 25px;}
footer a:hover{ color: #83745b;}



.owl-prev span{ float: left; font-size: 0; width: 60px; height:40px; background:url("../images/prev.jpg") no-repeat center center; display: inline-block;}
.owl-next span{ float: right; font-size: 0; width: 60px; height:40px; background:url("../images/next.jpg") no-repeat center center; display: inline-block;}

.badge{ position: absolute; left: 0; top: 0; z-index: 100; width: 100%; }
.badge img{float: right; max-width: 150px; margin-top: 280px;margin-right: 100px;}

.banner_content{ float: left;width: 100%; position: absolute; bottom: 0; left: 0; padding-bottom:30px;}
.banner_content h1{ font-size: 30px; color:#fff; margin-bottom:60px; display: inline-block;}
.full_box{ float: left; width:100%;}
.onbthree{float: left; width:33%; max-width: 280px; border-bottom: 2px solid rgba(0,0,0,0); margin-right: 4%; padding-bottom: 30px; opacity: 0.6}
.onbthree.selected{ border-bottom: 2px solid #f7e28f; opacity: 1;}
.num{ float: left; color: #fff; font-size: 18px;}
.line{ float: left; width:1px; height: 40px; background: #fff; margin: 0px 20px 0 20px; transform: rotate(15deg);}
.cntentsc{ float: left; color: #fff; font-weight: 600; font-size:14px;}
.cntentsc span{ float: left; width: 100%; color: #fff; font-weight:normal !important; font-size: 19px; margin-top: 10px;}


.simplePopup {display:none;position:fixed;background:#fff;z-index:999999;padding:12px;width:70%;max-width:420px; border-radius:3px;}
.simplePopupClose {float:right;cursor:pointer;margin-left:10px;margin-bottom:10px;}
.simplePopupBackground {display:none;background:#000;position:fixed;height:100%;width:100%;top:0;left:0;z-index:99999;}


.contactform h4{ width: 100%; text-align: center; font-weight:800; font-size:25px; color: #171717; margin-top: 20px;}
.contactform ul{ width: 100%; display: inline-block; padding:20px 35px;}
.contactform ul li{ float: left; width: 100%; margin: 5px 0;}
.frmtxt{ float: left; width: 100%; padding: 10px 15px; border-radius: 2px; border: 1px solid #171717;}
textarea.frmtxt{ height:90px; resize: none;}
.submitbutton{ float: left; width: 50%; margin-left: 25%; padding: 15px 10px; cursor: pointer; border-radius: 5px; background: #86735b; 
    border: 1px solid #86735b; color: #fff; font-size: 18px; font-weight: bold;}
.submitbutton:hover{ background: #171717;}
.error {

    font-size: 12px;
    margin-top: 6px;
    display: inline-block;

}
.thankyou {
    display: inline-block;
    width: 100%;
    /* background: #83745B; */
    border-radius: 3px;
    border: 2px dotted #ccc;
}

.thankyou h4 {
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    color: rgba(0,0,0,0.5);
    margin: 20px 0;
}


.thankq{ background:url("../images/banner04.jpg") no-repeat center top; padding:300px 0; min-height: 100vh; text-align: center;}
.thankq h3{ font-size:60px; font-weight: bold; color: rgba(255,255,255,0.8); margin: 30px 0;}

.thankq p{ font-size:20px;color: rgba(255,255,255,1); margin-top: 20px;}


.submitbutt{ display: inline-block; margin: 50px 0; background: #84745b; border: 2px solid #84745b; padding:20px 50px; border-radius: 2px; color: #fff;}
.submitbutt:hover{ background: rgba(0,0,0,0.8); border-color:#84745b;}