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


*{margin:0; padding:0; outline:0;}
body{font-family:Arial;  font-size:12px; color:#3c3c3c;}
/*wrapper*/
.wrapper{width:100%; float:left;}
.wrapper-in{width:960px; margin:0 auto;}
/*End wrapper*/

/*Header*/
.header{width:100%; float:left; background:url(../images/headerbg.jpg) repeat-x left top; height:200px;}
/*End Header*/


/*footer*/
.footer{width:100%; float:left; background:url(../images/footer.jpg) repeat-x center top; height:179px;}
/*End footer*/

/*logo*/
.logo{position:absolute; left:0; top:0px; z-index:0;}
.logo .img2 { padding-left:10px; }
.pr{position:relative;}
/*End logo*/

/*navigation*/
.navigation{width:auto; float:right;}
.navigation ul{list-style:none; margin:165px 0 0 0;}
.navigation ul li{float:left; font-size:13px; font-weight:bold; margin-right:5px;}
.navigation ul li a{text-decoration:none; background:#482d18 ; padding:8px 25px; float:left; display:block; color:#fff; border-radius:8px 8px 0 0;}
.navigation ul li a:hover{background:#332011 !important;}
.navigation ul li a.active{background:#482d18;}
/*end navigation*/

/*body part*/ 
.bodymain{width:100%; float:left;  background:url(../images/bodybg.jpg) repeat center top; min-height:600px;}
.bodymainin{float:left; width:100%; float:left; margin-top:25px;}
.leftbody{width:250px; float:left;}
.newbox{width:250px; float:left; margin-bottom:20px;}
.newbox h1{width:100%; float:left; font-size:22px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:10px;}
.newbox p{width:100%; float:left; font-size:12px; color:#000; line-height:18px; padding-bottom:10px;}
.newbox p a{color:#ab460e; text-decoration:none;}
.newbox p a:hover{text-decoration:underline;}
.datemain{width:250px; float:left; padding-bottom:8px;}
.dateleft{width:24px; height:24px; float:left; background:url(../images/datebg.png) repeat left top; color:#000; font-size:14px; font-weight:bold; text-align:center; line-height:28px;}
.dateright{width:210px; float:right; font-size:13px; font-weight:bold; color:#c82d00; border:1px dashed #9e926e; padding:5px;}
.lefthead{width:215px; float:left; font-size:16px; font-weight:bold; color:#c82d00; }
.dateright span{font-size:10px; color:#000;}
.newbox ul{ float:left; width:95%; list-style:none;}
.newbox li{border-bottom:1px solid red; width:100%; border-bottom:#000 1px dashed; padding:5px 0;}
.newbox li a{color:#000; text-decoration:none; background:url(../images/arrow-left.png) no-repeat left 5px; padding-left:20px;}
.newbox li a:hover{color:#ab460e;}

.rightbody{width:630px; float:right;  border-left:#7e735d 1px dotted; padding-left:30px;}
.somelines-box{width:100%; float:left; margin-bottom:50px;}
.somelines-box h1{width:100%; float:left; font-size:22px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:10px;}
.somelines-box h1 span{font-size:13px; padding-left:15px;}
.somelines-box h2{width:100%; float:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#b22d00; font-weight:bold; padding-bottom:5px;}
.somelines-box p{width:100%; float:left; font-size:13px; color:#000; line-height:18px; padding-bottom:10px;}
.somelinesredbox{width:auto; float:left; background:#ad9f71; border:1px #000 dashed; margin-right:10px;}
.somelinesredbox a{color:#b22d00; text-decoration:none; display:block;   padding:3px 10px;}
.somelinesredbox a:hover{background:#7f7450;}

.ProjectsBox{width:600px; float:left; background:#f0dfa9; border:#dcc375 1px solid; padding:15px;  border-radius:10px;}
.projectboxleft{width:200px; float:left;}
.projectboxleft img{width:110px; border:#ebd693 3px solid;}
.projectboxright{width:370px; float:right;}
.projectboxright h2{width:100%; float:left; font-size:17px; font-family:Arial, Helvetica, sans-serif; color:#b22d00; font-weight:bold; padding-bottom:5px;}
.projectboxright p{width:100%; float:left; font-size:14px; color:#000; line-height:18px; padding-bottom:10px;}
.projectboxright p a{color:#ab460e; text-decoration:none;}
.projectboxright p a:hover{text-decoration:underline;}
.somelines-box ul{list-style:none; width:100%; float:left;}
.somelines-box li{width:90%; background:url(../images/arrow-left.png) no-repeat left 8px; padding:3px 0 3px 20px;}

.loginform{width:620px; float:right; margin:25px 0;  background:#f0dfa9; border:#dcc375 1px solid; padding:15px;  border-radius:10px;}
.loginform h2{width:100%; float:left; font-size:20px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:5px; border-bottom:#cfac40 1px dashed; margin-bottom:15px;}
.loginform label{width:auto; padding-right:10px; float:left; font-size:14px; color:#000; display:block; padding-top:5px;}
.loginform input[type=text], input[type=password]{width:125px; border:#cfac40 1px solid; float:left; margin-right:50px; height:25px; background:#f0dfa9; padding:0 10px; color:#5a4a16; font-size:11px;}
.loginform input[type=submit]{border-radius:5px; font-size:11px;  color:#5a4a16;  border:#cfac40 1px solid; padding:5px 20px; text-transform:uppercase; margin-left:-25px; cursor:pointer;}
.loginform p{width:100%; float:left; margin-top:20px; text-align:right;}
.loginform p a{color:#241408; font-size:14px; padding-left:25px; padding-right:15px;}
.loginform p a:hover{text-decoration:none;}
/*End body part*/ 

/*inner Banner*/ 
.innerbanner{ float:left; background:#000; width:100%;}
.innerbanner img{width:100%;}
.bar{width:100%; float:left; padding:10px 0; font-size:12px;  color:#000; text-align:right;}
.bar a{color:#000;}
.bar a:hover{text-decoration:none;}

.aboutmain{width:100%; float:left; text-align: center;}
.aboutmain h1{width:100%; float:left; font-size:22px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:10px; border-bottom:#241408 1px dashed; margin-bottom:10px;}
.aboutmain p{width:100%; float:left; font-size:15px; color:#000; line-height:18px; padding-top:10px;}
.aboutmain ul{margin:0 0 0 15px;}
.aboutmain li{width:100%; float:left; font-size:12px; color:#000; line-height:18px; padding-top:10px;}
.aboutmain ol{margin:0 0 0 15px;}
.aboutmain li{width:100%; float:left; font-size:12px; color:#000; line-height:18px; padding-top:10px;}

.contactus{width:100%; float:left;}
.contactus h1{width:100%; float:left; font-size:22px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:10px; border-bottom:#241408 1px dashed; margin-bottom:10px;}
.contactusleft{width:410px; float:left;}
.contactusleft p{width:100%; float:left; font-size:12px; color:#000; line-height:18px; padding-bottom:5px;}
.contactusleft p a{color:#000;}
.contactusleft p a:hover{text-decoration:none}

.contactusleft h2{width:100%; float:left; font-size:18px; font-family: Georgia; color:#241408; font-weight:normal; padding-top:20px;  margin-bottom:10px;}
.map{width:100%; float:left; margin-top:5px;}
.map img{border:#000 1px solid;}

.contactusright{width:500px; float:right;}
.contactusright h2{width:100%; float:left; font-size:18px; font-family: Georgia; color:#241408; font-weight:normal; margin-bottom:10px;}
.contactusright p{width:100%; float:left; font-size:12px; color:#000; line-height:18px; padding-bottom:5px;}
.contactusright input[type=text]{width:280px; border:#cfac40 1px solid; float:left; margin-right:50px; height:35px; box-sizing:border-box; background:#f0dfa9; padding:5px 10px; color:#5a4a16; font-size:11px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
.contactusright select{width:300px; border:#cfac40 1px solid; float:left; margin-right:50px; height:35px;  box-sizing:border-box; background:#f0dfa9; padding:5px 10px; color:#5a4a16; font-size:11px; margin-top:10px;font-family:Arial, Helvetica, sans-serif;}
.contactusright textarea{width:400px; border:#cfac40 1px solid; float:left; margin-right:50px; background:#f0dfa9; padding:5px 10px; color:#5a4a16; font-size:11px; margin-top:10px; height:250px; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif;}
.contactusright input[type=submit]{border-radius:5px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  color:#5a4a16;  border:#cfac40 1px solid; padding:10px 35px; text-transform:uppercase; cursor:pointer; margin-top:15px;}


.overview{width:100%; float:left;}
.overview h1{width:100%; float:left; font-size:22px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:10px; border-bottom:#241408 1px dashed; margin-bottom:10px;}
/*End body part*/ 



.gallarydetails{width:100%; float:left;}
.gallarydetails h1{width:100%; float:left; font-size:22px; font-family: Georgia; color:#241408; font-weight:normal; padding-bottom:10px; border-bottom:#241408 1px dashed; margin-bottom:10px;}
.gallarydetails p{width:100%; float:left; font-size:12px; color:#000; line-height:18px; padding-top:10px;}

.gallaryleft{width:225px; float:left; margin-top:20px;}
.gallaryright{width:635px;  float:right; padding-left:35px; margin-top:20px;}
.gallaryright ul{width:100%; float:left; list-style:none;}
.gallaryright ul li{float:left; width:185px; margin-right:20px; margin-bottom:15px;}
.gallaryright ul li p{width:100%; float:left; padding:10px 0 0 0;}

.paging{width:100%; float:left; }
.paging ul{list-style:none; float:right;}
.paging ul li{float:left;}
.paging ul li a{float:left; display:block; font-size:12px; color:#fff; background:#241408; padding:6px 15px; margin:0 2px; text-decoration:none}
.paging ul li a:hover{background:#482d18;}


.serviceleft{float:left; width:250px;}
.serviceleft ul{float:left; width:250px; list-style:none;}
.serviceleft ul li{font-family: Arial, Helvetica, sans-serif; background:none; padding:5px 0; margin:0px; float:left;  border-bottom:1px solid #847870;  width:250px;}
.serviceleft ul li a{display:block; font-size:14px; text-decoration:none; color:#262422; padding:12px 0 12px 30px; background:url(../images/lefttop.png) no-repeat left 10px;float:left;}
.serviceleft ul li a:hover{ color:#262422; background:url(../images/leftbottom.png) no-repeat left 10px; }
.serviceleft ul li a.selected{ color:#262422;  background:url(../images/leftbottom.png) no-repeat left 10px; padding:10px 0px 10px 30px; font-weight:normal;  width:250px; /*border-bottom:1px solid #847870;*/ font-family:Arial, Helvetica, sans-serif;}

/*-------------style for request a thread -------------------*/
.star3 {color: #241408;font-family: Arial; left: 6px; position: absolute; top: 7px;} 
.sideform{display:block;width:300px;background:#FFFFFF;border: 1px solid #CDCCCA; margin: 0 0 0 52px; padding: 13px;position:fixed;top:100px;	right:-350px;z-index:999999999;}	
.inputdiv {  float: left;  padding-bottom: 11px;  position: relative;  width: 300px;}
.star1 { color: #339933; font-family: Arial; left: 6px; position: absolute; top: 7px;}
.sideform input[type="text"] {background:#EDEDED; border: 1px solid #CCCCCC;  color: #6B6B6B;  float: left;  font-family: Arial;  font-size: 13px;padding: 6px 4px 6px 13px; width: 253px;}
.selecttag {color: #666666; font-family: Arial; font-size: 12px; height: 30px; line-height: 30px;  overflow: hidden;  position: absolute; left: 0; top: 0;width: 268px;}
.styled { font-size: 11px; margin-top: 12px; opacity: 0;  position: relative;width: 269px; z-index: 5;}
.sideform textarea {background:#EDEDED; border: 1px solid #CCCCCC;color: #6B6B6B; float: left; font-family: Arial; font-size: 13px; height: 50px;overflow: hidden;padding: 8px 4px 6px 10px;width: 254px;}	
.sideform select {background:#EDEDED; border: 1px solid #CCCCCC;color: #6B6B6B; font-family: Arial; font-size: 13px; height: 80px;overflow: hidden;padding: 8px 4px 6px 10px;width: 253px;}	
.resetbtn{  color: #6B6B6B; float: left;font-family: Arial,Helvetica,sans-serif;   font-size: 13px; padding: 0; text-transform: lowercase;border: 0 none;cursor: pointer; height: 32px; margin-right: 12px; width: 81px;}
.sideform input[type="text"]:focus, .sideform input[type="password"]:focus, .sideform textarea:focus, .sideform input[type="text"]:hover, .sideform input[type="password"]:hover, .sideform textarea:hover {background: none repeat scroll 0 0 #FBFAFA; border: 1px solid #CCCCCC;}
.quoteimg{ float:left; margin-left:-50px; cursor:pointer; z-index:99;}	
.pad5{clear:both; padding-top:0px;}	
.inputdiv input[type=submit]{display:block; float:left; padding:8px 25px; background:#241408; color:#fff; border-radius:5px; font-size:12px; text-transform:uppercase; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.inputdiv input[type=submit]:hover{background:#482d18;}
	
	
	
.heading { position:absolute; top:45px; right:17px; font-size:39px; color:#FDC244; font-weight:bold; }
.pd{position:relative;}
.textheading{position:absolute; left:254px; top:10px;}

.footerlogo{ position:relative;
top:129px; right:1px; }
.footerlogotext{position: relative;
top: 86px;
left: 78px;
color: #A8450E;
font-weight: bold;
font-size: 10.5px;}



@media all and (max-width:1023px){
    .logo{
        width: 150px;
    }
    .logo a img{
        width: 100%;
    }
    .textheading{
        left: 150px;
    }
    img.nathjiavtar{
        display: none;
    }
    .navigation{
        margin-left: 170px;
    }
    .wrapper-in{
        width: 748px;
    }
    .leftbody{
        width: 200px;
    }
    #myreel, #myreel *{
        width: 100% !important;
    }
    .datemain{
        width: 100%;
    }
    .dateleft{
        float: none;
    }
    .dateright{
        float: none;
        margin-top: 10px;
        box-sizing: border-box;
    }
    .newbox{
        width: 100%;
    }
    .lefthead{
        width: 100%;
    }
    .rightbody{
        width: 500px;
        padding-left: 20px;
    }
    .somelines-box iframe{
        width: 100% !important;
    }
    .somelines-box p img{
        width: 100%;
    }
    .contactusleft{
        width:300px;
    }
    .contactusright{
        width:420px;
    }
    .gallaryright{
        width:460px;
    }
}
@media all and (max-width:767px){
    .contactusleft{
        width:100%;
    }
    .contactusright{
        width:100%;
        margin-top:20px;
    }
    .gallaryright{
        width:100%;
    }
    .contactusright input[type="text"], .contactusright select, .contactusright textarea{
        width:100%;
    }
    .wrapper-in{
        width: 460px;
    }
    .leftbody{
        width: 100%;
    }
    .rightbody{
        width: 100%;
        margin-top: 40px;
    }
    .textheading{
        left: 0;
        width: 100%;
        top: 80px;
    }
    .textheading img{
        width: 100%;
    }
    .logo{
        width: 70px;
        left: 50%;
        transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
    }
    .header{
        background-size: cover;
        height: 210px;
    }
    .navigation {
        margin-left: 50px;
        width: 100%;
        display: none;
        visibility: hidden;
    }
    .navigation ul{
        margin: 168px 0 0 0;
    }
}

@media all and (max-width:479px){
    .wrapper-in{
        width: 327px;
    }
    .header{
        height: 195px;
    }
    .navigation{
        margin-left: 0;
    }
    .textheading{
        margin-top: 10px;
    }
    .navigation ul{
        margin: 155px 0 0 0;
    }
    .navigation ul li a{
        padding: 8px 15px;
        font-size: 12px;
    }
    .gallaryright ul li{
        width:100%;
    }
    .gallaryright ul li img{
        width:100%;
        height:auto;
    }
}

/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Arial;
    margin-bottom: 20px;
  }
  .custom-dropdown {
    color: #AB4624!important;
    border: #AB4624 1px solid!important;
  }
  .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    background-color: DodgerBlue;
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  
  /* style the items (options), including the selected item: */
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
  }
  
  /* Style items (options): */
  .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }