@import "../css/skeleton.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}
body { background-color:#fff;font:13px/20px Verdana, Geneva, sans-serif;min-width:980px;color:#000; -webkit-text-size-adjust: none; margin:0;}
/*********************************fonts*************************************/
.align_center {text-align:center}
.logo { padding:30px 0; }
.logo img { width:auto; }
@media only screen and (max-width: 1170px) {
    .logo img { width:100%; }
}
@media only screen and (max-width: 767px) { 
.logo img { width:auto; } 
.grid_7 .logo {
     text-align: center;padding: 25px 0px 0px 0px !important;
}
.container_12 .grid_5{margin-bottom: 0px;}
.hphone{ padding: 0px!important;}
.header-social{display: none;}
}
img{width:100%;}
a { color:#fff; text-decoration:none;}
a:hover { color:#fff; text-decoration:none;}
/*********************************CLASSES**********************************/
.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
header {/*border-top:6px solid #424242;background: url('../images/header_bg.gif') 50% 0 repeat;height:214px;padding: 0px 0 0;*/}
/*********************************content*************************************/
#content {/*padding:10px 0;*/}
/*===============================>> Paragraphs <<=============================*/
p {margin-bottom:21px}
/*================================>> H <<========================================*/
h2 {
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28px;
    line-height:32px;
    font-weight: normal;
    margin: 0;
    padding: 25px 0;
    text-align: center;
}
h3{
    color: #9f6126;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 15px 0 10px;
}
h4{color: #000;font-size: 28px;line-height: 34px;margin-bottom: 15px;text-transform: uppercase;}
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
}
@media only screen and (max-width: 767px) {
 body{min-width:420px;}
}
@media only screen and (max-width: 479px) {
 body{min-width:300px;}
}
.headertext {color:#9F6126; font-size:20px; font-weight:normal; font-style:italic; padding:50px 0 0;}
.hphone {padding:90px 0 30px;}
.callus {
    color: #fff;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 65px 0 10px;
    text-align: center;
}
.phonewrap {
    /*background: rgba(0, 0, 0, 0) url("../images/phone-th.png") no-repeat scroll left center / 18px auto;*/
    color: #000;
    font-size: 18px;
    font-weight: normal;
   /* padding-left: 32px;*/
    line-height:30px;
}
a.phone {
    color: #000;
    /*font-style: italic;*/
}
.banner {
}
.banner img {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
}
.textbox {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    color: #2b1504;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    margin: 0 20%;
    position: absolute;
    text-align: left;
    top: 190px;
}
.textbox h6 {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
}
.textbox h5 {
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    margin: 0;
    /*padding: 5px 0;*/
    color: #2b1504;
}
.textbox h4 {
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
    margin: 0;
   /* padding: 5px 0;*/
    color: #2b1504;
}
.textbox h3 {
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    color: #2b1504;
    padding: 0;
}
.textbox p {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    margin: 0;
    padding: 5px 0;
    color: #2b1504;
}
.call-btn {
    background: #9f6126;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    margin: 35px 10px 10px;
    text-align: center;
    text-transform: uppercase;
    padding:10px 0;
}
.call-btn span {
    font-size: 22px;
    line-height: 28px;
}
.foot1 {
    padding: 30px 0 10px;
    text-align: center;
}
.foot1 img {
    width:auto;
}
.foot2 {
    color: #fff;
    padding: 20px 0 40px;
    text-align: center;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 5px;
    padding: 0;
    vertical-align: top;
}
@media only screen and (max-width: 1170px) {
    .phonewrap { font-size:14px; padding-left:25px; float:none; }
    .headertext { padding:35px 0 0; font-size:12px; font-weight:bold;}
    .hphone {padding:30px 0 0;}
}
@media only screen and (max-width: 995px) {
    .phonewrap { font-size:14px; padding-left:25px; float:none; }
    .headertext { padding:35px 0 0; font-size:12px;}
    .hphone {padding:35px 0 0;}
    .textbox {
      top: 130px;
}
.call-btn { margin:20px 10px 10px; }
}
@media only screen and (max-width: 767px) { 
    .headertext {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 0;
    text-align: center;
}
    .phonewrap { width:100%; padding-left:0px; margin:0 auto; text-align: center; }
    .textbox { display:none; }
    .hphone {padding:15px 0 30px;}
}
@media only screen and (max-width: 479px) { 
    .logo { text-align:center; }
    .headertext {
    font-size: 13px;
    text-align: center;
    padding:10px 0;
}
.hphone {padding:10px 0;}
}